HTML and CSS Basics Workshop with Richard Clark

  • March 29, 2014 · 9:00 AM
  • This location is shown only to members

This is an updated version of our August 2013 workshop.

About the Workshop

The arrival of HTML5 signals a major shift in the way we build web pages and applications. HTML5 (and CSS3) combine a "client-side development" mindset with the lessons learned over the past decade to create a rich toolbox for web developers. But all of this richness can be confusing for existing developers learning the new system and it raises questions of how to work with older, less-capable browsers.

In this session, we'll take a fresh look at HTML5 and CSS3 from the ground up. Let's begin with a fresh sheet of paper, design some web pages, create a simple application, and get into the HTML5 mindset. Then we can see how to make this work with older browsers (if needed), the latest mobile browsers, and everything in-between.

Preparing for this workshop:

You should have previous experience creating web pages in a tool such as Dreamweaver, Front Page, or by hand.

Please think about a small web project (site or application) and sketch it out on paper before coming.

Please bring your laptop running Mac OS, Windows, or Linux. Please install the latest Chrome browser and a text editor.

About the Instructor

 

 

 

 

 

 

 

 

 

 

 

Richard Clark, M.A. (@rdclark) manages Kaazing’s training group and is an experienced software developer and instructor. He has taught for Apple and Hewlett-Packard, written immersive simulations for the pharmaceutical industry, developed multiple high-performance web applications for the Fortune 100, and published Apple iOS applications. Richard has a Master’s degree in Education and is an in-demand speaker for international conferences. He has a special interest in using mobile, connected, real-time applications to help people live, work, and play better.

In his spare time, Richard does web development for non-profits, tends a garden full of California native plants, and cooks for family and charity events.

Schedule

8:00a Doors open, breakfast (housemade pastries (muffins, coffee cake, and scones), fruit salad, regular/decaf coffee, and tea) *

9:00a Workshop begins

10:30a Break (pastries, regular/decaf coffee and tea, and cookies) *

12:00p Lunch break (sandwiches (including vegetarian and gluten-free) and salads) *

1:30p Afternoon break (light snack of Tamari almonds, edamame with sea salt, and sweet and spicy curried popcorn) *

3:00p Workshop ends

* HUGE thanks to our host, Adobe, for providing refreshments! 

Important Notes: Please ensure your registration includes your first and last name. We are collecting funds to help offset the instructor's expenses.

