addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwchatcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-crosscrosseditemptyheartfacebookfolderfullheartglobegmailgoogleimagesinstagramlinklocation-pinmagnifying-glassmailminusmoremuplabelShape 3 + Rectangle 1outlookpersonplusprice-ribbonImported LayersImported LayersImported Layersshieldstartrashtriangle-downtriangle-uptwitteruseryahoo

Intermediate HTML and CSS

Ready to expand your knowledge of HTML & CSS? This class is for you!

This class will run for four nights:
Tuesday, August 13 - 6:00PM-8:30PM
Thursday, August 15 - 6:00PM-8:30PM
Tuesday, August 20 - 6:00PM-8:30PM
Thursday, August 22 - 6:00PM-8:30PM, PIZZA PARTY NIGHT! Courtesy of Logic Supply.

Through the course of this class series, you'll get a thorough introduction to HTML5 and CSS3 to build on your previous knowledge. You'll get hands-on experience working with HTML5 features like semantic elements and forms, and you'll learn new CSS3 properties and abilities including transformations, transitions, and animation. Finally, we'll dig into responsive design and browser compatibility.

You'll leave with readily-applicable skills and we'll be there to answer any questions you may have along the way! You can take a sneak peak at the slides here: http://www.girldevelopit.com/materials. Look for Intermediate HTML/CSS (Core curriculum).

There will be free pizza (courtesy of Logic Supply) available ONLY during the last night of the class, Thursday, August 22. You are welcome to bring your dinner during the other nights. Coffee, tea, and water will be available for each class.

**It is highly recommended that you take our introductory course (or have previous experience with HTML & CSS) prior to taking this class. Basic knowledge of HTML and CSS are assumed. Still not sure if you are ready? Take this nice little quiz as a review of the materials covered in the Intro course:
pixelpushstudio.com/gdi/jquizzy.htm

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 Maureen McElaney at: [masked]

Meet your teacher:

Sarah Pettitt is a professor at Champlain College as well as a freelance web developer. As a visiting fellow at the women’s college, Somerville College, Oxford, she developed several programs to encourage women to enter the wonderful world of technology and computing.  She brings this passion to Girl Develop it and hopes  to help numerous women into this fun and rewarding profession. Sarah  is also a co-owner of a  Horse and Mule Farm in Grand Isle, VT.

Special thanks to Logic Supply for offering us this space!

