Front-end Web Development/Notes: Difference between revisions

From Noisebridge
Jump to navigation Jump to search
No edit summary
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] (audio doesn't work until 33:10)<br>
[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


Notes archive