Front-end Web Development/Notes: Difference between revisions
Jump to navigation
Jump to search
JeffreyATW (talk | contribs) |
JeffreyATW (talk | contribs) No edit summary |
||
(149 intermediate revisions by 10 users not shown) | |||
Line 1: | Line 1: | ||
Notes from previous [[ | Notes from previous [[Front-end Web Development]] classes. | ||
==== Class for 2015-08-03: CSS selectors and the box model ==== | |||
==== Class for | CSS selectors are probably the most complex part of the CSS language, so we'll look at them further in-depth. We'll also talk about the box model, the display concept that makes words and containers on the web look like they do. | ||
We | |||
' | [https://www.youtube.com/watch?v=LcKvWkhVezA Lecture video] (audio doesn't work until 33:10)<br> | ||
[http://jeffreyatw.com/static/frontend/series8/class2/lecture.zip Lecture materials] | |||
==== Class for | ==== Class for 2015-07-27: the basics ==== | ||
<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 "front-end" vs. "back-end" | |||
* Explaining web apps vs. web sites | |||
= | |||
''' | |||
We | |||
* Explaining " | |||
* 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 | ||
* Writing a basic HTML page | * Writing a basic HTML page | ||
* Styling the page with basic CSS | * Styling the page with basic CSS | ||
* | * Adding a small amount of JS | ||
* Explaining the role of front-end development as a job and career | |||
* | |||
No recap session for this class. Please show up before 8pm, as physical space is limited. Bring a laptop! | |||
[https://www.youtube.com/watch?v=MBid8Pg4SWc Lecture video]<br> | |||
[http://jeffreyatw.com/static/frontend/series8/class1/lecture.zip Lecture materials] | |||
---- | |||
[[Frontend_Web_Development/Notes/Archive|Notes archive]] | |||
Revision as of 19:43, 4 August 2015
Notes from previous Front-end Web Development classes.
Class for 2015-08-03: CSS selectors and the box model
CSS selectors are probably the most complex part of the CSS language, so we'll look at them further in-depth. We'll also talk about the box model, the display concept that makes words and containers on the web look like they do.
Lecture video (audio doesn't work until 33:10)
Lecture materials
Class for 2015-07-27: the basics
THIS is the class to attend if you are a complete beginner! We are starting the curriculum of this class from square one. We'll cover the very basics:
- Explaining "front-end" vs. "back-end"
- Explaining web apps vs. web sites
- Discussing tools of the trade
- Explaining the separation between structure, presentation, and behavior
- Writing a basic HTML page
- Styling the page with basic CSS
- Adding a small amount of JS
- Explaining the role of front-end development as a job and career
No recap session for this class. Please show up before 8pm, as physical space is limited. Bring a laptop!
Lecture video
Lecture materials