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:
- HTML/CSS: Khan Academy's HTML/CSS course, Codecademy's HTML/CSS course, GDI SF HTML/CSS slides
- JS: Codecademy's JS course, Khan Academy's Intro to JS course, GDI SF JS slides
- jQuery: Codecademy's jQuery course
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