Location visible to members
Join our two-part workshop for complete beginners and learn HTML and CSS, the foundation of making any website or web app! This class will meet for two sessions, and both sessions are covered for the $90 class fee.
Class 1: Saturday, January 21st, 10am-2: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. 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: Sunday, January 22nd, 10am-2: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? Floats? 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.
This is a great first coding class. There are NO prerequisites, so come one, come all! Get your feet wet with a little code.
Saturday: Please park on Beethoven and not in the parking lot below the building. There are other businesses that use the building on Saturdays and therefore the parking is reserved for them. There is lots of free street parking that is recommended so that you can avoid getting towed.
Sunday: All parking is fair game, feel free to take any of the spots below the building!
What to Bring
Please bring a laptop (or borrow one, see below!)* 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!
If you are unable to pay for this class please fill out our Scholarship Form (https://goo.gl/forms/ChgjqHSfvP2ILQJX2) or email losangeles [at] girldevelopit dot com
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/).
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.
Teacher: Michelle Rodriguez
Michelle is currently a freelance front-end web developer part-time, lover of all things WordPress, and social media aficionado. She volunteers her time to Girl Develop It LA as social media manager, class organizer, and TA.
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!
Big thanks to Codesmith for hosting us!
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)