Front-end Web Development: Difference between revisions
JeffreyATW (talk | contribs) No edit summary |
JeffreyATW (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
=== | === Lecture === | ||
Weekly class on HTML/CSS/JS, currently taught by [[User:JeffreyATW|JeffreyATW]]. | Weekly class on HTML/CSS/JS, currently taught by [[User:JeffreyATW|JeffreyATW]]. Meets every Monday. | ||
If you're totally new to HTML/CSS/JS or need a recap of the previous class, I'll have a quick rundown starting at 7:30pm. We'll cover the (very) basics: | |||
* Discussing tools of the trade | * Discussing tools of the trade | ||
* Explaining the separation between structure, presentation, and behavior | * Explaining the separation between structure, presentation, and behavior | ||
Line 8: | Line 8: | ||
* Styling the page with basic CSS | * Styling the page with basic CSS | ||
Then | Then from 8pm to 10pm we'll discuss a different topic in-depth every week. Some topic ideas include: | ||
* [[Frontend_Web_Development_notes#Class_for_2011-11-22|CSS positioning (topic for 2011-11-22)]] | * [[Frontend_Web_Development_notes#Class_for_2011-11-22|CSS positioning (topic for 2011-11-22)]] | ||
* [[Frontend_Web_Development_notes#Class_for_2011-12-05|Turning a mockup into HTML and CSS (topic for 2011-12-05)]] | * [[Frontend_Web_Development_notes#Class_for_2011-12-05|Turning a mockup into HTML and CSS (topic for 2011-12-05)]] | ||
Line 27: | Line 27: | ||
Download [http://jeffreyatw.com/static/frontend/class11/answersheet.zip this site]. It contains the HTML/CSS we made from our mockup, plus a commented JS file with modal functionality. We are going to further add to this JS file. | Download [http://jeffreyatw.com/static/frontend/class11/answersheet.zip this site]. It contains the HTML/CSS we made from our mockup, plus a commented JS file with modal functionality. We are going to further add to this JS file. | ||
=== | === Lab === | ||
We also meet for a weekly lab/workshop where we work on an assignment that covers the material learned in the lecture earlier in the week. Every Thursday at 8:00pm. | |||
=== Where === | === Where === | ||
Line 40: | Line 38: | ||
=== Who === | === Who === | ||
'''Everyone'''! '''Complete beginners''' and more experienced developers are welcome (and you could probably teach me a thing or two). If you're new to the class, please consider | '''Everyone'''! '''Complete beginners''' and more experienced developers are welcome (and you could probably teach me a thing or two). If you're new to the class, please consider coming to the lecture at 7:30 for a recap. | ||
The space and the class are entirely free to attend. You do not have to be a Noisebridge member (I'm not, currently!) | The space and the class are entirely free to attend. You do not have to be a Noisebridge member (I'm not, currently!) |
Revision as of 17:25, 14 February 2012
Lecture
Weekly class on HTML/CSS/JS, currently taught by JeffreyATW. Meets every Monday.
If you're totally new to HTML/CSS/JS or need a recap of the previous class, I'll have a quick rundown 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 from 8pm to 10pm 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 (topic for 2012-01-02)
- jQuery (topic for 2012-01-09, 2012-01-16)
- AJAX (topic for 2012-01-23)
- Turning a professional mockup into HTML and CSS (topic for 2012-01-30)
- Menus and modals (topic for 2012-02-06)
- Sign up forms (topic for 2012-02-13)
- HTML5 elements
- CSS3 properties
- Accessibility
- Cross-browser compatibility (and graceful degradation)
- Possible focus on web frameworks, although that's not particularly "frontend"
Class for 2012-02-13
Download this site. It contains the HTML/CSS we made from our mockup, plus a commented JS file with modal functionality. We are going to further add to this JS file.
Lab
We also meet for a weekly lab/workshop where we work on an assignment that covers the material learned in the lecture earlier in the week. Every Thursday at 8:00pm.
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). If you're new to the class, please consider coming to the lecture at 7:30 for a recap.
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.
Resources
The short presentation I use.