Advanced HTML/CSS and Best Practices for Real World Design (4-week series)

Groupon - 600 W Chicago Ave, 4th Floor Chicago - View Map Girl Develop It Chicago
Wed, Oct 1, 2014, 6:00 PM (CDT)

About this event

No shows: your course fee will be donated to the chapter scholarship fund. 

Do you have a good grasp of HTML & CSS, but want to expand your knowledge? Already have your own site and want to have more control over it? 

Then this is the class for you!

We'll go over advanced CSS concepts, start building a site from a Photoshop mockup, and discuss modern workflow techniques.

<i style="font-size : 16px">

<i style="font-size : 16px">Topics include, but are not limited to:

• Layout and Display

• Floats and Clears

• Pseudo-elements

• Clearfixing

• Media Queries

• The modern CSS Grid System

• CSS Frameworks

• Recreating Mockups in Code

• Operations & Workflow

• Exporting images & other assets

• Pixel Density

• SVG & Icon Fonts

• CSS Performance

• Organization of Code

• A brief look at preprocessors & automation systems

• Overview of skins & themes for CMS

• Cross-browser testing & troubleshooting

• Keeping up with new CSS as it evolves

Cost: $110

Dates: This course is a 4-week series, taking place on Wednesday evenings from 6-8:30 pm in October. Makeup sessions are not offered.

• Class 1: Advanced CSS Concepts
    Wednesday, October 1st (6-8:30 pm) 

• Class 2: Recreating Mockups in Code
   Wednesday, October 8th (6-8:30 pm) 

• Class 3: Operations & Workflow
   Wednesday, October 15th (6-8:30 pm)  

• Class 4: Cross-browser Testing and an Introduction to Templates
   Wednesday, October 22nd (6-8:30 pm)   

<b style="font-size : 16px">
Location: Groupon - 600 W Chicago Ave, 4th Floor in Hello Food South

You are required to provide your full first and last name upon registration for building security. If you do not provide your full name, you will not be admitted to the building.

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 September 26th. Scholarship applicants will be notified shortly after the deadline. Class capacity does not impact scholarship students.


• Intro & Intermediate HTML / CSS with GDI  or  equivalent experience

Ideally for:

Students who have built a few mini-projects or sites locally, feel comfortable with the basic syntax of HTML & CSS, and want to take the next step — creating realized sites from mockups, understanding modern design principles, and learning some of what professional Web Designers and Front-End Developers do.

Note: You are not required to take our intermediate workshop before taking this one. If you are not sure if this course is right for you, consider the following guidelines:

• You should feel comfortable opening and editing files in your code editor of choice, and opening files in your browser to view them

• You should feel comfortable with both HTML and CSS syntax, and know the differences between them

• You can easily apply styles to HTML elements using various CSS selectors (elements, classes, IDs)

• You should know at least a few CSS3 properties

• You should have a decent working knowledge of your operating system

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). 

Nice to have, but not required:

GIMP or Photoshop - we’ll go over turning a mockup to a realized design, and there will be a brief discussion of image file types but the software isn’t strictly necessary. JPG will be available for those without GIMP or PS.

Instructor: Meagan Evanoff

Meagan started writing HTML at 12, creating a Geocities site that proclaimed her love for whales and dinosaurs. She added CSS to the mix shortly thereafter, and started doing professional web design in college. More recently, her affinity for puzzle-solving pulled her from design into development. She is currently creating memorable web experiences for Organizing for Action, where she is a Senior Front End Developer. She likes traveling, changing her hair color, and comic books. (She still thinks whales and dinosaurs are pretty rad.)

Host: Groupon

I'm sure there's no need to introduce Groupon to you - you've probably used one of our great deals. What you probably don't know is some of the cool things that we're working on in-house. From our flagship Groupon site down to our new Breadcrumb POS system, Groupon is brimming with opportunity. And with our world class engineering and design teams in Chicago, Palo Alto, and Berlin, we're gearing up to make a new Groupon a reality. 

<i style="font-size : 16px">

<i style="font-size : 16px">If you are interested in being a teaching assistant for this workshop, please contact Paige through Meetup or via email. TAing is a great way to practice what you know and to get to know members of our community. 

All attendees, including staff and volunteers, are expected to abide by the Girl Develop It code of conduct.


Wednesday, Oct 1
6:00 PM - 9:00 PM (CDT)


600 W Chicago Ave, 4th Floor Chicago