Join or login to comment.

  • Cheryl

    It was a good workshop and Richard is a great instructor. From other comments I can see people on the "high-end"were disappointed. At the other end of the spectrum - I was able to keep up intellectually (having had an earlier html class 5 yrs ago, and working with developers regularly) but not practically - so I'm looking for an HTML for Beginners workshop. 2 - 4 days, Live, then followed by work sessions. learning the basics by hand on the first 2 days and then learning tools like codio and bootstrap late on day 3 and on day 4. As you can see I'm designing it in my head already. If Vanessa/SFHTML5 is interested in presenting this - I volunteer to help make it happen. If necessary I'll start a separate meetup.

    If you know of anyone who might be interested in such a workshops please send them my way.

    1 · March 30, 2014

  • Vaibhav

    I think the workshop should have been titled HTML5 & CSS for Beginners - who have never used HTML. The information on the workshop was misleading and it was a waste of time for any user who has worked on something with HTML/CSS. New syntactic features of HTML5, its differentiators, were not discussed. It should have been called HTML/CSS instead. Too many and too long breaks to conveniently kill time and avoid discussion. Post-lunch was a rush through things just as they were beginning to get interesting. This workshop seemed to be a lead generation event to plug two things - Adobe Dreamweaver and course coming up at HTML5Con. While charging a token fee at the same time :) The food was great though, thank you Adobe. Richard seemed to be a fine trainer, just the workshop content wasn't communicated right. I didn't mind the Dreamweaver plug - only took 15 minutes and for all Adobe provided - lovely space & food, it was reasonable to expect/experience.

    1 · March 30, 2014

  • Micaela N.

    I have to agree with the criticisms of other members. The event description led me to believe that this workshop would be a great "bridge" for people (like me) who have played around with HTML5 & CSS3 but still find gaps in their understanding. A more efficiently managed, more focused event might have provided a real opportunity to get the basics of more advanced topics (like psuedo-classes & media queries), get your nagging questions answered, etc. Unfortunately, we wasted time on long breaks and topics (like web history) that just don't feel relevant to folks who want to seize the moment. Richard is knowledgeable and a fine teacher, and I'd love to see him lead an actual "bridge" workshop sometime. The catering was generous and the space gorgeous-- but somehow I felt scammed when I had to listen to a clumsy (an desperate?) Dreamweaver pitch. All in all, an okay event.

    2 · March 30, 2014

    • David T.

      I am grateful for companies like adobe, Google and yelp that offer there space and often times the expense of catering there event. That being said one can not expect something for free and if the price is a demo of the companies product that is hosting the event. The last I can do is listen. Richard was trying to give a broad over you of the html 5 standards and did a fine job with the time constraints he had. Plus not everyone there was knowledge in html or css. Richard did his best to please everyone and unfortunately as it tends to be the case pleased no one. I might be a tad disappointed but I still learned something and I am grateful for Richard, Adobe and sfhtml5 for there time and knowledge.

      2 · March 30, 2014

    • David T.

      Also sorry my spelling sucks

      March 30, 2014

  • Peter K.

    In General, great event. However, I could have done without so much time being spent up front on the history of browser development and standards. This could have been done in half the time, leaving more time for hands and more step by step explanation of how to do things, which would have been vastly more valuable/useful.

    3 · March 29, 2014

  • Becca

    Also, learning about Bootstrap was very cool.

    March 29, 2014

  • Yuvaraj T.

    Richard is a very good teacher and speaker with a strong knowledge in the foundations. But, the time for the workshop was not efficiently managed even though he had over 5 hours at his disposal which was a bit disappointing. The first half of the meetup was extremely slow and was probably meant for people who are looking at HTML and CSS for the first time in their lives, whereas the second half was rushed on a series of intermediate topics without having time for any code exercises. I came in with an expectation of designing and building a web page from scratch using intermediate level HTML5 and CSS3, but was disappointed...

    2 · March 29, 2014

  • Nikhil D.

    I think the speaker is very good but the workshop did not match my expectation and was too basic.

    The description said "You should have previous experience creating web pages in a tool such as Dreamweaver, Front Page, or by hand." which led me to believe that the workshop would be somewhat intermediate and not too basic.

    (Again, based on the description) I came in with the expectation that by the end of the workshop I would have completed writing an html5 web app, but instead it was a series of different topics. Also, the first half was too slow and the second half was rushed.

    Overall, the event was well organized.

    2 · March 29, 2014

    • Peter L.

      FWIW, the workshop was called HTML and CSS *Basics*

      1 · March 29, 2014

  • Becca

    This was a great overview of HTML5 and CSS. It was a refresher on coding for me, and I feel like I can now dig in and find more in-depth info on the specifics that I need. I'm sure it was a tall order to meet the wide range of skill levels in the room. There were some attendees who were clearly way past the beginner stage. The meeting space was amazing, and Richard Clark was incredibly generous with his time.

    March 29, 2014

  • gordon p.

    Knows his stuff and shares that knowledge plus presence in person very generously: takes care that everyone gets the basics. Got a little rushed in second half and skimmed over stuff, not as satisfying--maybe the group was too large??

    March 29, 2014

  • Richard F.

    Richard did a great job and I appreciate it. We did waste way too much time listening to that damn Dreamweaver CC promo which meant that Richard had to swim fast past some meaningful information. Please, thank Adobe but don't give them our prime learning time to promo fluff. Dreamweaver dumps style right into content. It is 1990's technology.

    1 · March 29, 2014

  • Vanessa W.

    Recordings for all our past SFHTML5 events are online: http://bit.ly/sfhtml5videos

    5 · March 29, 2014

  • Jamie

    Hi Vanessa. I'm wondering if Richard will be doing a 3rd session for this since every time he does this, it's so popular that many people is on the waiting list. Third time is the charm so I'll probably sign up right away when this pops up. Please just post it here if and when that might be in the future. Hopefully, in the very near future. Thanks so much for organizing as always.

    March 29, 2014

  • Vanessa W.

    Folks coming late -- no worries. We have your spots.

    1 · March 29, 2014

    • Clara

      I couldn't find my name tag, but the guard got me another one.

      March 29, 2014

  • Vanessa W.

    4 · March 29, 2014

    • Lisa W.

      Thanks, Vanessa:)

      March 29, 2014

  • Joanna

    Running late as well! Please don't give my seat away :(

    March 29, 2014

  • Lisa W.

    Hey Vanessa, I'm almost there! Please don't give my seat away - Thanks!

    March 29, 2014

  • Vaibhav

    Hey Vanessa, I am running late. Please don't give my seat away. Already on my way. Thank you.

    1 · March 29, 2014

    • Pavan

      Same with me too :) ... I should be there before 10.00 AM.

      March 29, 2014

    • Dharmendhar P.

      I will be 10 min late

      March 29, 2014

  • Vanessa W.

    RSVPs are now closed. If you are on the waiting list, you can arrive early (8a) tomorrow. If spots are open at the event, we will admit folks on a first-come first-served basis.

    March 28, 2014

  • Kavita

    Hi there, I see one spot open but it's not letting me pay?

    March 28, 2014

    • Jamie

      I think it's bc the RSVP is closed.

      March 28, 2014

  • Cheryl

    there is a space open right now and hitting pay now button does nothing!

    1 · March 28, 2014

    • Louella L.

      Thanks Vanessa. Please keep us posted for open spot.

      March 28, 2014

    • Cheryl

      Thanks Vanessa!

      March 28, 2014

  • Cheryl

    Is there any possibility of checking for openings in person on Saturday morning at the class location?

    March 28, 2014

    • Vanessa W.

      Please see my reply to you below, Cheryl. If spots open tomorrow morning, we will admit those waiting on a first-come, first-served basis. I recommend arriving at the venue early (at 8a) to get your spot on the wait list.

      March 28, 2014

  • Angela W.

    If anyone is driving from the East Bay I'd be happy to split gas/bridge toll for a ride.

    March 28, 2014

  • Asun

    Hi,
    May I work on my IPad instead of a computer?

    1 · March 22, 2014

    • John Paul K.

      For people using a Mac looking for a text editor, I recently started using Komodo and really enjoy it.

      March 24, 2014

    • Dipesh P.

      Thanks Vanessa! Installed Chrome just in case, and installed Notepad++ from CNET's download site as well.

      March 26, 2014

  • Louella L.

    Pls. notify me for open spot. Thanks.

    1 · March 25, 2014

  • A former member
    A former member

    If anyone decides not to attend and wants to transfer tickets, please let me know.

    March 25, 2014

  • Thomas C.

    I like to know about parking for this meetup. where to park and cost. thak you.

    1 · March 13, 2014

    • Jessica

      Awesome. Thanks, Vanessa!

      1 · March 24, 2014

    • Thomas C.

      Thank you, Vanessa. Something came up and I would not be able to make it. Maybe next time. again, thank you.

      March 24, 2014

  • Gilberto M.

    Hi there! Can I transfer my ticket/registration to a friend of mine? He needs to be in the workshop more than I do.

    March 21, 2014

    • Vanessa W.

      Hi Gilberto: Please send the organizers a direct message with your friend's name and Meetup profile (he must be an SFHTML5 member) and we'll take care of it.

      1 · March 23, 2014

    • Gilberto M.

      Thanks a lot, Vanessa! I truly appreciate it.

      March 23, 2014

  • Cheryl

    Today, I received an email because, yesterday I asked to be notified of open places. I'm guessing this first "notification" isn't really because there's an open slot. I can't seem to make a payment. Is there a spot open?

    March 23, 2014

    • Vanessa W.

      Hi Cheryl: Sorry, it must have been taken already. The workshop is currently full, but we've asked people to update their RSVPs before they close on Friday. Please check back frequently.

      March 23, 2014

  • Cheryl

    I just found this group and workshop yesterday - and now it's full. If anyone isn't attending please let me know. I'd like to attend.

    March 22, 2014

  • Cheryl

    Is this the most basic of the workshops offered? I have taken HTML classes before, but I never used it, so I think I should begin at the beginning.

    March 21, 2014

    • Vanessa W.

      We'll start with the basics with HTML5 in mind, then work towards more advanced concepts.

      March 21, 2014

  • Micaela N.

    Will the workshop cover media queries? If not, would it be appropriate to bring a few questions I have to ask on the side?

    1 · March 18, 2014

    • Vanessa W.

      The workshop will cover media queries, and you are definitely welcome to bring questions.

      1 · March 18, 2014

  • A former member
    A former member

    Hi Thomas, What would you say is the requisite skill level for this to be of interest? Noobs or old-timers keeping skills fresh (that's me)? Thanks.

    1 · March 17, 2014

    • Vanessa W.

      Hi Beth: I think the content is relevant to both types of audiences. Richard (the instructor) recommends that you have some familiarity with building web pages, but he will cover HTML5 APIs, CSS3, and interaction, as well as other more advanced concepts.

      1 · March 17, 2014

    • A former member
      A former member

      Thank you, Vanessa.

      1 · March 17, 2014

  • Micaela N.

    Is it possible to include vegan options for lunch? If not, no worries-- I always come prepared to feed myself! Cheers

    March 13, 2014

    • Vanessa W.

      Hi Micaela: Yup, there will be some vegan sandwiches available. You're also welcome to bring food of your own.

      1 · March 14, 2014

    • Micaela N.

      Thank you so much!

      March 14, 2014

Your organizer's refund policy for HTML and CSS Basics Workshop with Richard Clark

Refunds are not offered for this Meetup.

Our Sponsors

People in this
Meetup are also in:

Create a Meetup Group and meet new people

Get started Learn more
Henry

I decided to start Reno Motorcycle Riders Group because I wanted to be part of a group of people who enjoyed my passion... I was excited and nervous. Our group has grown by leaps and bounds. I never thought it would be this big.

Henry, started Reno Motorcycle Riders

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