HTML5/CSS3

This Saturday session will run from 9am to 5pm on June 9th. There will be an hour break for lunch.

In this fast-paced class, we'll be building a single-page website (think onepagelove.com) with all the new hotness: HTML5 for structure and CSS3 for sweet visual flourishes like animations, gradients, rounded corners, and drop shadows. I'll show you how easy it is to use web fonts for typography (down with Arial amiright?!). And, finally, we'll add the JavaScript necessary for smooth-scrolling navigation.

To get the most out of this class, you should have a working knowledge of basic HTML and CSS. You may have taken Intro 1 through Girl Develop It, or you have built a site or two for fun. The purpose of this class is to get you more comfortable with building simple sites with modern web best practices and shed some light on my development process, but you should have the basics down.

To help you gauge whether or not this class is a good fit given your current skill set, take this quiz. Anything better than 50% should be able to follow along in the class. A review will be provided before we start the new material. If you have additional questions, feel free to post them below.

About the teacher: Allison Wagner is a developer who thrives on transforming smart design work into quality markup and style. Her formal training is in design and advertising. She attended Temple University in Philadelphia, graduating with a BA from the School of Communications. Allison started coding her own designs for the web, and found her true passion within the world of front-end development. As she honed her skills, she garnered a sincere appreciation for standards-based development practices. She's currently a Developer at Happy Cog in Philadelphia.

 

About our host: Located in the heart of Old City Philadelphia, appRenaissance is a developer of inspired, handcrafted mobile applications and an inventor of ingenious mobile application tools and infrastructure. Their products include the revolutionary Unifeed™ Mobile Middleware™ platform that dramatically speeds mobile application development time, simplifies integration with enterprise services, and reduces ongoing maintenance costs.

 

Tech Requirements


-Bring your laptop

-Make sure you have Chrome (browser) installed on your computer.

-Download Sublime Text 2: http://www.sublimetext.com/2 It's a free text editor available for both Mac and PC.

 

- Add The "Web Developer" extension to Chrome

https://chrome.google.com/webstore/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm

