nievie / js205

JavaScript MVC frameworks; originally developed by Pamela Fox for GDI SF.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GDI JS 205: MVC Frameworks

Slides are built using the Yeoman Reveal generator template. See the repo for instructions on making modifications to the slides.

Slides and materials are hosted here.

Course description

Nowadays, most web developers are using "MVC" concepts and frameworks to organize the JavaScript that powers their website and better separate the presentation from the data.

In this evening workshop, we'll give an overview of MVC frameworks and spend most of our time actually getting our hands dirty using MVC concepts. We'll give an overview of popular frameworks, like Backbone and Angular, but we will not focus on any framework in particular. You'll write your own tiny Model/View framework and learn about other MV* frameworks in JavaScript.

This is intended to be a follow-up workshop for JS101, JS201, JS202, and JS204. See the prerequisites question for additional details.

Cost: $50

Dates: Sunday, July 27 from 12-4:30 PM

Location: Dev Bootcamp, 351 W Hubbard, Floor 7

A limited number of scholarships are available for those with a financial hardship. To apply, click here. Do not RSVP for the event. The deadline to apply for a scholarship is May 25. Scholarship applicants will be notified shortly after the deadline. Class capacity does not impact scholarship students.

###Prerequisites:

Attendees should be comfortable with HTML5 and CSS3: specifically, you should understand the box model, floats, CSS resets, and HTML5 standards and tags. Additionally, you should be familiar with JavaScript syntax, data structures, conditionals, loops, and event handling.

You should have:

(a) taken Intro or Intermediate HTML/CSS through Girl Develop It, or

(b) built and managed websites on your own,

And also:

(a) taken JS101 (full 4-week series, or completed all exercises and homework for the self-paced workshop), JS201, JS202, and JS204 through Girl Develop It, or

(b) have completed a self-study JavaScript course, and are familiar with syntax, arrays, conditionals, for and while loops, event handling, jQuery, AJAX requests, JSON, and Object-oriented JavaScript.

If you need to brush up on your HTML and CSS, you can review The Beginner's Guide to HTML and CSS and The Advanced Guide to HTML and CSS.

###Tech requirements:

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

###Topics covered:

  • Brief history of JavaScript and websites
  • Examples of big JavaScript web apps
  • What does JavaScript do in big apps?
  • Making large amounts of JavaScript more managable
  • What is a model? What is a view?
  • Creating our own mini JavaScript framework
  • Nesting views
  • MV? frameworks: types and some popular frameworks

About

JavaScript MVC frameworks; originally developed by Pamela Fox for GDI SF.

License:MIT License