Past Meetup

HTML and CSS 101 - new session! (Front End Developer Series)

This Meetup is past

14 people went

Price: $90.00 /per person

Location visible to members

Details

Just getting started with learning to code? HTML and CSS form the foundation of almost everything we do on the web, so they're a great place to jump in and get your feet wet with a little code.

This class will meet for two sessions. Both sessions are covered for the $90 class fee.

Class 1: February 27th, 12pm-4:30pm

Introduction to HTML. What is it? Why does it matter? We'll step through the basic history of HTML, including how it interacts with the browser and why that matters. Then we'll discuss the layout of an HTML page, including html, body, head and nesting. Finally, we'll go through many of the basic HTML elements. You'll begin to make a personal portfolio page with HTML elements.

Introduction to CSS. Colors? Styles? What? It's all true. And you thought we are going to make you live your life in black and white.

We'll go through most of the CSS styles, including font changes, layout, size, and color. You will show how to connect them to html selectors to bring color and style to your portfolio page.

Class 2: March 5th, 12pm-4:30pm

Digging deeper into HTML and how it work with CSS. We'll learn about some more HTML elements and learn how to include id and class selectors in our CSS. You'll start customizing your portfolio with all sorts of goodies and personal style.

Box model? Floating? Columns? What is this sorcery? Now that you've got the basics of CSS and HTML down, we'll take it to the next level and get you started down the path of being a pro. You'll add columns, footers and headers to your portfolio page.

Prerequisites

This is a great first coding class. There are NO prerequisites, so come one, come all! Get your feet wet with a little code.

What to Bring

Please bring a laptop* and charger to class. Power outlets and wifi will be provided. You may also wish to bring a notepad and pen/pencil for taking notes.

We'll be using a modern web browser and a text editor in class. If you don't already have these installed, please install them before you come to class.

For web browsers, we recommend Mozilla Firefox (http://firefox.com/) or Google Chrome (http://google.com/chrome). For a text editor, we recommend Sublime Text 2 (http://www.sublimetext.com/2). Note that you do not have to purchase Sublime Text 2. If you download the free evaluation version that will be good enough for class.

* No laptop? We have a limited number of laptops we can loan to students during class. Please fill out our Laptop Request form (https://docs.google.com/forms/d/1-HHF9IB2VlYVRivz5Zn7LwkjQAYkJLZsuW0YM4hh60U/viewform) to let us know you need to borrow one!

Scholarships

All available scholarships for this class have been awarded.

Did you know you can earn free classes by participating as a Teaching Assistant? Every hour you spend volunteering as a TA earns you a free hour of class time! Get more details and sign up to be a TA at our Get Involved page (http://gdila.org/get-involved/).

Sign up to TA the February 27th session here (http://gdila.org/volunteer-opportunity/ta-html-and-css-101-3/).
Sign up to TA the March 5th session here. (http://gdila.org/volunteer-opportunity/ta-html-and-css-101-4/)

Questions?

We're here to help! If you have additional questions or would like to talk further before signing up for a class, please contact us at losangeles [at] girldevelopit dot com.

No Refunds

If you can no longer attend the class you signed up and paid for, your payment will be donated to the local chapter scholarship fund. You can help another woman in need!

Sponsors

This workshop is sponsored and hosted by Opodz.

About Natalie MacLees

Natalie MacLees is a front-end web developer and UI designer and is founder + principal of the interactive agency, Purple Pen Productions (http://purplepen.com/). She is the author of jQuery for Designers (http://jqueryfordesignersbook.com/), now in its second edition. She also has a jQuery podcast - Designers Learning jQuery (http://designerslearningjquery.com/).

She was the lead organizer for WordCamp Los Angeles 2014 (http://2014.la.wordcamp.org/) and 2013 (http://2013.la.wordcamp.org/) and organized the first bi-annual Website Weekend LA (http://websiteweekend.la/). She's also the co-founder of the Los Angeles chapter of Girl Develop It (http://girldevelopit.com/chapters/los-angeles), bringing affordable and accessible coding classes to the community. She makes her online home at nataliemac.com (http://nataliemac.com/).

Our events are women-inclusive, not women-exclusive. Anyone is welcome to attend our events and classes. All attendees are expected to abide by the Girl Develop It Code of Conduct. (https://www.girldevelopit.com/code-of-conduct)