Join or login to comment.

  • Chris S.

    Thanks Josh. That's an excellent resource.

    September 5, 2013

  • Joshua B.

    Take a look at this CSS animation stylesheet which makes transitions and animations much simpler to get up and running.

    http://www.justinaguilar.com/animations/index.html#

    Poke around in the tutorial for tips to get the CSS into your website and start using animations.

    2 · September 5, 2013

  • Emily Spence P.

    2 · September 5, 2013

  • A former member
    A former member

    Sorry to miss the last class. I was tired and headachey and my brain needed a computer-break. Thanks for everything, and I plan to come to Code and Coffee next week.....

    August 23, 2013

  • A former member
    A former member

    I enjoyed learning HTML and especially CSS. I am no longer a computer software person but my education is Computer Science, so I enjoy keeping up to date on the newest computer developments.

    August 23, 2013

  • Emily Spence P.

    Just remember...
    dowebsitesneedtolookexactlythesameineverybrowser.com

    The most important part is that all content and functionality are available to your users.

    August 22, 2013

    • Lucy N.

      Ha ha great link!

      1 · August 22, 2013

  • Emily S.

    I had to miss the last class, but will join you all at a code and coffee and will look for the resources online. Thanks all!

    August 22, 2013

  • Maureen M.

    Just wanted to remind everyone that we are getting a free pizza party from Logic Supply tonight, so come hungry! There will be veggie and gluten free options as well. Are there any other food allergies/concerns we should be aware of?

    August 22, 2013

  • Maureen M.

    Sarah's example site for Class 3:
    elan.champlain.edu/~sarahp/GDI/class3.html

    August 20, 2013

  • Maureen M.

    August 20, 2013

  • Maureen M.

    Want to view source on the page Sarah is using in class tonight?elan.champlain.edu/~sarahp/GDI/flip.html

    August 20, 2013

  • Emily Spence P.

    The Mozilla Developer Network.
    https://developer.mozilla.org/en-US/

    As an aside W3Schools will come up often in your searches. Avoid that site when possible. Also for future reference you can check which browsers support the features you want to use.
    www.quirksmode.org/compatibility.html

    1 · August 13, 2013

    • A former member
      A former member

      Thanks, Emily, for all the resources!

      2 · August 14, 2013

    • Lucy N.

      Yeah, these are great, thank you!

      August 17, 2013

  • Lyndsey

    Hey Maureen, I left my Mac charger there. Could someone grab it so I can get it from them Thursday? Pls & TY!

    August 13, 2013

  • Emily Spence P.

    For those who want to experiment with a gradient generator.
    www.colorzilla.com/gradient-editor/

    1 · August 15, 2013

  • Emily Spence P.

    OK, let's talk about how to try some of the things you're learning in class.

    Check out CodePen.
    http://codepen.io/

    You can build HTML & CSS and see how it looks on the page right away. You can save something you're working on and bring your question to class and/or one of the code and coffee nights.

    You can also look at what other people have built. It can be overwhelming but just remember that you're just starting out and you'll get there.

    One of the things I really like is that you can look at other people's pens (work) and change things. Because you can't save you don't have to worry about messing anything up but if you want to know what would happen if you change that value from 10px to 50px then go ahead and try it.

    Experiment and have fun. The more you build the better you get.

    1 · August 15, 2013

  • Julie B.

    Sorry for cancelling so late. Can you please donate my slot?

    August 13, 2013

    • Maureen M.

      Hey Julie - Thanks for your generous offer to donate your seat but I was unable to get another person in time.

      August 14, 2013

  • Lyndsey

    Great Class, as always. Would definitely recommend to any girls looking to learn to code

    3 · August 14, 2013

    • A former member
      A former member

      I agree -- I'm telling everyone who will listen!

      2 · August 14, 2013

  • Emily Spence P.

    Here's another reset CSS. This one includes HTML5 elements.
    http://necolas.github.io/normalize.css/

    1 · August 13, 2013

  • Emily Spence P.

    Tonight Sarah talked about the cascade part of CSS. This can be further expanded to talk about specificity, an important concept in CSS. This is a handy chart about specificity. It may be a bit early for this but bookmark it, you'll want it later.
    http://www.standardista.com/css3/css-specificity/

    1 · August 13, 2013

  • Maureen M.

    Hey All! Excited to get your HTML5/CSS3 on next week? If you need directions to logic supply check out their website here: http://www.logicsupply.com/directions Free parking is available. Dinner will not be provided (except for the last night, courtesy of Logic Supply), but feel free to bring food/snax to fuel your brain. Water, Coffee, and Tea will be available for each class. If you have any questions post them here for the benefit of the group!

    August 9, 2013

  • Chris S.

    Hey Maureen: Just want to be sure I'm signed up for this. Thanks. See you tonight.

    July 17, 2013

  • A former member
    A former member

    Will you be running this class again?

    July 16, 2013

    • Maureen M.

      Hey elsie - we will definitely have it again but no dates planned at this time.

      July 16, 2013

  • Maureen M.

    Not sure you are ready for Intermediate HTML/CSS? Take this quick quiz done by Allison Miller, GDI Teacher and Developer at Happy Cog Design in Philadelphia, PA. A nice little review of the information covered in the Intro course!
    pixelpushstudio.com/gdi/jquizzy.htm

    1 · July 3, 2013

    • Maureen M.

      Yay! And you can see the right answers to the questions you got wrong on the final screen. ;)

      July 3, 2013

    • Lucy N.

      Ooh this was fun!! Thank you for posting it!

      July 3, 2013

  • Angela R.

    Hi Maureen. Would this be the follow up for the into class? I still only have the knowledge that I learned in the class. Would this one be appropriate for me? Thanks!

    June 24, 2013

    • Maureen M.

      Here are some basic skills covered in the Intro class that will be important here:
      Setting up a basic HTML file
      building a title, header, body, footer
      adding links, images, basic paragraph formatting
      Building a CSS file
      utilizing Attributes and Attribute Selectors
      utilizing Class, ID, and Rel
      building containers

      June 26, 2013

    • Maureen M.

      Hey Angela - Take this quiz as review: pixelpushstudio.com/gdi/­jquizzy.htm

      July 3, 2013

  • Cady G.

    It would be great to have a meet up or two before this class, with TAs to review the websites we created in the first class, and go over any questions before the second class. Just a thought! I know I have questions on my website :)

    1 · June 24, 2013

    • Maureen M.

      Hey Cady- code and coffees can be used for that! We had one last thursday, and the next one is schedule for july 17th. Code and coffees are open format project nights for working on stuff or asking questions. I hope you can make it to the next one!

      June 24, 2013

  • Anne B.

    Can I get on the waiting list?

    June 10, 2013

    • Maureen M.

      Hey Anne - There are still spots available in the course so there is no waiting list yet. Feel free to sign up!

      June 18, 2013

  • Tayo S.

    Hopefully this will be offered again on a weekend (or series of weekends) as I would love to be able to go, but I can't make it to Burlington on weeknights (live in Randolph/work in Woodstock).

    June 5, 2013

30 went

Your organizer's refund policy for Intermediate HTML and CSS

Refunds are not offered for this Meetup.

Our Sponsors

People in this
Meetup are also in:

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