Noisebridge - User contributions [en]

Front-end Web Development

2012-04-06T16:55:09Z

70.36.245.160: /* What */

__NOTOC__
<div style="width: 45%; float: right; background: #efefef; color: #333; padding: 10px;">
=== What ===
Learn HTML, CSS and JavaScript - and put them to good use! This class, taught by [[User:JeffreyATW|JeffreyATW]], is aimed at beginners who are interested in web development, as well as seasoned professionals looking to brush up on the latest and greatest.

Frontend web development is all about making code that runs in the browser (versus code that runs on the server). There isn't a big focus on web design (creating wireframes and mockups), but we do cover best practices for turning these designs into beautiful code.

=== Who ===
This class is for '''everyone'''! '''Complete beginners''' and more experienced developers are welcome at any time. You don't need to wait for the class to start its curriculum over - if you're new to the class, consider coming to the [[#Lecture|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.

=== When ===
[[#Lecture|Lectures]] start promptly at 8pm on Mondays and go for two hours. There is a half-hour recap starting at 7:30pm.

[[#Lab|Labs]] start at 8pm on Thursdays and can go up to two hours.

=== Where ===
Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting Here]]

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!

=== Keep Informed ===
Join the [[Mailinglist|Noisebridge-announce]] mailing list to be notified of upcoming class topics via email.
</div>
<div style="float: left; width: 45%;">
=== Lecture ===
Weekly classroom-style presentation on HTML/CSS/JS.

<div style="background:#eeeeff;padding:0 10px .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
* Explaining the separation between structure, presentation, and behavior
* Writing a basic HTML page
* Styling the page with basic CSS

No recap session for this class. Please show up '''promptly''' at or before 8pm, as physical space is limited.</div>

==== Previous classes ====
We discuss a different topic in-depth every week. Some topics include:
* CSS positioning [[Frontend_Web_Development/Notes#Class_for_2011-11-22|(topic for 2011-11-22)]]
* Turning a mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2011-12-05|(topic for 2011-12-05)]]
* File transfer [[Frontend_Web_Development/Notes#Class_for_2011-12-12|(topic for 2011-12-12)]]
* JavaScript [[Frontend_Web_Development/Notes#Class_for_2011-12-19|(topic for 2012-01-02)]]
* jQuery [[Frontend_Web_Development/Notes#Class_for_2012-01-16|(topic for 2012-01-09, 2012-01-16)]]
* AJAX [[Frontend_Web_Development/Notes#Class_for_2012-01-23|(topic for 2012-01-23)]]
* Turning a professional mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2012-01-30|(topic for 2012-01-30)]]
* Menus and modals [[Frontend_Web_Development/Notes#Class_for_2012-02-06|(topic for 2012-02-06)]]
* Sign up forms [[Frontend_Web_Development/Notes#Class_for_2012-02-13|(topic for 2012-02-13)]]
* 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)
* Hardening Web Applications (http://webapp-hardening.heroku.com/)

==== 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. Those working on their own personal projects are also more than welcome to come and solicit help. Every Thursday at 8:00pm.
</div>
<div style="clear: both">
=== 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 (as of 2012-02) HTML element]

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

==== [[Frontend_Web_Development/Assignments|Previous Assignments]] ====
</div>
[[Category:events]]

Front-end Web Development

2012-04-06T16:51:48Z

70.36.245.160:

__NOTOC__
<div style="width: 45%; float: right; background: #efefef; color: #333; padding: 10px;">
=== What ===
Learn HTML, CSS and JavaScript - and put them to good use! This class, currently taught by [[User:JeffreyATW|JeffreyATW]], is aimed at both beginners who are interested in entering the world of web development, as well as seasoned professionals looking to brush up on the latest and greatest. Frontend web development is all about making code that runs in the browser, versus code that runs on the server. There isn't a big focus on web design (creating wireframes and mockups) but we do cover best practices to turn these designs into beautiful code.

=== Who ===
This class is for '''everyone'''! '''Complete beginners''' and more experienced developers are welcome at any time. You don't need to wait for the class to start its curriculum over - if you're new to the class, consider coming to the [[#Lecture|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.

=== When ===
[[#Lecture|Lectures]] start promptly at 8pm on Mondays and go for two hours. There is a half-hour recap starting at 7:30pm.

[[#Lab|Labs]] start at 8pm on Thursdays and can go up to two hours.

=== Where ===
Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting Here]]

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!

=== Keep Informed ===
Join the [[Mailinglist|Noisebridge-announce]] mailing list to be notified of upcoming class topics via email.
</div>
<div style="float: left; width: 45%;">
=== Lecture ===
Weekly classroom-style presentation on HTML/CSS/JS.

<div style="background:#eeeeff;padding:0 10px .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
* Explaining the separation between structure, presentation, and behavior
* Writing a basic HTML page
* Styling the page with basic CSS

No recap session for this class. Please show up '''promptly''' at or before 8pm, as physical space is limited.</div>

==== Previous classes ====
We discuss a different topic in-depth every week. Some topics include:
* CSS positioning [[Frontend_Web_Development/Notes#Class_for_2011-11-22|(topic for 2011-11-22)]]
* Turning a mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2011-12-05|(topic for 2011-12-05)]]
* File transfer [[Frontend_Web_Development/Notes#Class_for_2011-12-12|(topic for 2011-12-12)]]
* JavaScript [[Frontend_Web_Development/Notes#Class_for_2011-12-19|(topic for 2012-01-02)]]
* jQuery [[Frontend_Web_Development/Notes#Class_for_2012-01-16|(topic for 2012-01-09, 2012-01-16)]]
* AJAX [[Frontend_Web_Development/Notes#Class_for_2012-01-23|(topic for 2012-01-23)]]
* Turning a professional mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2012-01-30|(topic for 2012-01-30)]]
* Menus and modals [[Frontend_Web_Development/Notes#Class_for_2012-02-06|(topic for 2012-02-06)]]
* Sign up forms [[Frontend_Web_Development/Notes#Class_for_2012-02-13|(topic for 2012-02-13)]]
* 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)
* Hardening Web Applications (http://webapp-hardening.heroku.com/)

==== 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. Those working on their own personal projects are also more than welcome to come and solicit help. Every Thursday at 8:00pm.
</div>
<div style="clear: both">
=== 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 (as of 2012-02) HTML element]

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

==== [[Frontend_Web_Development/Assignments|Previous Assignments]] ====
</div>
[[Category:events]]

Front-end Web Development

2012-04-06T16:35:09Z

70.36.245.160: /* Lecture */

__TOC__
<div style="width: 45%; float: right; background: #efefef; color: #333; padding: 10px;">
=== What ===
Learn HTML, CSS and JavaScript - and put them to good use! This class, currently taught by [[User:JeffreyATW|JeffreyATW]], is aimed at both beginners who are interested in entering the world of web development, as well as seasoned professionals looking to brush up on the latest and greatest. Frontend web development is all about making code that runs in the browser, versus code that runs on the server. There isn't a big focus on web design (creating wireframes and mockups) but we do cover best practices to turn these designs into beautiful code.

=== Who ===
This class is for '''everyone'''! '''Complete beginners''' and more experienced developers are welcome at any time. You don't need to wait for the class to start its curriculum over - if you're new to the class, consider coming to the [[#Lecture|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.

=== When ===
[[#Lecture|Lectures]] start promptly at 8pm on Mondays and go for two hours. There is a half-hour recap starting at 7:30pm.

[[#Lab|Labs]] start at 8pm on Thursdays and can go up to two hours.

=== Where ===
Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting Here]]

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!

=== Keep Informed ===
Join the [[Mailinglist|Noisebridge-announce]] mailing list to be notified of upcoming class topics via email.
</div>
<div style="float: left; width: 45%;">
=== Lecture ===
Weekly classroom-style presentation on HTML/CSS/JS.

<div style="background:#eeeeff;padding:0 10px .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
* Explaining the separation between structure, presentation, and behavior
* Writing a basic HTML page
* Styling the page with basic CSS

No recap session for this class. Please show up '''promptly''' at or before 8pm, as physical space is limited.</div>

==== Previous classes ====
We discuss a different topic in-depth every week. Some topics include:
* CSS positioning [[Frontend_Web_Development/Notes#Class_for_2011-11-22|(topic for 2011-11-22)]]
* Turning a mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2011-12-05|(topic for 2011-12-05)]]
* File transfer [[Frontend_Web_Development/Notes#Class_for_2011-12-12|(topic for 2011-12-12)]]
* JavaScript [[Frontend_Web_Development/Notes#Class_for_2011-12-19|(topic for 2012-01-02)]]
* jQuery [[Frontend_Web_Development/Notes#Class_for_2012-01-16|(topic for 2012-01-09, 2012-01-16)]]
* AJAX [[Frontend_Web_Development/Notes#Class_for_2012-01-23|(topic for 2012-01-23)]]
* Turning a professional mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2012-01-30|(topic for 2012-01-30)]]
* Menus and modals [[Frontend_Web_Development/Notes#Class_for_2012-02-06|(topic for 2012-02-06)]]
* Sign up forms [[Frontend_Web_Development/Notes#Class_for_2012-02-13|(topic for 2012-02-13)]]
* 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)
* Hardening Web Applications (http://webapp-hardening.heroku.com/)

==== 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. Those working on their own personal projects are also more than welcome to come and solicit help. Every Thursday at 8:00pm.
</div>
<div style="clear: both">
=== 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 (as of 2012-02) HTML element]

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

==== [[Frontend_Web_Development/Assignments|Previous Assignments]] ====
</div>
[[Category:events]]

Front-end Web Development

2012-04-06T16:34:08Z

70.36.245.160: /* Who */

__TOC__
<div style="width: 45%; float: right; background: #efefef; color: #333; padding: 10px;">
=== What ===
Learn HTML, CSS and JavaScript - and put them to good use! This class, currently taught by [[User:JeffreyATW|JeffreyATW]], is aimed at both beginners who are interested in entering the world of web development, as well as seasoned professionals looking to brush up on the latest and greatest. Frontend web development is all about making code that runs in the browser, versus code that runs on the server. There isn't a big focus on web design (creating wireframes and mockups) but we do cover best practices to turn these designs into beautiful code.

=== Who ===
This class is for '''everyone'''! '''Complete beginners''' and more experienced developers are welcome at any time. You don't need to wait for the class to start its curriculum over - if you're new to the class, consider coming to the [[#Lecture|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.

=== When ===
[[#Lecture|Lectures]] start promptly at 8pm on Mondays and go for two hours. There is a half-hour recap starting at 7:30pm.

[[#Lab|Labs]] start at 8pm on Thursdays and can go up to two hours.

=== Where ===
Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting Here]]

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!

=== Keep Informed ===
Join the [[Mailinglist|Noisebridge-announce]] mailing list to be notified of upcoming class topics via email.
</div>
<div style="float: left; width: 45%;">
=== Lecture ===
Weekly talk on HTML/CSS/JS.

<div style="background:#eeeeff;padding:0 10px .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
* Explaining the separation between structure, presentation, and behavior
* Writing a basic HTML page
* Styling the page with basic CSS

No recap session for this class. Please show up '''promptly''' at or before 8pm, as physical space is limited.</div>

==== Previous classes ====
We discuss a different topic in-depth every week. Some topics include:
* CSS positioning [[Frontend_Web_Development/Notes#Class_for_2011-11-22|(topic for 2011-11-22)]]
* Turning a mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2011-12-05|(topic for 2011-12-05)]]
* File transfer [[Frontend_Web_Development/Notes#Class_for_2011-12-12|(topic for 2011-12-12)]]
* JavaScript [[Frontend_Web_Development/Notes#Class_for_2011-12-19|(topic for 2012-01-02)]]
* jQuery [[Frontend_Web_Development/Notes#Class_for_2012-01-16|(topic for 2012-01-09, 2012-01-16)]]
* AJAX [[Frontend_Web_Development/Notes#Class_for_2012-01-23|(topic for 2012-01-23)]]
* Turning a professional mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2012-01-30|(topic for 2012-01-30)]]
* Menus and modals [[Frontend_Web_Development/Notes#Class_for_2012-02-06|(topic for 2012-02-06)]]
* Sign up forms [[Frontend_Web_Development/Notes#Class_for_2012-02-13|(topic for 2012-02-13)]]
* 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)
* Hardening Web Applications (http://webapp-hardening.heroku.com/)

==== 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. Those working on their own personal projects are also more than welcome to come and solicit help. Every Thursday at 8:00pm.
</div>
<div style="clear: both">
=== 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 (as of 2012-02) HTML element]

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

==== [[Frontend_Web_Development/Assignments|Previous Assignments]] ====
</div>
[[Category:events]]

Front-end Web Development

2012-04-06T16:33:41Z

70.36.245.160: /* Who */

__TOC__
<div style="width: 45%; float: right; background: #efefef; color: #333; padding: 10px;">
=== What ===
Learn HTML, CSS and JavaScript - and put them to good use! This class, currently taught by [[User:JeffreyATW|JeffreyATW]], is aimed at both beginners who are interested in entering the world of web development, as well as seasoned professionals looking to brush up on the latest and greatest. Frontend web development is all about making code that runs in the browser, versus code that runs on the server. There isn't a big focus on web design (creating wireframes and mockups) but we do cover best practices to turn these designs into beautiful code.

=== Who ===
'''Everyone'''! '''Complete beginners''' and more experienced developers are welcome at any time. You don't need to wait for the class to start its curriculum over - if you're new to the class, consider coming to the [[#Lecture|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.

=== When ===
[[#Lecture|Lectures]] start promptly at 8pm on Mondays and go for two hours. There is a half-hour recap starting at 7:30pm.

[[#Lab|Labs]] start at 8pm on Thursdays and can go up to two hours.

=== Where ===
Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting Here]]

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!

=== Keep Informed ===
Join the [[Mailinglist|Noisebridge-announce]] mailing list to be notified of upcoming class topics via email.
</div>
<div style="float: left; width: 45%;">
=== Lecture ===
Weekly talk on HTML/CSS/JS.

<div style="background:#eeeeff;padding:0 10px .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
* Explaining the separation between structure, presentation, and behavior
* Writing a basic HTML page
* Styling the page with basic CSS

No recap session for this class. Please show up '''promptly''' at or before 8pm, as physical space is limited.</div>

==== Previous classes ====
We discuss a different topic in-depth every week. Some topics include:
* CSS positioning [[Frontend_Web_Development/Notes#Class_for_2011-11-22|(topic for 2011-11-22)]]
* Turning a mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2011-12-05|(topic for 2011-12-05)]]
* File transfer [[Frontend_Web_Development/Notes#Class_for_2011-12-12|(topic for 2011-12-12)]]
* JavaScript [[Frontend_Web_Development/Notes#Class_for_2011-12-19|(topic for 2012-01-02)]]
* jQuery [[Frontend_Web_Development/Notes#Class_for_2012-01-16|(topic for 2012-01-09, 2012-01-16)]]
* AJAX [[Frontend_Web_Development/Notes#Class_for_2012-01-23|(topic for 2012-01-23)]]
* Turning a professional mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2012-01-30|(topic for 2012-01-30)]]
* Menus and modals [[Frontend_Web_Development/Notes#Class_for_2012-02-06|(topic for 2012-02-06)]]
* Sign up forms [[Frontend_Web_Development/Notes#Class_for_2012-02-13|(topic for 2012-02-13)]]
* 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)
* Hardening Web Applications (http://webapp-hardening.heroku.com/)

==== 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. Those working on their own personal projects are also more than welcome to come and solicit help. Every Thursday at 8:00pm.
</div>
<div style="clear: both">
=== 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 (as of 2012-02) HTML element]

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

==== [[Frontend_Web_Development/Assignments|Previous Assignments]] ====
</div>
[[Category:events]]

Front-end Web Development

2012-04-06T16:28:05Z

70.36.245.160:

__TOC__
<div style="width: 45%; float: right; background: #efefef; color: #333; padding: 10px;">
=== What ===
Learn HTML, CSS and JavaScript - and put them to good use! This class, currently taught by [[User:JeffreyATW|JeffreyATW]], is aimed at both beginners who are interested in entering the world of web development, as well as seasoned professionals looking to brush up on the latest and greatest. Frontend web development is all about making code that runs in the browser, versus code that runs on the server. There isn't a big focus on web design (creating wireframes and mockups) but we do cover best practices to turn these designs into beautiful code.

=== Who ===
'''Everyone'''! '''Complete beginners''' and more experienced developers are welcome at any time. You don't need to wait for the class to start its curriculum over - if you're new to the class, consider coming to the [[#Lecture|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.

=== When ===
[[#Lecture|Lectures]] start promptly at 8pm on Mondays and go for two hours. There is a half-hour recap starting at 7:30pm.

[[#Lab|Labs]] start at 8pm on Thursdays and can go up to two hours.

=== Where ===
Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting Here]]

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!

=== Keep Informed ===
Join the [[Mailinglist|Noisebridge-announce]] mailing list to be notified of upcoming class topics via email.
</div>
<div style="float: left; width: 45%;">
=== Lecture ===
Weekly talk on HTML/CSS/JS.

<div style="background:#eeeeff;padding:0 10px .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
* Explaining the separation between structure, presentation, and behavior
* Writing a basic HTML page
* Styling the page with basic CSS

No recap session for this class. Please show up '''promptly''' at or before 8pm, as physical space is limited.</div>

==== Previous classes ====
We discuss a different topic in-depth every week. Some topics include:
* CSS positioning [[Frontend_Web_Development/Notes#Class_for_2011-11-22|(topic for 2011-11-22)]]
* Turning a mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2011-12-05|(topic for 2011-12-05)]]
* File transfer [[Frontend_Web_Development/Notes#Class_for_2011-12-12|(topic for 2011-12-12)]]
* JavaScript [[Frontend_Web_Development/Notes#Class_for_2011-12-19|(topic for 2012-01-02)]]
* jQuery [[Frontend_Web_Development/Notes#Class_for_2012-01-16|(topic for 2012-01-09, 2012-01-16)]]
* AJAX [[Frontend_Web_Development/Notes#Class_for_2012-01-23|(topic for 2012-01-23)]]
* Turning a professional mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2012-01-30|(topic for 2012-01-30)]]
* Menus and modals [[Frontend_Web_Development/Notes#Class_for_2012-02-06|(topic for 2012-02-06)]]
* Sign up forms [[Frontend_Web_Development/Notes#Class_for_2012-02-13|(topic for 2012-02-13)]]
* 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)
* Hardening Web Applications (http://webapp-hardening.heroku.com/)

==== 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. Those working on their own personal projects are also more than welcome to come and solicit help. Every Thursday at 8:00pm.
</div>
<div style="clear: both">
=== 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 (as of 2012-02) HTML element]

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

==== [[Frontend_Web_Development/Assignments|Previous Assignments]] ====
</div>
[[Category:events]]

Front-end Web Development

2012-04-06T16:27:48Z

70.36.245.160:

__TOC__
<div style="width: 45%; float: right; background: #efefef; color: #333; padding: 10px;">
=== What ===
Learn HTML, CSS and JavaScript - and put them to good use! This class, currently taught by [[User:JeffreyATW|JeffreyATW]], is aimed at both beginners who are interested in entering the world of web development, as well as seasoned professionals looking to brush up on the latest and greatest. Frontend web development is all about making code that runs in the browser, versus code that runs on the server. There isn't a big focus on web design (creating wireframes and mockups) but we do cover best practices to turn these designs into beautiful code.

=== Who ===
'''Everyone'''! '''Complete beginners''' and more experienced developers are welcome at any time. You don't need to wait for the class to start its curriculum over - if you're new to the class, consider coming to the [[#Lecture|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.

=== When ===
[[#Lecture|Lectures]] start promptly at 8pm on Mondays and go for two hours. There is a half-hour recap starting at 7:30pm.

[[#Lab|Labs]] start at 8pm on Thursdays and can go up to two hours.

=== Where ===
Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting Here]]

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!
</div>
<div style="float: left; width: 45%;">
=== Keep Informed ===
Join the [[Mailinglist|Noisebridge-announce]] mailing list to be notified of upcoming class topics via email.
=== Lecture ===
Weekly talk on HTML/CSS/JS.

<div style="background:#eeeeff;padding:0 10px .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
* Explaining the separation between structure, presentation, and behavior
* Writing a basic HTML page
* Styling the page with basic CSS

No recap session for this class. Please show up '''promptly''' at or before 8pm, as physical space is limited.</div>

==== Previous classes ====
We discuss a different topic in-depth every week. Some topics include:
* CSS positioning [[Frontend_Web_Development/Notes#Class_for_2011-11-22|(topic for 2011-11-22)]]
* Turning a mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2011-12-05|(topic for 2011-12-05)]]
* File transfer [[Frontend_Web_Development/Notes#Class_for_2011-12-12|(topic for 2011-12-12)]]
* JavaScript [[Frontend_Web_Development/Notes#Class_for_2011-12-19|(topic for 2012-01-02)]]
* jQuery [[Frontend_Web_Development/Notes#Class_for_2012-01-16|(topic for 2012-01-09, 2012-01-16)]]
* AJAX [[Frontend_Web_Development/Notes#Class_for_2012-01-23|(topic for 2012-01-23)]]
* Turning a professional mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2012-01-30|(topic for 2012-01-30)]]
* Menus and modals [[Frontend_Web_Development/Notes#Class_for_2012-02-06|(topic for 2012-02-06)]]
* Sign up forms [[Frontend_Web_Development/Notes#Class_for_2012-02-13|(topic for 2012-02-13)]]
* 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)
* Hardening Web Applications (http://webapp-hardening.heroku.com/)

==== 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. Those working on their own personal projects are also more than welcome to come and solicit help. Every Thursday at 8:00pm.
</div>
<div style="clear: both">
=== 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 (as of 2012-02) HTML element]

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

==== [[Frontend_Web_Development/Assignments|Previous Assignments]] ====
</div>
[[Category:events]]

Front-end Web Development

2012-04-06T16:26:15Z

70.36.245.160: /* Who */

__TOC__
<div style="width: 45%; float: right; background: #efefef; color: #333; padding: 10px;">
=== What ===
Learn HTML, CSS and JavaScript - and put them to good use! This class, currently taught by [[User:JeffreyATW|JeffreyATW]], is aimed at both beginners who are interested in entering the world of web development, as well as seasoned professionals looking to brush up on the latest and greatest. Frontend web development is all about making code that runs in the browser, versus code that runs on the server. There isn't a big focus on web design (creating wireframes and mockups) but we do cover best practices to turn these designs into beautiful code.

=== Who ===
'''Everyone'''! '''Complete beginners''' and more experienced developers are welcome at any time. You don't need to wait for the class to start its curriculum over - if you're new to the class, consider coming to the [[#Lecture|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.

=== When ===
[[#Lecture|Lectures]] start promptly at 8pm on Mondays and go for two hours. There is a half-hour recap starting at 7:30pm.

[[#Lab|Labs]] start at 8pm on Thursdays and can go up to two hours.

=== Where ===
Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting Here]]

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!
</div>
<div style="float: left; width: 45%;">
=== Lecture ===
Weekly talk on HTML/CSS/JS.

<div style="background:#eeeeff;padding:0 10px .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
* Explaining the separation between structure, presentation, and behavior
* Writing a basic HTML page
* Styling the page with basic CSS

No recap session for this class. Please show up '''promptly''' at or before 8pm, as physical space is limited.</div>

==== Previous classes ====
We discuss a different topic in-depth every week. Some topics include:
* CSS positioning [[Frontend_Web_Development/Notes#Class_for_2011-11-22|(topic for 2011-11-22)]]
* Turning a mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2011-12-05|(topic for 2011-12-05)]]
* File transfer [[Frontend_Web_Development/Notes#Class_for_2011-12-12|(topic for 2011-12-12)]]
* JavaScript [[Frontend_Web_Development/Notes#Class_for_2011-12-19|(topic for 2012-01-02)]]
* jQuery [[Frontend_Web_Development/Notes#Class_for_2012-01-16|(topic for 2012-01-09, 2012-01-16)]]
* AJAX [[Frontend_Web_Development/Notes#Class_for_2012-01-23|(topic for 2012-01-23)]]
* Turning a professional mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2012-01-30|(topic for 2012-01-30)]]
* Menus and modals [[Frontend_Web_Development/Notes#Class_for_2012-02-06|(topic for 2012-02-06)]]
* Sign up forms [[Frontend_Web_Development/Notes#Class_for_2012-02-13|(topic for 2012-02-13)]]
* 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)
* Hardening Web Applications (http://webapp-hardening.heroku.com/)

==== 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. Those working on their own personal projects are also more than welcome to come and solicit help. Every Thursday at 8:00pm.
</div>
<div style="clear: both">
=== 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 (as of 2012-02) HTML element]

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

==== [[Frontend_Web_Development/Assignments|Previous Assignments]] ====
</div>
[[Category:events]]

Front-end Web Development

2012-04-06T16:24:36Z

70.36.245.160: /* Class for 2012-04-09 */

__TOC__
<div style="width: 45%; float: right; background: #efefef; color: #333; padding: 10px;">
=== What ===
Learn HTML, CSS and JavaScript - and put them to good use! This class, currently taught by [[User:JeffreyATW|JeffreyATW]], is aimed at both beginners who are interested in entering the world of web development, as well as seasoned professionals looking to brush up on the latest and greatest. Frontend web development is all about making code that runs in the browser, versus code that runs on the server. There isn't a big focus on web design (creating wireframes and mockups) but we do cover best practices to turn these designs into beautiful code.

=== Who ===
'''Everyone'''! '''Complete beginners''' and more experienced developers are welcome. If you're new to the class, please consider coming to the [[#Lecture|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.

=== When ===
[[#Lecture|Lectures]] start promptly at 8pm on Mondays and go for two hours. There is a half-hour recap starting at 7:30pm.

[[#Lab|Labs]] start at 8pm on Thursdays and can go up to two hours.

=== Where ===
Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting Here]]

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!
</div>
<div style="float: left; width: 45%;">
=== Lecture ===
Weekly talk on HTML/CSS/JS.

<div style="background:#eeeeff;padding:0 10px .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
* Explaining the separation between structure, presentation, and behavior
* Writing a basic HTML page
* Styling the page with basic CSS

No recap session for this class. Please show up '''promptly''' at or before 8pm, as physical space is limited.</div>

==== Previous classes ====
We discuss a different topic in-depth every week. Some topics include:
* CSS positioning [[Frontend_Web_Development/Notes#Class_for_2011-11-22|(topic for 2011-11-22)]]
* Turning a mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2011-12-05|(topic for 2011-12-05)]]
* File transfer [[Frontend_Web_Development/Notes#Class_for_2011-12-12|(topic for 2011-12-12)]]
* JavaScript [[Frontend_Web_Development/Notes#Class_for_2011-12-19|(topic for 2012-01-02)]]
* jQuery [[Frontend_Web_Development/Notes#Class_for_2012-01-16|(topic for 2012-01-09, 2012-01-16)]]
* AJAX [[Frontend_Web_Development/Notes#Class_for_2012-01-23|(topic for 2012-01-23)]]
* Turning a professional mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2012-01-30|(topic for 2012-01-30)]]
* Menus and modals [[Frontend_Web_Development/Notes#Class_for_2012-02-06|(topic for 2012-02-06)]]
* Sign up forms [[Frontend_Web_Development/Notes#Class_for_2012-02-13|(topic for 2012-02-13)]]
* 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)
* Hardening Web Applications (http://webapp-hardening.heroku.com/)

==== 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. Those working on their own personal projects are also more than welcome to come and solicit help. Every Thursday at 8:00pm.
</div>
<div style="clear: both">
=== 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 (as of 2012-02) HTML element]

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

==== [[Frontend_Web_Development/Assignments|Previous Assignments]] ====
</div>
[[Category:events]]

Front-end Web Development

2012-04-06T16:23:49Z

70.36.245.160: /* What */

__TOC__
<div style="width: 45%; float: right; background: #efefef; color: #333; padding: 10px;">
=== What ===
Learn HTML, CSS and JavaScript - and put them to good use! This class, currently taught by [[User:JeffreyATW|JeffreyATW]], is aimed at both beginners who are interested in entering the world of web development, as well as seasoned professionals looking to brush up on the latest and greatest. Frontend web development is all about making code that runs in the browser, versus code that runs on the server. There isn't a big focus on web design (creating wireframes and mockups) but we do cover best practices to turn these designs into beautiful code.

=== Who ===
'''Everyone'''! '''Complete beginners''' and more experienced developers are welcome. If you're new to the class, please consider coming to the [[#Lecture|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.

=== When ===
[[#Lecture|Lectures]] start promptly at 8pm on Mondays and go for two hours. There is a half-hour recap starting at 7:30pm.

[[#Lab|Labs]] start at 8pm on Thursdays and can go up to two hours.

=== Where ===
Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting Here]]

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!
</div>
<div style="float: left; width: 45%;">
=== Lecture ===
Weekly talk on HTML/CSS/JS.

<div style="background:#eeeeff;padding:0 10px .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
* Explaining the separation between structure, presentation, and behavior
* Writing a basic HTML page
* 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>

==== Previous classes ====
We discuss a different topic in-depth every week. Some topics include:
* CSS positioning [[Frontend_Web_Development/Notes#Class_for_2011-11-22|(topic for 2011-11-22)]]
* Turning a mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2011-12-05|(topic for 2011-12-05)]]
* File transfer [[Frontend_Web_Development/Notes#Class_for_2011-12-12|(topic for 2011-12-12)]]
* JavaScript [[Frontend_Web_Development/Notes#Class_for_2011-12-19|(topic for 2012-01-02)]]
* jQuery [[Frontend_Web_Development/Notes#Class_for_2012-01-16|(topic for 2012-01-09, 2012-01-16)]]
* AJAX [[Frontend_Web_Development/Notes#Class_for_2012-01-23|(topic for 2012-01-23)]]
* Turning a professional mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2012-01-30|(topic for 2012-01-30)]]
* Menus and modals [[Frontend_Web_Development/Notes#Class_for_2012-02-06|(topic for 2012-02-06)]]
* Sign up forms [[Frontend_Web_Development/Notes#Class_for_2012-02-13|(topic for 2012-02-13)]]
* 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)
* Hardening Web Applications (http://webapp-hardening.heroku.com/)

==== 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. Those working on their own personal projects are also more than welcome to come and solicit help. Every Thursday at 8:00pm.
</div>
<div style="clear: both">
=== 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 (as of 2012-02) HTML element]

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

==== [[Frontend_Web_Development/Assignments|Previous Assignments]] ====
</div>
[[Category:events]]

Front-end Web Development

2012-04-06T16:22:22Z

70.36.245.160: Making page pretty (hopefully)

__TOC__
<div style="width: 45%; float: right; background: #efefef; color: #333; padding: 10px;">
=== What ===
Learn HTML, CSS and JavaScript! This class, currently taught by [[User:JeffreyATW|JeffreyATW]], is aimed at both beginners who are interested in entering the world of web development, as well as seasoned professionals looking to brush up on the latest and greatest. Frontend web development is all about making code that runs in the browser, versus code that runs on the server. There isn't a big focus on web design (creating wireframes and mockups) but we do cover best practices to turn these designs into beautiful code.

=== Who ===
'''Everyone'''! '''Complete beginners''' and more experienced developers are welcome. If you're new to the class, please consider coming to the [[#Lecture|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.

=== When ===
[[#Lecture|Lectures]] start promptly at 8pm on Mondays and go for two hours. There is a half-hour recap starting at 7:30pm.

[[#Lab|Labs]] start at 8pm on Thursdays and can go up to two hours.

=== Where ===
Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). [[Getting Here]]

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!
</div>
<div style="float: left; width: 45%;">
=== Lecture ===
Weekly talk on HTML/CSS/JS.

<div style="background:#eeeeff;padding:0 10px .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
* Explaining the separation between structure, presentation, and behavior
* Writing a basic HTML page
* 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>

==== Previous classes ====
We discuss a different topic in-depth every week. Some topics include:
* CSS positioning [[Frontend_Web_Development/Notes#Class_for_2011-11-22|(topic for 2011-11-22)]]
* Turning a mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2011-12-05|(topic for 2011-12-05)]]
* File transfer [[Frontend_Web_Development/Notes#Class_for_2011-12-12|(topic for 2011-12-12)]]
* JavaScript [[Frontend_Web_Development/Notes#Class_for_2011-12-19|(topic for 2012-01-02)]]
* jQuery [[Frontend_Web_Development/Notes#Class_for_2012-01-16|(topic for 2012-01-09, 2012-01-16)]]
* AJAX [[Frontend_Web_Development/Notes#Class_for_2012-01-23|(topic for 2012-01-23)]]
* Turning a professional mockup into HTML and CSS [[Frontend_Web_Development/Notes#Class_for_2012-01-30|(topic for 2012-01-30)]]
* Menus and modals [[Frontend_Web_Development/Notes#Class_for_2012-02-06|(topic for 2012-02-06)]]
* Sign up forms [[Frontend_Web_Development/Notes#Class_for_2012-02-13|(topic for 2012-02-13)]]
* 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)
* Hardening Web Applications (http://webapp-hardening.heroku.com/)

==== 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. Those working on their own personal projects are also more than welcome to come and solicit help. Every Thursday at 8:00pm.
</div>
<div style="clear: both">
=== 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 (as of 2012-02) HTML element]

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

==== [[Frontend_Web_Development/Assignments|Previous Assignments]] ====
</div>
[[Category:events]]

Category:Events

2012-04-05T17:55:07Z

70.36.245.160: /* Upcoming Events edit */

Official, Semi-Official, one-off and other events at the Noisebridge space.

=Event Calendar=
Not all events make it onto this calendar. Many events only make it to the Discussion or Announcements [[Mailinglist | mailing lists]], [[IRC]] or in person at [[:Category:Meeting_Notes | Tuesday meetings]]. Best of all, Noisebridge is about people getting together at the space in San Francisco to do stuff... like in person. Some events just happen. Pay attention!

If you'd like to host an event yourself, we have advice on [[Hosting_an_Event|hosting an event]] at Noisebridge.

Event posters are encouraged to crosspost to the Google Calendar. View the [http://www.google.com/calendar/embed?src=vo3i3c0qtjnkjr2ojasd0ftt8s%40group.calendar.google.com&ctz=America/Los_Angeles Google Calendar], view the [http://www.google.com/calendar/feeds/vo3i3c0qtjnkjr2ojasd0ftt8s%40group.calendar.google.com/public/basic Google Calendar in XML], or the [http://www.google.com/calendar/ical/vo3i3c0qtjnkjr2ojasd0ftt8s%40group.calendar.google.com/public/basic.ics Google Calendar in ical] format.

To post Google Calendar entries for your event, ask on the noisebridge-discuss mailing list.

<onlyinclude>
=== Upcoming Events <small>[https://www.noisebridge.net/index.php?title=Category:Events&action=edit&section=2 edit]</small> ===
*'''16-June-2012, Saturday''': 09:00-17:00: <br>[http://wiki.kinkforall.org/KinkForAllSanFrancisco2 KinkForAllSanFrancisco2], an unconference on the intersection of sexuality with k-Homology theory.

=== Recurring Events <small>[https://www.noisebridge.net/index.php?title=Category:Events&action=edit&section=3 edit]</small> ===

* '''Monday'''
** [[House_Keeping#Trash_and_Recycling|Trash Night]] - Take out the trash and compost for Tuesday morning!
** 18:00 [[Gamebridge]] Unityversity, Lets all just be friends, right?

** '''19:00 [[Learn APL]]''' - Learn the most popular programming language of all time!

** '''19:00''' '''[[Computer modeling for deep-water oil drilling]]''' Learn the basic of creating models for profitable extraction of petrochemicals in the Pacific!

** '''20:00-22:00 [[Frontend Web Development]]''' - Learn HTML/CSS/JS. We'll introduce you to some other cool technology of the 20th century as well!

** 20:00 [[Mushroom_cultivation|Mushroom Mondays]] - The art and science of mushroom cu
ltivation. If you know what I mean.

* '''Tuesday'''
** 15:00 [[Linux System Administration Study Group]]

** 16:30 [[Intro to SQL Databases]] Database programming and design using MySQL. DB design w/ MySQL, I don't even need to change this for April fools!


** 19:00 [[Tastebridge]] / [[Vegan Hacker]] Monthly Food Hacking, last Tuesday of every month, 7pm. http://www.veganhackersf.com




** 19:30 [[Spacebridge]] - Noisebridge's space program
** '''20:00 [[Meetings|Noisebridge Weekly Meeting]]''' - Introducing new people and events to the space, general discussion, and decision making.

** 22:00 [[SF Grey Hat Meetup]] If you have to ask you probably shouldn't show up. next meeting 3/13 will cover metasploit, vote for next topic.
* '''Wednesday'''

** 18:00 [[Replicator Wednesday|Replicator Wednesday]]! Learn about creating your very own race of self-replicating robots to annihilate human existence.

** 18:00 [[LinuxDiscussion|Linux Discussion]] - Linux meetup in the Turing classroom.



** 19:00 [[PyClass]] - Intuit how to program using the Python programming language. New "series" starts December 5th!

** 19:00 [[SCoW]] - Your mom just buy you a 'puter for Christmas and you don't know the difference between brk() and malloc()? You'll be a hacker by association!

** 20:00 [[BACE Timebank]] (2nd Wednesdays) - Help organize community mutual aid by trading in equal time credits. To join go to [http://bace.org bace.org].

* '''Thursday'''
** [[House_Keeping#Trash_and_Recycling|Trash Night]] - Take out the trash for Friday morning!

** 18:30 [[Social_Engineers|Social Engineers]] 6.30pm onwards (On Hiatus until 2012-03-22). Noisebridge's weekly attempt to hack its own social conundrums (including organizing, long-term planning, and consensus) using data, science, and heavy machinery. Email danny@spesh.com or join us on the [https://www.noisebridge.net/mailman/listinfo/socialengineering|mailing list].

** 19:00 [[Machine_Learning|Machine Learning]] 7:00pm, come in and learn about statistical learning techniques.

** 19:00 [[Noisedroid/Nights]] - An Android-Themed Co-working Night.

** 19:00 [[german_corner|German Corner]] Learn and practice speaking German.

** 20:00 [[Frontend_Web_Development#Lab|Frontend Web Development Lab]] - Understand by doing! A recap of Monday's lecture in workshop form - and a good time for one-on-one help with the material.
** 20:00 [https://www.noisebridge.net/mailman/listinfo/zine ZinesFromOuterSpace] - A weekly meetup for zinesters / printing hackers / DIY publishers, and brainstorming session for the next chapter of [[zine | ZiP]].
* '''Friday'''
**Friday We're In Love?

** 19:00 Laser Lounging: Come learn how to use Noisebridge's 40 Watt Laser cutter/engraver to engrave photos & content on to different materials such as acrylics and woods. In addition learn how to cut through pieces of material to create cool stencils and other things.

* '''Saturday'''
** 12:00-18:00 - Noisebridge Hackathon! Second Saturday Hackathon is a casual monthly event dedicated to building community and working on the space or relevant projects. This is a great time to get feedback or help on any projects you have been considering that center around the space, culture, and infrastructure of Noisebridge. You can also help with existing projects and find out ways to get involved. (2nd Saturday)
* '''Sunday'''
** 13:00 [[PerlStudy]] - Helping each other learn perl and all of its goodness.
** 14:00 [http://baha.bitrot.info/ Bay Area Hacker's Association - security meeting] (2nd Sundays)
** 15:00 [[Go]] - Playing of the Go boardgame. On nice days we often take the boards to Dolores Park and play there..


** 19:00 [[Hack Politics]] -- 1st and 3rd Sundays of the month. Hack the political systems.
</onlyinclude>

=== Orphaned Events ===
These events appear to be dormant or extinct.
* '''Tuesday'''
** 18:00 to 19:30 or so, Intro to [[Assembly Language on Linux]] and introduction to C programming, Turing Classroom ; we're working on a C program that lets a user work with a todolist file: see it, delete an entry, add an entry, modify an entry; we're interleaving this work with learning the essentials of the X86 CPU registers and instructions and how to make int 0x80 linux kernel system calls.

=== Proposed Future Events and Classes ===

:'''(TBD)''': [[Probability]] - Weekly probability study group based on [http://ocw.mit.edu/courses/electrical-engineering-and-computer-science/6-041-probabilistic-systems-analysis-and-applied-probability-spring-2006/related-resources/ Fundamentals of Applied Probability Theory] by Al Drake
:'''(TBD)''': [[German]] - Learn German, all levels. 7pm beginners, 8pm advanced. RSVP 24 hours in advance for the benefit of the instructor. Events ran May-November 2009 on Mondays. Currently on hiatus. Get on the mailing list.
:'''(TBD)''': [[Mandarin Corner|Mandarin]] - Learn or practice Mandarin, all levels. Also currently on hiatus. Get on the mailing list.
:'''(TBD)''': [[Movie Night!]] - [[User:ThOMG|Thom]] wants to build community through nerdy sci-fi! (+Bill+Ted+Excellence++) (how about a Friday hacker movie night? -[[User:Carl|Carl]])
:'''(TBD)''': [[Introduction to the AVR Microcontroller]] - [[User:Mightyohm|Jeff]] and [[User:Maltman23|Mitch]] are planning an introductory class for people wanting to make cool projects with AVRs.
:'''(TBD)''': [[Basic Chemistry Lab Techniques]]
:'''(TBD)''': [[Cuddle Puddle for the Economy]] - Stress-hacking with informal massage exchange.
:'''(TBD)''': [[Milk and Cookies]] - Come read your favorite selections out loud. With Milk and Cookies (and yeah, probably beer too).
:'''(TBD)''': [[Processing Workshop 2]] - [[User:Scmurray|Scott]] is interested in teaching this, and is busy thinking about what, where, when, why, and how.
:'''(TBD)''': [[Hack your Hardware]] -- We call BS on "no user-serviceable parts inside"
:'''(TBD)''': [[Homebrew Instruction Class]] - The Wort (pt 1/3)
:'''(TBD)''': [[Trip to Shooting Range]] - Field trip to a shooting range, to shoot guns. Express interest at [[Trip to Shooting Range]]
:'''(TBD)''': [[Surface Mount Soldering Workshop]] - Learn how to solder cicuits with small surface mount parts. [[User:maltman23|Mitch Altman]] and Martin Bogomolni and others will show their tricks. [[User:maltman23|Mitch]] will bring hackable kits that uses surface mounts for you to solder.
:'''(TBD)''' - [[Locksport and Lockpicking]]
:'''(TBD)''' - [[Version control tutorial]]
:'''(TBD)''' - [[Foreign language learning for rocket scientists]] - I'm near-native (fool people when I try) in (French and) Japanese, and a pro trans/terpreter and will share my shortcuts (skill-order, vocab, speed/articulation, translation≅grammar). No expertise on tonal languages yet... so if you know how to remember tones or how tone-sandhi interacts with speed and/or how nuances of speaker attitude are expressed in them (what we do with rythm/inflection/sentence-intonation and stress in Eng., and with particles and ??? in e.g. Cantonese) please chime in or call me (415-608-0564) so I can convey your wisdom. [also looking for a from-scratch Arabic partner]
:'''(TBD)''': [[Getting started with Arduino]]
:'''(TBD)''': [[Distributed Databases]]
:'''(TBD)''': [[Scrum Club]] - I though I'd test the waters and see if anyone was interested in a noisebridge scrum club details are here http://scrumclub.org/scrum-clubs/ if inturested hit me up twitter: @theabcasian, facebook: http://www.facebook.com/theabcasian
:'''(TBD)''': [[CNC Mill Workshop]] - Who wants to make stuff on the [[MaxNCMill]]?
:'''(TBD)''': [[Math & Science Help]] - If you would like some math, science or engineering help, I'm down to lend a hand.
:'''(TBD)''': [[Cyborg Group|Cyborg Group / Sensebridge]] - Work on projects like artificial senses. Someone needs to lead this!
:'''(TBD)''': [[OpenEEG]] - Brain tech. Has historically met on Sundays, at the behest of interested parties.
:'''(TBD)''': [[Programming_for_Poets | Programming for Poets]] - Gentle intro to programming using Processing
:'''(TBD)''': [[World Builders & Simgineers]] - Work together to create a beautiful & open virtual world & platform.
:'''(TBD)''': [[PlunderBridge]] - Metal detecting, detector technology & treasure hunting expeditions.
:'''(TBD)''': [[Ruby Mining]] - Ruby on Rails basics, interactive working group

= Past Events =
===2012===
*'''Tuesday Feb. 14th, 18:00 to 20:00''' ZiP MegaZine releases its inaugural issue with '''My Noisy Valentine''' Zine Release Microparty in the Noisebridge cafe. For more info follow [[zine | this]] link.

===2011===

* '''September 11th 14:00 to 17:00''' - The San Francisco Chapter of the Open Organisation Of Lockpickers and Bay Area Hacker's Association present a joint meeting on [https://secure.wikimedia.org/wikipedia/en/wiki/Locksport locksport]
*'''August 4, 7PM, Thursday''' - [http://zeidman.net Bob Zeidman] will be giving a talk on video games and intellectual property, hosted by TheMADE. He will also speak about IP infringement cases.
*'''August 9, 6:30PM, Tuesday''' - [http://www.meetup.com/makesf/events/26413241/ Make:SF] - Chris Jefferies will speak about the wireless sensor kit he is developing and we are bringing back our all star soldering kits.

* '''April 13th, 19:00''' - Kombucha fermentation class with [[BioBridge]]
*'''April 7th, 20:00''' - [[In-Depth|Noisebridge: In-Depth]] Our monthly lecture and round table. This month's speaker will be Aragorn! his lecture will be "Anarchism & technology: An unbridgeable chasm"
*'''April 4th, 20:00''' - Camp KDE Party. Come and meet part of the KDE North America community and get a quick overview of this year's [http://camp.kde.org/ Camp KDE] conference. There will be beer.
*'''April 3rd, 16:00''' - NoiseCaching: Meet-up to build some geocaches, and talk about making geocoins. Then we'll head out to find some local caches and place caches we made. [http://www.geocaching.com More info about Geocaching here]
* '''March 20th, 19:00''' [[Hack Politics]] meetup -- the first meetup to figure out how we in the hacker community can effectively mobilize and create meaningful change in these interesting times
* '''March 12th, 12:00-18:00 - Noisebridge Hackathon!''' Second Saturday Hackathon is a casual monthly event dedicated to working on the space or relevant projects and building community. This is a great time to get feedback or help on any projects you have been considering that center around the space, culture, and infrastructure of Noisebridge. You can also help with existing projects and find out ways to get involved.
* '''March 10, Thursday, 19:00 - Group Grammar Clinic''' - Church Classroom - Donations gladly accepted - A clinic for grammar and writing evaluation. Please bring your web/social or technical writing for us to evaluate. Bring your laptop as well. Collaboration groupware possibly provided. (Please suggest groupware software to use if you wish). Constructive feedback from other group members is encouraged so that this clinic is a group process. - Facilitator: [[User:Owen|Owen]] (opietro@yahoo.com)
* '''March 9th, 20:00''' - Ferment and filter a mash! [[fermentation logs]]

===2010===
* '''Sunday, August 22, 19:00 CLUB-MATE DROPOFF AND TASTING PARTY''' Nick Farr will be in town to drop off Club-Mate ordered by San Franciscans!
* '''June 5th, 12:00-19:00 - [[NoiseBridgeRehab]]''' - Help make the space more usable and accessible! Noisebridge needs your help!
* '''June 5th, 16:00-20:00 - [[Science For Juggalos]]''' - Science Fair in front of the Warfield Theater teaching magnetism to Juggalos
* '''June 6th, 15:00 - [[AVC Meetup]]''' - Entrepreneurial bonding & matchmaking
* '''June 9th, 21:00 - Your liver supports Noisebridge''' - Come to Elixir @ 16th & Guerrero anytime after 21:00 and drink, drink, drink! 50% of tips go to Noisebridge
* '''February 27th, 20:00 - [[Hacker EPROM]]''' - Noisebridge's first prom! Nice tie and a (robot) date required. We will have a DJ and punch.
* '''February 24th, 19:00, Wednesday - Joris Peels, of [http://www.shapeways.com Shapeways]''', and expert on 3D printing, will give a [[ShaperwaysPresentation | talk and demonstration]] at Noisebridge!.
* '''February 23rd, 18:00 - Cleaning day''' - Come and help clean Noisebridge, because everyone loves a clean hack space.
* '''February 12th, 21:00 - visit from Steve Jackson'''. Game designer [http://en.wikipedia.org/wiki/Steve_Jackson_%28US_game_designer%29 Steve Jackson], founder of Steve Jackson Games, will visit Noisebridge.
* '''January 27th, 18:00-20:00 - [[beatrixjar event|Circuit Bending Workshop]]''' - [http://www.beatrixjar.com/ Beatrix*JAR] (contact [[User:Gpvillamil|Gian Pablo]] for more info)
* '''January 27th, 20:00-22:00 - [[beatrixjar event|Circuit Bending Performance]]''' - [http://www.beatrixjar.com/ Beatrix*JAR] - "Celebrate a night of new sound that will change your idea of music forever!"
* '''January 25th, 19:30 - [[Bag Porn]]''' - What's in your bag?
* '''January 20th, 19:00-21:00 - [http://groups.google.com/group/bacat/about Bay Categories & Types]''' - Categories, monoids, monads, functors and more! Held in the Alonzo Church classroom.
* '''January 20th, 19:00 - [[User Experience Book Club SF]]''' - Our book this month is "A Theory of Fun for Game Design" by Raph Koster - http://is.gd/6sEqw (meets in Turing)
* '''January 21st, 20:00 - [[Five Minutes of Fame]]''' - Monthly set of lightning talks on diverse topics
* '''January 22nd, 17:00 - [[CleaningParty| Cleaning Party]]''' - Come help clean up Noisebridge! Awsum fun!
* ...January 14th,16th, and 17th 1:00- ??? Build Out day for kitchen/bathroom/laundry bring yourself and a good attitude, learn a few things as well
* '''January 15th, 18:00 - [[CNC_Mill_Workshop]]''' - Learn to use the CNC mill for 2D engraving and circuit board routing
* Thursdays 17:00 [[ASL Group|American Sign Language]] - Learn how to talk without using your voice (or just come chat in ASL). <small>[http://whenisgood.net/noisebridge/asl/generic click to reschedule]</small>

===2009===
* '''November 18th, 19:30''' - [[Dorkbot_2009_11_18|Dorkbot]]
* '''November 19th, 18:00''' - [[Mesh meetup]]
* '''November 19th, 20:00''' - [[Five Minutes of Fame]]
* '''November 20th, 18:00''' - Loud Objects [http://www.flickr.com/photos/createdigitalmedia/3428249036/ Noise Toy workshop].
* '''November 20th, 20:00''' - Performance by [http://www.loudobjects.com/ Loud Objects], (featuring Tristan Perich and Lesley Flanigan) and [http://www.myspace.com/jibkidder Jib Kidder].
:'''2009-11-05''' - [http://www.server-sky.com/ Server Sky presentation: Internet and Computation in Orbit] by Keith Lofstrom
:'''2009-11-05''' - [[Mesh meetup]]
:'''2009-11-02''' - [[French]] book club meeting to discuss [http://www.amazon.com/exec/obidos/tg/detail/-/2842612892/ref=ord_cart_shr?_encoding=UTF8&m=ATVPDKIKX0DER&v=glance Une Si Longue Lettre]
: ''' October 1st, 18:00''' - [[Wireless_Mesh_Network_Meetup | Mesh wireless meetup]]
: ''' October 1st, 19:00''' - [http://groups.google.com/group/bacat Bay Area Categories and Types]
: '''2009-10-03''' [[Year 1 Open Hacker House]]
:'''Friday''': [[CrazyCryptoNight]] - Discussion of cryptography for beginners through experts. 6-???
:'''Sunday''' : [[OpenEEG | OpenEEG Hacking]] Sundays, at 3-5pm.
:'''Tuesday''': [[Haskell/Haschool]] - Learn Haskell with Jason Dusek. 6PM - 7:30PM, from May until we're all experts.
:'''Wednesday''': [[Adobe_Lightroom|Adobe Lightroom]] - Become a more organized photographer. Weekly class (mostly held off site).
:'''Thursday''': [[Professional VFX Compositing With Adobe After Effects]] - Taught by [[User:SFSlim|Aaron Muszalski]]. 7:30PM - 10PM, most Thursdays in May & June & ? (click through dammit)
:'''2009-09-17''': [[Five Minutes of Fame]] 3D Edition
:'''2009-09-17''': [[Wireless Mesh Network Meetup | Mesh wireless meetup]]
:'''2009-08-20''': [[Five Minutes of Fame]] One Dee Edition
:'''2009-07-16''': [[Five Minutes of Fame]] Zero Dee
:'''2009-07-02 - 2009-07-05''': [http://toorcamp.org Toorcamp]
:'''2009-07-01''': Noisedroid meeting to discuss location logging on Android platform (and other stuff too, I'm sure)
:'''2009-06-30''': [[Powerbocking Class|Powerbocking class]]
:'''2009-06-30''': "Suing Telemarketers for Fun and Profit" (Toorcamp talk preview)
:'''2009-06-28''': "Meditation for Hackers" (Toorcamp workshop preview)
:'''2009-06-18''': [[Five Minutes of Fame]]
:'''2009-06-15''': [[Eagle Workshop]] Session two of the Eagle CAD workshop.
:'''2009-06-13''': [[RoboGames 2009]] Noisebridge had a booth staffed by vounteers, great fun!
:'''2009-05-21''': [[Five Minutes of Fame]]
:'''2009-04-27''': [[EagleCAD workshop]] -- learn to use this CAD tool for printed circuit board design
:'''2009-04-16''': [[Five Minutes of Fame]] April showers & flowers edition
:'''2009-04-11''': [[RFID Hacking]] weekend workshop (this event moved from the original March date)
:'''2009-04-05''': [[First aid and CPR class]] Learning how to not only not die, but also reduce scarring!
:'''2009-04-03''': [[Sudo pop]] 2PM and on. Making the first batch of a Noisebridge label yerba mate-niated rootbrew, gratis and DIY
:'''2009-03-26''': [[OpenEEG | OpenEEG Hacking]] first meet up for this new group: 8 pm
:'''2009-03-19''': [[Five Minutes of Fame]]
:'''2009-03-12''': [[OpenBTS and GSM]] talk by David Burgess
:'''2009-02-14''': [[Open Heart Workshop]] Valentine's Day blinkyheart soldering party!
:'''2009-02-13''': [[Time-t_Party|<tt>time_t</tt> Party]] to celebrate 1,234,567,890 since the Unix epoch.
:'''2009-02-09''': [[Spanish learning at 8:30]]
:'''2009-02-05''': [[PGP Key Workshop]]
:'''2009-01-31''': [[Locksport and Lockpicking]]

===2008===
:'''2008-12-27''': [[25C3]] Chaos Computer Congress in Berlin
:'''2008-12-20 & 21''': [[Creme Brulee]] Workshop on creating a french dessert, with bonus propane torch.
:'''2008-12-17 20:00''': [[Machine Learning]] Birds-of-a-feather
:'''2008-11-24''': [[Circuit Hacking Monday]] circuit design workshop
:'''2008-11-21, 7pm''':[[Milk and Cookies]] -- [[User:Dmolnar|David Molnar]] hosts Milk and Cookies at 83C. Bring a short 5-7minute thing to read to others. Bring a potluck cookie/snack/drink if you like. David will bring milk and cookies.
:'''2008-11-17, 7:30pm''': [[Basic Bicycle Maintain]] - [[User:rubin110|Rubin]] and [[User:rigel|rigel]] hate it when we see a bike that isn't maintained. Screechy chains and clacking derailleur can go to hell. Basic bike tune up, sharing the smarts on simple things you can do at home to make your ride suck a whole lot less.
:'''2008-11-16, 5:00pm''': [[RepRap Soldering Party]] - help assemble RepRap! RSVPs required on wiki! [[User:Adi|adi]]
:'''2008-11-16, 3:00pm''': [[Oscilloscopes]] - Learn how to use this versatile tool to test electronic circuits. Maximum 6 slots, please sign up ahead of time! [[User:dstaff|dstaff]]
:'''2008-10-31''': [[Halloween Open House]] - NoiseBridge's own [[PPPC]] threw an awesome open house/halloween gala. Post pictures if you got 'em!
:'''2008-10-25''': [[Soldering Workshop]] and Pumpkin Hackin' - Learn to solder for total newbies (or learn to solder better!), including surface mount. Additionally, carve your halloween pumpkins and enjoy some experimental pumpkin pie and/or soup.
:'''2008-10-07''': (tuesday before meeting) - Etch a circuit board. I'll be trying a photo resist etching and a basic printed mask etching. This is step 1/3 for a project called "annoying USB thingie" which will execute pre-defined keystrokes by sneaking a tiny USB dongle onto a victim^h^h^h^h^h buddy's computer.
:'''2008-09-13''': [[Processing Workshop]] — Learn this very easy-to-use programming language! - [[Processing Workshop Report]]
:'''2008-02-16''': [[Brain Machine Workshop|Brain Machine Making Workshop]]: Our first hardware sprint!