Join or login to comment.

  • Kara L.

    This class was great! Allison was a wonderful teacher, explaining things in an easy to understand manner and very open to the random questions the nerdettes were throwing at her throughout the day, haha. She was a trooper and never seemed to loose her cool, even towards the end of a very long day of teaching!

    I think having more prep work at home (for instance, writing the basic html or copy required) in advance would have been helpful, and allowed for the group to focus more on the new aspects of the code. Overall a great experience, can't wait to take my next class with GDIphl!

    June 14, 2012

  • Carla

    Allison and the TAs were wonderfully helpful and knowledgeable. I felt like there wasn't any question I couldn't ask. Thank you!

    June 10, 2012

  • Tole H.

    Very good, lot of information and ideas for web design.

    June 10, 2012

  • Cindy K.

    Really good class with great resources provided. The instructor and TAs were really knowledgable. I also really enjoyed learning with many others. Would have like to have a write up prepared though that mapped out methodologies.

    June 10, 2012

  • Heather T.

    I found the instructor articulate and easy to understand and question. I was glad for the take-away materials since I had a hard time focusing in the afternoon. It was a lot of information and even w/ plenty of breaks I was hitting maximum density by 3. I am pleased w/ how much I learned and w/ the networking aspect.

    June 10, 2012

  • Pamela

    The class was great and moved at a pace for everyone. The instructions were clear. Allison from Happy Cog did an excellent job.

    June 10, 2012

  • kristin j.

    The class went great! I am looking forward to trying some new tricks out at home - I hope to see everyone at Project Night.

    June 9, 2012

  • Maria

    Thanks Allison, I just downloaded that.

    June 8, 2012

  • Allison W.

    Hi Maria!

    You can download TextMate here: http://macromates.com/­ There is a free 30 day trial, so you should be ok for class and if you like it might want to purchase it. It's my second favorite text editor :)

    June 8, 2012

  • Maria

    Hey Yasmine, I just saw the tech requirements. I have an older Macbook with OS[masked], so i don't think I can use Sublime Text 2. Is there another text editor (or version) I can use tomorrow?

    June 8, 2012

  • Anne

    Is there a waitlist for the June 9 HTML/CSS class? I would like to attend. Thanks!

    June 8, 2012

  • Yasmine M.

    Hey Carla, all you need are Chrome and Sublime Text 2 (it's free at http://www.sublimetext.com­). You'll get a full email with details once you register. To signup, RSVP yes at the upper right corner of the page and it'll take you to the payment page. Let me know if you have any other questions - always happy to help! We'll see you there. See you there!

    1 · June 6, 2012

  • Carla

    I would love to sign up but I don't know if I have the software required to take the class. Also where do you pay for the class if you sign up? Thanks!!

    June 6, 2012

  • Yasmine M.

    Hey Kristin,

    Yes, definitely bring a laptop. Allison will send an email on what software you'll need before the class. We're excited too! See you soon.

    May 29, 2012

  • kristin j.

    Hi,
    I a so excited for this class! I was just wondering about some logistics... should i bring my own laptop? If so what programs should I ensure are installed?
    Thanks!

    May 25, 2012

  • Yasmine M.

    Hi Lindsey, I'll have Allison answer that question. You can learn HTML/CSS on your own using w3schools.org. We are planning on a review of the fundamentals we'll be covering at the beginning if that helps. Keep in mind this one-day session will be fast paced and we will have teacher aides and in-class exercises to keep everyone up to speed.

    May 22, 2012

  • Lindsey S.

    If I didn't do too well on the quiz, but learn some html & css on my own before the class starts, could that be a feasible workaround?

    May 22, 2012

  • Allison W.

    Hey ladies, I created a quiz to help you gauge whether or not this class is a good fit given your current skill set, which you can check out by following the link below:

    http://pixelpushstudio.com/gdi/...­

    Anything better than 50% should be able to follow along in the class, though 80% is optimal. Please don't hesitate to reach out if you have any questions. Thanks,
    Allison

    2 · May 21, 2012

  • Heather T.

    Hiya! Also looking for the quiz to make sure it's a good fit for me/I'm a good fit for it. I'd say I'm slightly above novice with HTML and CSS. I'm a bit slow at it though since it's only recently that I'm getting to use it regularly.

    May 19, 2012

  • Allison W.

    Hey Mo, Good to hear from you. I'm going to post a quiz of sorts this weekend, so stay tuned. Thanks so much!

    May 16, 2012

  • Maureen M.

    I'm also interested in checking out the evaluation to see if the class is right for me. I took the first class but things got kind of fuzzy for me at the end and I'm wondering if I'll be at the right level to gain benefits from this class.

    May 16, 2012

  • Cindy K.

    Yasmine. Did you get that survey out? I'm very interested but did not take the first class. I have some experience with basic html and understand the concept of css but have never created with it. Also i did n't see a website to register

    1 · May 7, 2012

  • Cindy K.

    So it still needs a location?

    May 1, 2012

  • Corinne Warnshuis removed the location. It was WHYY

    May 1, 2012

  • Corinne Warnshuis changed the location to WHYY

    May 1, 2012

  • Robin Gordon S.

    When a date & location are chosen, I'm interested.

    March 23, 2012

  • Heather T.

    Hey there, am also interested but sans Part I... Will keep an eye out for that eval...

    March 21, 2012

  • Yasmine M.

    Hey Cindy, missing Part I is perfectly fine. We're working on an evaluation that you can take to determine if the class is right for you. Give us a couple of weeks to get that finalized and find space and we'll post more info. I hope you'll be able to make it!

    1 · March 16, 2012

  • Cindy K.

    I'm interested but what if I missed Part I?

    March 16, 2012

Your organizer's refund policy for HTML5/CSS3

Refunds offered if:

  • you can cancel at least 2 day(s) before the Meetup

Additional notes: You must notify us at least 2 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.

Payments you make go to the organizer, not to Meetup. You must make refund requests to the organizer.

Our Sponsors

  • inMotion Hosting

    55% off annual hosting plans for websites and WordPress blogs.

You don't have to be an expert to start your own Meetup Group

Get started Learn more
Katie

I'm surprised by the level of growth I've seen since becoming an organizer, it's given me more confidence in my abilities.

Katie, started NYC ICO

Start your Meetup today

Act now and get 50% off.
Until February 1.

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