JS 304: Object-Oriented JS & MVC Architecture

PagerDuty - 501 Second St Ste 100 San Francisco - View Map Girl Develop It San Francisco
Sat, Aug 8, 2015, 11:45 AM (PDT)

About this event

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 Brenda and Aysegul, two local frontend web developers.


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


<a href="http://www.teaching-materials.org/jsreview/">

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:

Object-oriented JS principles, MVC components, Refactoring code, Coding models & views in JS.

Thanks to PagerDuty for venue and lunch.

If you'd like to attend but cannot afford the cost, please request a GDI scholarship.

If you are interested in being a TA, please fill out this form.


Saturday, Aug 8
11:45 AM - 6:15 PM (PDT)


501 Second St Ste 100 San Francisco