Front-end Web Development: Difference between revisions
JeffreyATW (talk | contribs) No edit summary |
JeffreyATW (talk | contribs) |
||
| Line 9: | Line 9: | ||
Then at 8pm we'll discuss a different topic in-depth every week. Some topic ideas include: | 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) | ||
* '''FTP and HTTP''' (topic for 2011-12-12) | |||
* HTML5 elements | * HTML5 elements | ||
* CSS3 properties | * CSS3 properties | ||
* jQuery | * jQuery | ||
* Accessibility | * Accessibility | ||
* Cross-browser compatibility (and graceful degradation) | * Cross-browser compatibility (and graceful degradation) | ||
* Possible focus on web frameworks, although that's not particularly "frontend" | * Possible focus on web frameworks, although that's not particularly "frontend" | ||
Revision as of 20:57, 6 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)
- FTP and HTTP (topic for 2011-12-12)
- 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-12
Consider downloading FileZilla for a head start.
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
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-05
We turned a mockup into HTML and CSS. This is the mockup we used:
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: