Front-end Web Development: Difference between revisions

From Noisebridge
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
=== What ===
=== Lecture ===
Weekly class on HTML/CSS/JS, currently taught by [[User:JeffreyATW|JeffreyATW]].
Weekly class on HTML/CSS/JS, currently taught by [[User:JeffreyATW|JeffreyATW]]. Meets every Monday.


Starting at 7:30pm, we'll cover the (very) basics:
If you're totally new to HTML/CSS/JS or need a recap of the previous class, I'll have a quick rundown starting at 7:30pm. We'll cover the (very) basics:
* Discussing tools of the trade
* Discussing tools of the trade
* Explaining the separation between structure, presentation, and behavior
* Explaining the separation between structure, presentation, and behavior
Line 8: Line 8:
* Styling the page with basic CSS
* Styling the page with basic CSS


Then at 8pm we'll discuss a different topic in-depth every week. Some topic ideas include:
Then from 8pm to 10pm we'll discuss a different topic in-depth every week. Some topic ideas include:
* [[Frontend_Web_Development_notes#Class_for_2011-11-22|CSS positioning (topic for 2011-11-22)]]
* [[Frontend_Web_Development_notes#Class_for_2011-11-22|CSS positioning (topic for 2011-11-22)]]
* [[Frontend_Web_Development_notes#Class_for_2011-12-05|Turning a mockup into HTML and CSS (topic for 2011-12-05)]]
* [[Frontend_Web_Development_notes#Class_for_2011-12-05|Turning a mockup into HTML and CSS (topic for 2011-12-05)]]
Line 27: Line 27:
Download [http://jeffreyatw.com/static/frontend/class11/answersheet.zip this site]. It contains the HTML/CSS we made from our mockup, plus a commented JS file with modal functionality. We are going to further add to this JS file.
Download [http://jeffreyatw.com/static/frontend/class11/answersheet.zip this site]. It contains the HTML/CSS we made from our mockup, plus a commented JS file with modal functionality. We are going to further add to this JS file.


=== When ===
=== Lab ===
8:00pm to 10:00pm every Monday.
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.
 
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.


=== Where ===
=== Where ===
Line 40: Line 38:


=== Who ===
=== Who ===
'''Everyone'''! '''Complete beginners''' and more experienced developers are welcome (and you could probably teach me a thing or two). If you're new to the class, please consider arriving at 7:30 for a recap.
'''Everyone'''! '''Complete beginners''' and more experienced developers are welcome (and you could probably teach me a thing or two). If you're new to the class, please consider coming to the lecture at 7:30 for a recap.


The space and the class are entirely free to attend. You do not have to be a Noisebridge member (I'm not, currently!)
The space and the class are entirely free to attend. You do not have to be a Noisebridge member (I'm not, currently!)

Revision as of 17:25, 14 February 2012

Lecture

Weekly class on HTML/CSS/JS, currently taught by JeffreyATW. Meets every Monday.

If you're totally new to HTML/CSS/JS or need a recap of the previous class, I'll have a quick rundown starting at 7:30pm. We'll cover the (very) basics:

  • Discussing tools of the trade
  • Explaining the separation between structure, presentation, and behavior
  • Writing a basic HTML page
  • Styling the page with basic CSS

Then from 8pm to 10pm we'll discuss a different topic in-depth every week. Some topic ideas include:

Class for 2012-02-13

Download this site. It contains the HTML/CSS we made from our mockup, plus a commented JS file with modal functionality. We are going to further add to this JS file.

Lab

We also meet for a weekly lab/workshop where we work on an assignment that covers the material learned in the lecture earlier in the week. Every Thursday at 8:00pm.

Where

Noisebridge, 2169 Mission St., San Francisco, 94114 (at 18th St., near 16th St. BART station). Map

We currently meet in the Church classroom, which is in the back of the space.

Read up on getting in to the space. TL;DR: ring the bell!

Who

Everyone! Complete beginners and more experienced developers are welcome (and you could probably teach me a thing or two). If you're new to the class, please consider coming to the lecture at 7:30 for a recap.

The space and the class are entirely free to attend. You do not have to be a Noisebridge member (I'm not, currently!)

Please consider bringing a[ny kind of] laptop.

Resources

The short presentation I use.

Notes for Previous Classes