HTML & CSS 101

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

Class 1: March 14, 1pm-5pm

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 21, 1pm-5pm

Digging deeper into HTML and how it works 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 class to take if you're interested in getting started with coding, but haven't done it before. There are no prerequisites. Come one, come all! Get your feet wet with a little code.

Instructor: Suzette Franck
Teaching Assistants: Megan Gray (1st session), Monica Grandy (both sessions), and Mia Irizarry (both sessions)

About Suzette Franck

http://photos3.meetupstatic.com/photos/event/6/3/3/5/600_432565397.jpeg

Suzette Franck has been in web development for over twenty years; she started making hand-coded HTML websites on geocities with font tags and tables back in 1995. Since then, she has taught herself CSS, Sass, PHP, MySQL, as well as becoming a WordPress expert; evangelizing and presenting at over twenty-two WordCamps across the country and multiple WordPress meetups in Southern California where she resides, about all aspects of building and maintaining sites on WordPress.

Suzette is passionate about WordPress the application as well as the WordPress Open Source Community, and loves to code and teach others the wonders of WordPress. She is a purveyor of lowbrow art, and when she is not WordPressing, she is painting or visiting Los Angeles art galleries to add more work to her growing art collection.

To see some of her personal art and crafts, please go to:http://suzettefranck.me (http://suzettefranck.me/)

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 (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

Unemployed or in financial distress and interested in taking this workshop? Apply for a GDI scholarship (https://docs.google.com/forms/d/1f2g2p-eK0X-sAwi8oFZwBOOYAi8j_MfHT6MrhCG6M0Y/viewform).

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.

Enrollment

If we have less than 8 people signed up for this class, it might be cancelled or postponed.

Sponsors

This workshop is sponsored and hosted by Kleverdog Coworking.

All attendees are expected to abide by the Girl Develop It Code of Conduct (http://www.girldevelopit.com/codeofconduct).