Front-end Web Development/Notes: Difference between revisions
JeffreyATW (talk | contribs) No edit summary |
JeffreyATW (talk | contribs) |
||
Line 8: | Line 8: | ||
During the half-hour before the class, we'll help people set up Git on their computers. On OS X, type <code>git</code> in a Terminal to get started. On Windows you should install [http://msysgit.github.io/ Git for Windows]. Also, please sign up for a [https://github.com GitHub] account. | During the half-hour before the class, we'll help people set up Git on their computers. On OS X, type <code>git</code> in a Terminal to get started. On Windows you should install [http://msysgit.github.io/ Git for Windows]. Also, please sign up for a [https://github.com GitHub] account. | ||
[https://www.youtube.com/watch?v=ZAEJV-8AQvY Lecture video] | [https://www.youtube.com/watch?v=ZAEJV-8AQvY Lecture video]<br> | ||
[https://github.com/JeffreyATW/shakespeare8 Lecture materials] | [https://github.com/JeffreyATW/shakespeare8 Lecture materials] | ||
Revision as of 16:22, 12 August 2015
Notes from previous Front-end Web Development classes.
Class for 2015-08-10: version control (Git) and the command line
This class is a general overview on version control and the command line. Most developers collaborate with their peers by using version control systems, which allows them to keep track of their work in a reliable fashion and push it to the web.
Again, this class isn't about web development per se - it's just an important introduction to using the command line to work with Git, one of the most popular version control systems. Everyone will create their own fork of a repository and check in their work.
During the half-hour before the class, we'll help people set up Git on their computers. On OS X, type git
in a Terminal to get started. On Windows you should install Git for Windows. Also, please sign up for a GitHub account.
Lecture video
Lecture materials
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