Let's Learn HTML5 and CSS3

  • September 8, 2014 · 6:30 PM

Want to learn how to build your own website or customize your existing wordpress or tumblr blogs? Want to make the cool app you've been building with us all summer look great on desktop and mobile. Man or Woman, this class is for all of you!

FYI: This course is not taught in a computer lab, you will need to bring your own laptop.

We will guide you through the basics of HTML and CSS using the newest standards in web design (HTML5 and CSS3), give you some readily-applicable skills, and answer any questions you may have along the way.

Class dates are as scheduled:


Class 1 - September 8th - 6:30 - 8:30pm

Class 2 - September 15th - 6:30 - 8:30pm

Class 3 - September 22th - 6:30 - 8:30pm

Class 4 - September 29th - 6:30 - 8:30pm

Please note the refund policy: Your payment of $90 guarantees your seat in the entire course. If something changes after registration and you cannot attend the course, you must notify CWD at least 3 days before the first class to receive a refund. If you have to miss a class, we will provide code from class and any slides, but we do not offer partial refunds based on individual class absences.

Join or login to comment.

  • Chelsea T.

    <!-- <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
    <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
    <li class="divider"></li>
    <li><a href="#">One more separated link</a></li>
    </ul>
    </li> -->

    September 29

  • Chelsea T.

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
    <div class="btn btn-primary"><h1>Hello, world!</h1></div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>;
    <script src="js/bootstrap.min.js"></script>
    </body>
    </html>

    September 29

  • Chelsea T.

    Here is the set of directions for getting sass set up on your computer: https://www.digitalocean.com/community/tutorials/how-to-set-up-sass-on-your-vps-running-on-ubuntu

    Here is the command line method for installing it, as well as the list of applications that will run it for you out of the box:
    http://sass-lang.com/install

    Topics Covered Today:
    - The CSS, IMG, and HTML folder pipeline
    - Sass capabilities: namely variables, nesting, mixins, and extensions

    Next time:
    - Frameworks like bootstrap and foundation
    - Elements of design and Responsive design
    - Examples of positioning, like 3 columns above 2 columns
    -troubleshooting in CSS
    - How js works with CSS

    September 22

  • Laurie Lee M.

    found a couple interesting links by chance:
    http://alistapart.com/article/css-audits-taking-stock-of-your-code
    & "object-oriented css" : http://oocss.org/template.html

    September 22

  • Denise C.

    I won't be there tonight, have this stupid flu that is persisting :( Can someone sent me the class lesson plan for tonight or what was reviewed. Thanks!

    September 22

  • Jenny T.

    I am missing tonight's class since I just missed the plane...would it be possible to get notes? Thanks.

    September 22

  • Jenny T.

    Is it possible to make this a recurring meetup? That way we would get notifications and it would show up on the calendar.

    September 15

    • Melissa P.

      I'd love to but Meet-up won't let us make it recurring without charging you per meet-up. We'll come up with a solution... maybe you can build one!

      September 22

  • Chelsea T.

    Hi all! Chelsea here. Here is the file that we used last night in class to practice our HTML and CSS:

    https://dl.dropboxusercontent.com/u/31382401/GirlDevItHTMLCSSClass2.html

    For those who were not able to attend, we covered:
    - review of HTML tags, including img tags and tables
    - in-line, in-head, and separate CSS files: the three ways to add styling to html
    - styling with CSS: borders, backgrounds, colors, rounded corners
    - positioning items with CSS: floating, centering, margins, the box model, and grid systems (Addendum: my favorite grid system calculator is this one right here: http://gridcalculator.dk/#/1000/12/20/20. Tell it how wide you want your screen and columns to be, and it will generate a single css file for you to include in your project).
    - Brief explanation of CSS frameworks like bootstrap/foundation
    - The key advantages of LESS/SASS

    next lesson begins with separating our file into html and css files, and test-driving SASS!

    September 16

  • Stephany F.

    Hi! I wont be able to make it to class tonight. Will covered material be posted somewhere?

    September 15

  • Marina G.

    Do we have class tonight?

    September 15

  • Laurie Lee M.

    Great! I like Ellie's style of teaching. Informal, AND very informative!

    1 · September 10

  • oksana

    The class was amazing, looking forward to other classes

    September 9

  • Ellie D.

    Less and Sass, CSS on steroids: http://lesscss.org/ + http://sass-lang.com/

    September 8

  • Ellie D.

    September 8

  • Jenny T.

    What's the parking situation for the Merchandise Mart?

    September 8

  • Denise C.

    How many spaces are left??

    September 3

  • Stephenie

    Hey... is the price $80 or $90? the price at the top says $90, but the description says $80.

    September 3

  • Diane

    Is there wi-fi onsite for this class or do I need my own internet access?

    August 30

  • Anggie R.

    Hi! I will be out of the country on Sept 15th. How much will I miss? Is it worth knowing I will be missing one of the classes ahead of time?

    August 19

    • Stephanie M

      I think we can work on getting you caught up for sure!

      August 21

  • AmyC

    Who will be the teacher for the class?

    August 20

  • Anna S.

    Is this ok to take for someone without any web development experience?

    August 19

Your organizer's refund policy for Let's Learn HTML5 and CSS3

Refunds are not offered for this Meetup.

Our Sponsors

  • viaForensics

    Sponsored brunch for Django workshop with Chipy.

People in this
Meetup are also in:

Imagine having a community behind you

Get started Learn more
Rafaël

We just grab a coffee and speak French. Some people have been coming every week for months... it creates a kind of warmth to the group.

Rafaël, started French Conversation Group

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy