addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrossdots-three-verticaleditemptyheartexporteye-with-lineeyefacebookfolderfullheartglobegmailgooglegroupshelp-with-circleimageimagesinstagramlinklocation-pinm-swarmSearchmailmessagesminusmoremuplabelShape 3 + Rectangle 1ShapeoutlookpersonJoin Group on CardStartprice-ribbonShapeShapeShapeShapeImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruserwarningyahoo

HTML5/CSS3

This HTML5/CSS3 course runs for four Wednesday classes from

6:30pm to 8:30pm:

  • July 17th @ Mad Pow
  • July 24th @ Mad Pow
  • July 31st @ Verrill Dana, LLP
  • August 7th @ Verrill Dana, LLP

The fee covers all four classes. Class topics build on each other - please ensure you are able to attend all sessions.

About This Class:

In this class, we'll be building a single-page website with all the new hotness: HTML5 for semantical structure and CSS3 for sweet visual flourishes like gradients, rounded corners, and drop shadows. The latest CSS specification provides advanced selectors, graphical enhancements, and better font support that make our sites more visually appealing without using font image replacement techniques, complex JavaScript, or graphics tools.

We'll also try out some more advanced techniques, like CSS animations and responsive design, and we'll talk about some flashy HTML5 features that do require JavaScript.

To get the most out of this class, you should have a working knowledge of basic HTML and CSS. You may have taken Intro to HTML through Girl Develop It, or maybe you have built a site for fun.

HTML/CSS Knowledge Requirements:

To help you gauge whether or not this class is a good fit given your current skill set, you must take this mandatory quizAnything better than 70% should allow you to follow along in the class. A review will be provided before we start the new material and you can view the material from our class on our website (look under the "Intermediate HTML"). If you have additional questions, feel free to post them below.

Tech Requirements:

  • A modern laptop bought within the last 5 years (Note: a netbook or tablet is NOT a substitute!)
  • Google Chrome installed (or Firefox is ok)
  • A text editor installed. We recommend Sublime Text 2 (It's free and available for both Mac and PC).

Instructor:

The course will be taught by Laura Vecchio, a Rich Application Developer at Bose (http://www.lauravecchio.com).


TA's: If you're interested in helping out as a Teaching Assistant, please let us know. We would love to have at least two TA's for this course!

Location: The first half of the series will be held at Mad Pow, and the second half will be held at Verrill Dana. When you arrive at either location, check in at the front desk (bring an ID).

 

  1. Mad Pow is located near South Station or Chinatown @ 179 Lincoln St, Boston, MA 02111. After 6pm, please enter from the FRONT of the building, located in Surface Artery Road, because the door in the BACK will be locked.
  2. Verrill Dana is located near Government Center, State St or Chinatown @1 Boston Place, Boston, MA 02108.

How to get to Mad Pow:


 

Join or login to comment.

  • Tara

    I found some TShirts for our next class! http://dressresponsively.com/shirt/4

    4 · August 8, 2013

  • Laura V.

    Hi ladies,

    Just came across two SitePoint articles today focusing on advanced CSS3 animations and Bezier Timing Functions that I wanted to share with you since it should shed some more light on the discussion we had last night.

    http://www.sitepoint.com/advanced-css3-transitions
    http://www.sitepoint.com/css3-transitions-cubic-bezier-timing-function

    Happy coding!
    Laura

    August 1, 2013

  • Meagan

    Fun things to share in class:
    1) Go to www.vogue.co.uk
    2) Hit your up arrow twice
    3) Hit your down arrow twice
    4) Hit your left arrow once
    5) Hit your right arrow once
    6) Hit your left arrow again
    7) Hit your right arrow again
    8.) Hit “B”
    9) Hit “A” a bunch of times
    10) Prepare to be en-raptored.

    A good advertisement for how cool jquery is!

    3 · July 31, 2013

    • Laura V.

      This seriously made my week. Thanks so much for sharing Meagan!

      August 1, 2013

  • Elizabeth L.

    Hi all,
    See you tonight for the 3rd installment of HTML5/CSS3! Thank you all for being patient with the location change.

    Verrill Dana is located at One Boston Place, Boston, MA - very close to the Government Center, Park Street and Downtown Crossing Stop -- I included specific directions below. The entrance to the building is on Washington Street

    When you arrive, check in with the security desk guy. Please bring ID!

    Proceed to the elevators and hit "Floor 16".

    I am going to grab some hummus, veggies and chips for snacks!
    If you're running late, it's okay, it happens - please just come in quietly and find a seat.

    Questions or need help when you arrive: [masked] Thanks again for being awesome and see you tonight!

    Liz Google Directions:
    https://maps.google.com/maps?daddr=one+boston+place,+boston,+ma&hl=en&om=1&t=h&z=17

    From the T:
    Walking Directions from the MBTA: http://www.onebostonplace.com/location.php#mbta

    July 31, 2013

  • Diane

    Wanted to share this blog post that I saw highlighted in the Code Project newsletter this morning. She has interesting thoughts/approach on learning to code and the creative web. I disagree with the no bootcamps idea though. You can learn a lot of tips that save you some head-scratching/pounding.
    http://blog.jenniferdewalt.com/post/56319597560/im-learning-to-code-by-building-180-websites-in-180

    2 · July 25, 2013

  • ilana

    Hey Laura and Annette,

    Can I skype into the class tonight or join a joinme? Thanks!
    Ilana

    1 · July 24, 2013

    • Laura V.

      Absolutely! Can you send me an email at [masked]? I will send you both my Skype name and a join.me link so you have it for tonight.

      1 · July 24, 2013

  • Annette A.

    Important reminder: The first two classes will be held at Mad Pow. When you arrive at the building, please go to the FRONT of the building (facing Chinatown), because the BACK will be locked after 6pm.

    July 15, 2013

  • Laura V.

    Hey ladies,

    Just came across a great deal by SitePoint that I wanted to share with all of you. If you sign up for the SitePoint newsletter, they are giving away 30 days of complimentary access to one of the most popular Learnable video courses – HTML5 & CSS3 for the Real World with Louis Lazaris.

    This may be a great course to have access to, in addition to the class materials, over the next couple weeks to ensure you get the most out of the class! Link here: http://www.sitepoint.com/join-our-newsletter-and-win-a-free-course/

    Looking forward to a fantastic next 4 weeks with all of you!

    Cheers,

    Laura

    1 · July 14, 2013

  • Sylvia

    Hooray! Everything has fallen into place so I can take this class. Looking forward to it! And hopefully seeing some familiar faces.

    2 · June 23, 2013

  • Meagan

    I took the quiz and scored 83%. It was really an accident that I missed the two that I did. I just wanted to say I was laughing at myself through half the questions because I kept having to turn on developer tools (on the quiz page) just to remember answers. Kind of funny and a joke only nerdettes would understand :)

    See you in class next month!

    June 12, 2013

    • Annette A.

      Ha. Don't feel bad, I totally flopped on the test too because of pure stupidity and answering too fast. When I finished the test, I rolled back from the computer and thought "REALLY Annette? You call yourself a developer?"

      2 · June 14, 2013

    • Meagan

      I knew I wouldn't be alone!

      1 · June 14, 2013

  • Amanda C.

    I'd love to go to a course like this but I'll be out of town that week. Next time!

    2 · June 13, 2013

  • Tracy

    Hello,
    Is there parking nearby?

    1 · June 12, 2013

    • Annette A.

      There are some meter spots in front of Government Center. It's probably the most inexpensive option. There are several parking garages in the area as well and they may have a night rate, but it's more expensive than meters.

      June 12, 2013

    • Tracy

      Thanks Annette! I am not from Boston, and didn't realize it's near Government Center. I could take the T in instead.

      1 · June 12, 2013

15 went

Your organizer's refund policy for HTML5/CSS3

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