Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Go to file
 
 
Cannot retrieve contributors at this time

JavaScript MVC

Slides and materials are hosted here.

Course description

Nowadays, we are using JavaScript more and more on our webpages, and that means that we can end up with hundreds or even thousands of lines of JS. If you're not careful, your code can quickly become an unnavigable maze of spaghetti code. In this workshop, you'll learn how to use an MVC architecture to help modularize your code, make it more re-usable, and better separate the presentation from the data.

The workshop will be a mix of lectures and hands-on exercises in pairs, and will be taught by [teacher X, tiny bio]. This workshop is highly recommended for anyone attending our frontend workshop series.

Prerequisites:

Attendees should be comfortable with HTML/CSS basics and JavaScript fundamentals (arrays, conditionals, loops, functions). Attendees should also have learned jQuery. That means that you either attended our HTML 101 workshop, JS 101 workshop and JQuery workshop, or that you learned those concepts online.

You can review them online at a few places:

Tech requirements:

  • Your laptop (Mac, PC, or Linux are all okay) and charger.
  • A modern web browser - either Chrome or Firefox.
  • A text editor. We recommend Sublime Text 2 (free; available for both Mac and PC) or Notepad++ (PC).

Topics covered:

  • MVC components
  • Refactoring code
  • Coding models & views