Front-end Web Development: Difference between revisions

From Noisebridge
Jump to navigation Jump to search
No edit summary
Line 45: Line 45:
The [http://docs.google.com/present/view?id=dfjgtf36_41hmtj2td2 short presentation] I use.
The [http://docs.google.com/present/view?id=dfjgtf36_41hmtj2td2 short presentation] I use.


=== Notes for Previous Classes ===
'''[[Frontend_Web_Development_notes|Notes for Previous Classes]]'''
 
==== Class for 2011-12-12 ====
Consider downloading [http://filezilla-project.org/ FileZilla] for a head start.
 
Here's a simpler mockup we used for the 7:30 recap:
[[File:Frontend_Web_Mockup_2.png|thumb|none]]
 
==== Class for 2011-12-05 ====
We turned a mockup into HTML and CSS. This is the mockup we used:
[[File:Frontend_Web_Mockup_1.png|thumb|none]]
 
Please consider downloading the [http://www.gimp.org/ 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.
 
[http://jeffreyatw.com/static/frontend/Frontend%20Mockup%20class%20December%202011.zip 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:
* http://www.alistapart.com/articles/css-positioning-101/
* http://www.alistapart.com/articles/css-floats-101/


[[Category:events]]
[[Category:events]]

Revision as of 13:00, 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