Front-end Web Development: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
JeffreyATW (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
=== Lecture === | === Lecture === | ||
Weekly | Weekly talk on HTML/CSS/JS aimed at beginners, currently taught by [[User:JeffreyATW|JeffreyATW]]. Meets every '''Monday''' at '''8pm''', with a recap at '''7:30'''. | ||
<div style="background:#eeeeff;padding-bottom:.5em"> | |||
==== Class for 2012-04-09 ==== | |||
<span style="color:green">'''THIS is the class to attend if you are a complete beginner!'''</span> We are starting the curriculum of this class from square one. We'll cover the (very) basics: | |||
* Explaining "frontend" vs. "backend" | |||
* 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 11: | ||
* Styling the page with basic CSS | * Styling the page with basic CSS | ||
No recap for this class. Please show up '''promptly''' at or before 8pm, as physical space is limited.</div> | |||
* [[Frontend_Web_Development/Notes#Class_for_2011-11-22| | |||
* [[Frontend_Web_Development/Notes#Class_for_2011-12-05| | ==== Previous classes ==== | ||
* [[Frontend_Web_Development/Notes#Class_for_2011-12-12| | We discuss a different topic in-depth every week. Some topics include: | ||
* [[Frontend_Web_Development/Notes#Class_for_2011-12-19| | * CSS positioning [[Frontend_Web_Development/Notes#Class_for_2011-11-22|(topic for 2011-11-22)]] | ||
* [[Frontend_Web_Development/Notes#Class_for_2012-01-16| | * Turning a mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2011-12-05|(topic for 2011-12-05)]] | ||
* [[Frontend_Web_Development/Notes#Class_for_2012-01-23| | * File transfer [[Frontend_Web_Development/Notes#Class_for_2011-12-12|(topic for 2011-12-12)]] | ||
* [[Frontend_Web_Development/Notes#Class_for_2012-01-30| | * JavaScript [[Frontend_Web_Development/Notes#Class_for_2011-12-19|(topic for 2012-01-02)]] | ||
* [[Frontend_Web_Development/Notes#Class_for_2012-02-06| | * jQuery [[Frontend_Web_Development/Notes#Class_for_2012-01-16|(topic for 2012-01-09, 2012-01-16)]] | ||
* [[Frontend_Web_Development/Notes#Class_for_2012-02-13| | * AJAX [[Frontend_Web_Development/Notes#Class_for_2012-01-23|(topic for 2012-01-23)]] | ||
* [[Frontend_Web_Development/Notes#Class_for_2012-02-20| | * Turning a professional mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2012-01-30|(topic for 2012-01-30)]] | ||
* [[Frontend_Web_Development/Notes#Class_for_2012-02-27| | * Menus and modals [[Frontend_Web_Development/Notes#Class_for_2012-02-06|(topic for 2012-02-06)]] | ||
* [[Frontend_Web_Development/Notes#Class_for_2012-03-05| | * Sign up forms [[Frontend_Web_Development/Notes#Class_for_2012-02-13|(topic for 2012-02-13)]] | ||
* [[Frontend_Web_Development/Notes#Class_for_2012-03-12| | * HTML5 elements [[Frontend_Web_Development/Notes#Class_for_2012-02-20|(topic for 2012-02-20)]] | ||
* Mobile websites [[Frontend_Web_Development/Notes#Class_for_2012-02-27|(topic for 2012-02-27)]] | |||
* CSS3 properties [[Frontend_Web_Development/Notes#Class_for_2012-03-05|(topic for 2012-03-05)]] | |||
* Progressive enhancement: cross-browser compatibility and accessibility [[Frontend_Web_Development/Notes#Class_for_2012-03-12|(topic for 2012-03-12)]] | |||
* Web frameworks and other "backend" web development topics (topic for 2012-03-19) | * Web frameworks and other "backend" web development topics (topic for 2012-03-19) | ||
Revision as of 10:38, 5 April 2012
Lecture
Weekly talk on HTML/CSS/JS aimed at beginners, currently taught by JeffreyATW. Meets every Monday at 8pm, with a recap at 7:30.
Class for 2012-04-09
THIS is the class to attend if you are a complete beginner! We are starting the curriculum of this class from square one. We'll cover the (very) basics:
- Explaining "frontend" vs. "backend"
- Discussing tools of the trade
- Explaining the separation between structure, presentation, and behavior
- Writing a basic HTML page
- Styling the page with basic CSS
Previous classes
We discuss a different topic in-depth every week. Some topics 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 (topic for 2012-02-20)
- Mobile websites (topic for 2012-02-27)
- CSS3 properties (topic for 2012-03-05)
- Progressive enhancement: cross-browser compatibility and accessibility (topic for 2012-03-12)
- Web frameworks and other "backend" web development topics (topic for 2012-03-19)
Future class ideas
- CSS grids
- Precompiled code (Less, Sass, Compass, CoffeScript, HAML)
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
The lecture is currently held in the Church classroom, which is in the back of the space.
The lab is currently held in the Turing classroom, the room past the wood shop.
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.