Web dev course curriculums

The web design curriculum includes two core courses and two culminating performance courses where students learn & demonstrate their knowledge—and filled with lots of self-directed learning opportunities.

Core courses

Learn the Web has two core web development courses—one each term lasting for up to fifteen weeks—exploring a range of topics from intro to HTML all the way to responsive, component-driven design systems.

Web Design 1

Web Design 1
Open course

Web design is the production of functional, interactive websites accomplished through the use of the HTML and CSS coding languages. Using video tutorials, step-by-step online lessons, and automation, students explore processes such as semantics and mobile-first architecture, and tools like cloud platforms and version control, in tandem with precise organization principles and current best practices.

  1. 15 weeks
  2. 16 video playlists
  3. 4 activities
  4. 9 step-by-step lessons
  5. 22 exercises
  6. 0 big projects

Web Design 2

Web Design 2
Open course

The web is accessible to all human beings on the planet; websites should be universally designed to meet everyone’s needs. Using automation and online resources, explore grid systems, type systems, and visual design best practices to construct modular and flexible web architectures and rich interactions that support the many different screen dimensions, platforms, and needs of people connected to the open web.

  1. 15 weeks
  2. 12 video playlists
  3. 3 activities
  4. 6 step-by-step lessons
  5. 15 exercises
  6. 2 big projects

Self-directed courses

Outside the core Web Design courses, we offer self-directed couses for enthusiastic students to explore more complex and in-depth materials with guidance on their own time.

Web Dev 1

Web Dev 1
Open course

Web development is the production of functional, interactive websites accomplished through the use of the HTML and CSS coding languages. Using video tutorials, step-by-step online lessons, and automation, students explore processes such as semantics and mobile-first architecture, and tools like cloud platforms and version control, in tandem with precise organization principles and current best practices.

  1. 15 weeks
  2. 14 video playlists
  3. 8 activities
  4. 12 step-by-step lessons
  5. 27 exercises
  6. 1 big project

Web Dev 2

Web Dev 2
Open course

The web is accessible to all human beings on the planet. Using grid systems, type systems, and reusable code, students construct modular and flexible web architectures to support the many different screen dimensions, platforms, and needs of people connected to the web.

  1. 15 weeks
  2. 6 video playlists
  3. 11 activities
  4. 7 step-by-step lessons
  5. 27 exercises
  6. 1 big project

Web Dev 3

Web Dev 3
Open course

The modern web is not just functional but also beautiful. Students apply visual design best practices to include more user-friendly graphics, iconography, animations, and rich interactions to make their websites functional, delightful, and performant.

  1. 15 weeks
  2. 10 video playlists
  3. 10 activities
  4. 12 step-by-step lessons
  5. 23 exercises
  6. 1 big project

Web Dev 4

Web Dev 4
Open course

Design consistency in large websites is hard to achieve. Using visual design & code best practices, students build a cohesive library of common components, patterns, and styles. Small teams exchange pattern libraries and demonstrate the many components by creating full page template deliverables.

  1. 15 weeks
  2. 5 video playlists
  3. 8 activities
  4. 17 step-by-step lessons
  5. 24 exercises
  6. 2 big projects

Web Dev 5

Web Dev 5
Open course

Graphic designers are hired for their personality and their work quality. The first interaction potential employers have is through the designer’s online presence—most importantly a portfolio website. Leasing personal domains, configuring servers for email addresses, and peer reviews are some of the topics explored to launch a successful personal portfolio website.

  1. 15 weeks
  2. 6 video playlists
  3. 8 activities
  4. 6 step-by-step lessons
  5. 17 exercises
  6. 3 big projects

Web Dev 6

Web Dev 6
Open course

No web projects are created by just one person—collaboration with other people is fundamental to successful websites. Teams of students organize and create large-scale websites using project management tools, version control systems, online messaging, and issue trackers.

  1. 7 weeks
  2. 3 video playlists
  3. 2 activities
  4. 3 step-by-step lessons
  5. 6 exercises
  6. 4 big projects

JS

JavaScript
Open course

Interaction and effects on the web are spectacular when enhanced with the JavaScript programming language. Students create motion graphics and complex interactions to enhance the user experience after learning programming basics with activities like co-op games, interactive code-based quizzes, and programming challenges.

  1. 8 weeks
  2. 5 video playlists
  3. 10 activities
  4. 8 step-by-step lessons
  5. 21 exercises
  6. 1 big project

Workshops

Scattered throughout each term are two-hour workshops that introduce students to topics from the self-directed courses or explore more ideas for web development that aren’t covered in the core curriculum.

Thinking

think == programmer
Open workshop

An introduction to JavaScript and logical, computer thinking using a series of activities.

  1. What’s this JavaScript thing?
  2. Walk like an Egyptian
  3. Dinos love gems
  4. Dogs ’n’ data
  5. Code, meet English

jQuery

jQuery, jQ-what‽
Open workshop

An introduction to jQuery and how it helps writing JavaScript in websites.

  1. jQuery—JavaScript simplified
  2. Gotta select ’em all
  3. ’Query quest
  4. Pre-programming, co-coding
  5. jQuery jigsaw

DOM

The DOM-I-(k)no’
Open workshop

Learn to use HTML, CSS & JS together to make a few common interactive patterns.

  1. Know the DOM; Use the DOM
  2. InfoPanel.translate('en')
  3. InfoPanel.init()
  4. Dino-rmous carousel
  5. SVG ♥ JS

Markbot

Get instant feedback and direction with your own marvellously magnificent marking robot.