[Noisebridge WebDev] Frontend Web Development, Monday 8pm: modals and menus using Twitter Bootstrap

Jeffrey Carl Faden jeffreyatw at gmail.com
Sun Jul 8 10:37:03 PDT 2012


Tomorrow, we'll go back to the "professional" site we'd put together a
number of weeks ago:
http://jeffreyatw.com/static/frontend/class10/answersheet.zip

We're going to add more functionality to this page with some
JavaScript. The first thing we'll do is make a dialog box - or a
"modal" - pop up when you click the sign up buttons. If we have time,
we'll also add some dropdown functionality to our menus.

We'll be doing this by introducing Bootstrap, a suite of code
developed by Twitter to make common web development tasks easier:
http://twitter.github.com/bootstrap/

In my previous series, we used jQuery UI to do this, but it seems to
have fallen out of favor for most intents and purposes. This class
will not be an exhaustive look at Bootstrap - there is a lot to cover.
Look for a more comprehensive talk on Bootstrap later down the line.

I had originally announced that tomorrow's class would be about form
validation, but we'll save that until we have a place to put our
sign-up form (in our modal).

--- The usual details follow below: ---

Learn HTML, CSS and JavaScript - and put them to good use! This class,
taught by Jeffrey Carl Faden, is aimed at beginners who are interested
in web development, as well as seasoned professionals looking to brush
up on the latest and greatest.

Frontend web development is all about making code that runs in the
browser (versus code that runs on the server). There isn't a big focus
on web design (creating wireframes and mockups), but we do cover best
practices for turning these designs into beautiful code.

The class starts at 8pm and goes until 10pm! Plan to arrive EARLY, as
the class has been filling up very fast. We will have a recap of last
week's material, starting at 7:30pm. If you're either new, couldn't
make last week's class or you simply need a refresher, come early and
we'll go through a simple tutorial. It is completely fine to jump in
half-way - the recaps and labs should help you get up to speed.

As always, this class and the space in which it's taught are entirely
free to attend. Read all of the details here:
https://noisebridge.net/wiki/Frontend_Web_Development

Jeffrey


More information about the WebDev mailing list