Front-end Web Development/Notes: Difference between revisions
Jump to navigation
Jump to search
JeffreyATW (talk | contribs) No edit summary |
JeffreyATW (talk | contribs) No edit summary |
||
| (50 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
Notes from previous [[Front-end Web Development]] classes. | Notes from previous [[Front-end Web Development]] classes. | ||
==== Class for | ==== 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. | 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. | ||
[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: | <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 "front-end" vs. "back-end" | ||
* Explaining web apps vs. web sites | |||
* 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 | ||
* Explaining the role of front-end | * 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! | 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]] | [[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