Noisebridge - User contributions [en]

Front-end Web Development

2012-03-28T21:33:23Z

129.33.193.82:

=== Lecture ===
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
* 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:
* [[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-12|File transfer (topic for 2011-12-12)]]
* [[Frontend_Web_Development/Notes#Class_for_2011-12-19|JavaScript (topic for 2012-01-02)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-01-16|jQuery (topic for 2012-01-09, 2012-01-16)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-01-23|AJAX (topic for 2012-01-23)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-01-30|Turning a professional mockup into HTML and CSS (topic for 2012-01-30)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-02-06|Menus and modals (topic for 2012-02-06)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-02-13|Sign up forms (topic for 2012-02-13)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-02-20|HTML5 elements (topic for 2012-02-20)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-02-27|Mobile websites (topic for 2012-02-27)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-03-05|CSS3 properties (topic for 2012-03-05)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-03-12|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). [[Getting_Here|Map]]

The lecture is currently held in the [[Classrooms#Church|Church classroom]], which is in the back of the space.

The lab is currently held in the [[Classrooms#Turing|Turing classroom]], the room past the wood shop.

Read up on [[Getting_In|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 [http://docs.google.com/present/view?id=dfjgtf36_41hmtj2td2 short presentation] I use.

* [http://jeffreyatw.com/static/frontend/Frontend%20Mockup%20class%20December%202011.zip Simple three-column HTML and CSS page]
* [http://jeffreyatw.com/static/frontend/class5/answer%20sheet.zip "Noisetwitter" client with commented source]
* [http://jeffreyatw.com/static/frontend/class8/jQuery.zip jQuery slideshow and event listener examples]
* [http://jeffreyatw.com/static/frontend/class12/answersheet.zip "Real-world" web page]
* [http://jeffreyatw.com/static/frontend/class13/html5_elements.zip A page making use of every valid HTML element (as of 2012-02)]

'''[[Frontend_Web_Development/Notes|Notes for Previous Classes]]'''

'''[[Frontend_Web_Development/Assignments|Previous Assignments]]'''

[[Category:events]]

Front-end Web Development

2012-03-28T21:30:10Z

129.33.193.82:

=== Lecture ===
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
* 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:
* [[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-12|File transfer (topic for 2011-12-12)]]
* [[Frontend_Web_Development/Notes#Class_for_2011-12-19|JavaScript (topic for 2012-01-02)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-01-16|jQuery (topic for 2012-01-09, 2012-01-16)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-01-23|AJAX (topic for 2012-01-23)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-01-30|Turning a professional mockup into HTML and CSS (topic for 2012-01-30)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-02-06|Menus and modals (topic for 2012-02-06)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-02-13|Sign up forms (topic for 2012-02-13)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-02-20|HTML5 elements (topic for 2012-02-20)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-02-27|Mobile websites (topic for 2012-02-27)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-03-05|CSS3 properties (topic for 2012-03-05)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-03-12|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, 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). [[Getting_Here|Map]]

The lecture is currently held in the [[Classrooms#Church|Church classroom]], which is in the back of the space.

The lab is currently held in the [[Classrooms#Turing|Turing classroom]], the room past the wood shop.

Read up on [[Getting_In|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 [http://docs.google.com/present/view?id=dfjgtf36_41hmtj2td2 short presentation] I use.

* [http://jeffreyatw.com/static/frontend/Frontend%20Mockup%20class%20December%202011.zip Simple three-column HTML and CSS page]
* [http://jeffreyatw.com/static/frontend/class5/answer%20sheet.zip "Noisetwitter" client with commented source]
* [http://jeffreyatw.com/static/frontend/class8/jQuery.zip jQuery slideshow and event listener examples]
* [http://jeffreyatw.com/static/frontend/class12/answersheet.zip "Real-world" web page]
* [http://jeffreyatw.com/static/frontend/class13/html5_elements.zip A page making use of every valid HTML element (as of 2012-02)]

'''[[Frontend_Web_Development/Notes|Notes for Previous Classes]]'''

'''[[Frontend_Web_Development/Assignments|Previous Assignments]]'''

[[Category:events]]

Front-end Web Development

2012-03-28T21:12:47Z

129.33.193.82:

=== Lecture ===
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
* 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:
* [[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-12|File transfer (topic for 2011-12-12)]]
* [[Frontend_Web_Development/Notes#Class_for_2011-12-19|JavaScript (topic for 2012-01-02)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-01-16|jQuery (topic for 2012-01-09, 2012-01-16)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-01-23|AJAX (topic for 2012-01-23)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-01-30|Turning a professional mockup into HTML and CSS (topic for 2012-01-30)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-02-06|Menus and modals (topic for 2012-02-06)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-02-13|Sign up forms (topic for 2012-02-13)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-02-20|HTML5 elements (topic for 2012-02-20)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-02-27|Mobile websites (topic for 2012-02-27)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-03-05|CSS3 properties (topic for 2012-03-05)]]
* [[Frontend_Web_Development/Notes#Class_for_2012-03-12|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

=== 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). [[Getting_Here|Map]]

The lecture is currently held in the [[Classrooms#Church|Church classroom]], which is in the back of the space.

The lab is currently held in the [[Classrooms#Turing|Turing classroom]], the room past the wood shop.

Read up on [[Getting_In|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 [http://docs.google.com/present/view?id=dfjgtf36_41hmtj2td2 short presentation] I use.

* [http://jeffreyatw.com/static/frontend/Frontend%20Mockup%20class%20December%202011.zip Simple three-column HTML and CSS page]
* [http://jeffreyatw.com/static/frontend/class5/answer%20sheet.zip "Noisetwitter" client with commented source]
* [http://jeffreyatw.com/static/frontend/class8/jQuery.zip jQuery slideshow and event listener examples]
* [http://jeffreyatw.com/static/frontend/class12/answersheet.zip "Real-world" web page]
* [http://jeffreyatw.com/static/frontend/class13/html5_elements.zip A page making use of every valid HTML element (as of 2012-02)]

'''[[Frontend_Web_Development/Notes|Notes for Previous Classes]]'''

'''[[Frontend_Web_Development/Assignments|Previous Assignments]]'''

[[Category:events]]