About this Course

This course covers methods for organizing your code, both conceptually and literally. You’ll learn the importance of separating concerns when writing JavaScript, gaining hands-on experience along the way. Separating concerns can be done with or without an organizational library or framework. We’ll learn how to separate concerns without one, and then we’ll explore an organizational library together. You’ll also learn strategies for exploring other libraries and frameworks on your own.

By the end of this course, you’ll understand (from experience) the importance of code organization, and how to implement it with either vanilla JavaScript or an organizational library or framework. Your applications will start looking clean and professional—not just to your users, but also to anyone who looks at the code driving your applications.

Course Cost
Free
Timeline
Approx. 6 weeks
Skill Level
Advanced
Included in Course
  • Rich Learning Content

  • Interactive Quizzes

  • Taught by Industry Pros

  • Self-Paced Learning

  • Student Support Community

Join the Path to Greatness

This free course is your first step towards a new career with the Full Stack Web Developer Nanodegree Program.

Free Course

JavaScript Design Patterns

Enhance your skill set and boost your hirability through innovative, independent learning.

Icon steps

Course Leads

  • Ben Jaffe
    Ben Jaffe

    Instructor

What You Will Learn

Lesson 1

Changing Expectations

  • Build a project without an overall organizational paradigm.
  • Explore the pain points of not using an organizational model.
  • Introduction to future paradigms.
Lesson 1

Changing Expectations

  • Build a project without an overall organizational paradigm.
  • Explore the pain points of not using an organizational model.
  • Introduction to future paradigms.
Lesson 2

Refactoring

  • New paradigms vs Lesson 1.
  • Rebuild the project with the new organizational paradigm.
Lesson 2

Refactoring

  • New paradigms vs Lesson 1.
  • Rebuild the project with the new organizational paradigm.
Lesson 3

Using an Organizational Library

  • Explore KnockoutJS to organize our code and to reduce the amount of boilerplate we write.
Lesson 3

Using an Organizational Library

  • Explore KnockoutJS to organize our code and to reduce the amount of boilerplate we write.
Lesson 4

Exploring Unfamiliar Code

  • Explore code that you didn't write, and use a library or framework that you aren't familiar with.
  • Learn to explore code and foster one of the most important traits of a developer.
Lesson 4

Exploring Unfamiliar Code

  • Explore code that you didn't write, and use a library or framework that you aren't familiar with.
  • Learn to explore code and foster one of the most important traits of a developer.

Prerequisites and Requirements

This course is for intermediate web developers with some experience with JavaScript, and some prior experience with a JavaScript library, such as jQuery.

Students should also be proficient in HTML and CSS, and should have experience creating static pages.

See the Technology Requirements for using Udacity.

Why Take This Course

Many developers dive right into projects without thinking of the organization or structure of the code they’re writing. It's easy to hack projects together, but the best developers spend the extra time to think about the organization of their application and adhere to sound organizational practices.

In order to write clean code that will get you your next job or promotion, you'll need to have a solid understanding of organizational techniques, and you'll need to implement those techniques in your projects. Software developers who write clean and organized code are surprisingly hard to find, so if you can master code organization you’ll be a step above the rest.

What do I get?
  • Instructor videos
  • Learn by doing exercises
  • Taught by industry professionals
Icon globe

Udacity 现已提供中文版本! A Udacity tem uma página em português para você! There's a local version of Udacity for you! Sprechen Sie Deutsch?

Besuchen Sie de.udacity.com und entdecken Sie lokale Angebote, unsere Partnerunternehmen und Udacitys deutschsprachigen Blog.

前往优达学城中文网站 Ir para a página brasileira Go to Indian Site Icon flag de Zu de.udacity.com continue in English