MakerSquare Front-End Projects

Class projects for the MakerSquare Front-End course beginning 1/13/14.

Week 1-2 Project (Bio and Blog)

Part 1

Bio + photo page, Contact page, individual blog post, in plain HTML.

Part 2

In class, link them together via an index.html page.

Part 3

Style the above pages with CSS.

Part 4

Build a layout (given by instructors) into your bio and blog pages

Part 5

Install Jekyll and translate your bio and blog pages from static HTML to Jekyll templates.

Week 2: Floats

5-10 layout examples to be created with CSS and floats.

Week 3: jQuery Plugins and Fonts, Zurb Foundation

Week 4: Responsive Mobile-to-Desktop Site with Foundation

Week 5: Foundation JS

Week 6: JS Logic and Functions, Manipulating jQuery Plugins

Week 7: Forms and Validation

Week 8: JSON and Data

Weeks 9 & 10

Final Project