Front-end Web Development: Difference between revisions

From Noisebridge
Jump to navigation Jump to search
No edit summary
Line 30: Line 30:
=== Where ===
=== Where ===
Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting_Here|Map]]
Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting_Here|Map]]
We currently meet in the Church classroom, which is in the back of the space.


Read up on [[Getting_In|getting in]] to the space. TL;DR: ring the bell!
Read up on [[Getting_In|getting in]] to the space. TL;DR: ring the bell!

Revision as of 12:58, 18 December 2011

What

Weekly class on HTML/CSS/JS, currently taught by JeffreyATW.

Starting at 7:30pm, we'll cover the (very) basics:

  • Discussing tools of the trade
  • Explaining the separation between structure, presentation, and behavior
  • Writing a basic HTML page
  • Styling the page with basic CSS

Then at 8pm we'll discuss a different topic in-depth every week. Some topic ideas include:

  • CSS positioning (topic for 2011-11-22)
  • Turning a mockup into HTML and CSS (topic for 2011-12-05)
  • File transfer (topic for 2011-12-12)
  • JavaScript and jQuery (topic for 2011-12-19)
  • HTML5 elements
  • CSS3 properties
  • jQuery
  • Accessibility
  • Cross-browser compatibility (and graceful degradation)
  • Possible focus on web frameworks, although that's not particularly "frontend"

Class for 2011-12-19

Download this page. In class, we'll modify this document to become an interactive web application.

When

8:00pm every Monday.

If you're totally new to HTML/CSS/JS or want a recap of the previous class, I'll have a quick rundown starting at 7:30pm.

Where

Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). Map

We currently meet in the Church classroom, which is in the back of the space.

Read up on getting in to the space. TL;DR: ring the bell!

Who

Everyone! Complete beginners and more experienced developers are welcome (and you could probably teach me a thing or two).

The space and the class are entirely free to attend. You do not have to be a Noisebridge member (I'm not, currently!)

Please consider bringing a[ny kind of] laptop, as the available machines are somewhat limited.

Resources

The short presentation I use.

Notes for Previous Classes

Class for 2011-12-12

Consider downloading FileZilla for a head start.

Here's a simpler mockup we used for the 7:30 recap:

Frontend Web Mockup 2.png

Class for 2011-12-05

We turned a mockup into HTML and CSS. This is the mockup we used:

Frontend Web Mockup 1.png

Please consider downloading the GNU Image Manipulation Tool (GIMP), as we might be opening it up to work with this mockup. Photoshop or Fireworks will work swimmingly if you have them, though.

Here is the "answer sheet" for the above mockup.

Class for 2011-11-22

Two articles worth reading for a thorough understanding of CSS positioning: