Mockups to Code

Knowing HTML and CSS is the first step, but there's more to web design than a simple "About Me" page. Understanding how to go from a visual mockup to handcrafted code requires understanding display styles, floats, how to organize your CSS, and many little tricks most of us have had to learn over time.

If you know the basics of HTML and CSS but still struggle putting together a page from scratch, or don't fully understand the details of float layouts, this is the class for you. This will be a fast-paced class with as much coding as lecture that will leave you with a better understanding of how to write a page from scratch.

This 2-class course runs the weekend.

Here are the class dates:

Class 1: Saturday, September 7th, 12-4pm

Class 2: Sunday, September 8th, 12-4pm

Prerequisites:

HTML/CSS knowledge—how to create a basic HTML page, link a CSS file, and basic styling. If you have taken the GDI HTML/CSS class or higher, or (ideally) have been working with HTML/CSS for a while but need a better understanding of building from scratch, you'll be fine.

We ask that you install the following on your laptop prior to class:

• Sublime Text 2, a text editor available for Mac, Windows, and Linux (http://www.sublimetext.com/2).

• Chrome or Firefox + Firebug

About the Instructor: Elyse is a developer/designer who spends most of her time writing HTML & CSS. She worked for Bazaarvoice creating standardized CSS templates for Ratings & Reviews and is now at Square Root building the HTML/Sass architecture for their flagship application. She's a MakerSquare mentor, teacher, and speaker, has a GIF for every occasion, loves makeup, shoes, and good wine, and believes there isn't enough purple on the web.

Please note our refund policy: Your payment of $80 guarantees your seat in the course. If something changes after registration and you cannot attend the course, your seat is yours to sell or give to someone else - just please let us know who! As a rule we don't offer refunds, but please let us know if you have extenuating circumstances.