LESSONS

Below you will find notes for each of FEWD's twenty classes. Please note that this page is a working-document: it will be updated frequently in order to tailor the notes for each particular class.

WEEK 1
WEEK 2
WEEK 3
WEEK 4
WEEK 5
WEEK 6
WEEK 7
WEEK 8
WEEK 9
WEEK 10

Unit 1: HTML + CSS Foundations

Week 01
CLASS 01 (09/17/18)

FEWD Overview and Setup:

  • Introduction to GA and instructional team
  • Course overview (expectations, procedures, etc.)
  • GitHub

Materials:

CLASS 02 (09/19/18)

Introduction to HTML

  • How the internet works
  • HTML basics: Elements, tags, and structure
  • Image tags
  • Anchor (link) tags

Materials

Week 02
CLASS 03 (09/24/18)

Introduction to CSS:

  • CSS Introduction
  • Color, Font, and Text Properties

Materials

CLASS 04 (09/26/18)

Intermediate CSS:

  • Classes and ID's
  • Grouping Selectors
  • The Box Model
  • The display Property: block vs. inline
  • Generic Elements: <span> and <div>

Materials

Week 03
CLASS 05 (10/01/18)

Introduction to Page Layout:

  • CSS Specificity
  • Pseudo Class Selectors
  • Chrome Developer Tools
  • Semantic HTML: <header>, <footer>, etc.
  • Layout Lab

Materials

CLASS 06 (10/03/18)

Page Layout: Floats

  • Horizontal navigation
  • The other display property: inline-block
  • CSS float property
  • CSS clear property

Materials

Unit 2: Responsive Web Layout

Week 04
CLASS 07 (10/08/18)

Page Layout - Lab:

  • Final project review
  • Review float + clear properties

Materials

CLASS 08 (10/10/18)

Responsive Web Design Overview:

  • box-sizing: border-box
  • Responsive Web Design Overview
  • Fluid Layout
  • calc
  • Media Queries

Materials

Week 05
CLASS 09 (10/15/18)

Flexbox:

  • Responsive Navbar Tutorial
  • Flexbox
  • The Viewport

Materials

CodePens

CLASS 10 (10/17/18)

Responsive Web Design - Capstone Lab:

  • Responsive Layout Lab
  • ...or In-Class Project Work

Materials

Unit 3: Adding Interactivity with JavaScript

Week 06
CLASS 11 (10/22/18)

Introduction to JavaScript:

  • Intro to programming
  • Pseudo code
  • Working locally with JavaScript
  • JS Basics: Data Types and Variables
  • Document Querying

Materials

CLASS 12 (10/24/18)

Javascript and the Browser:

  • Browser events
  • .innerHTML and .valueproperties
  • Input elements

Materials

CodePens

Week 07
CLASS 13 (10/29/18)

jQuery (pt. 1):

  • jQuery Intro
  • jQuery's CSS Selectors
  • HTML manipulation using .html()
  • The .click() method
  • The .val() method
  • CSS manipulation using .css()

Materials

CodePens

CLASS 14 (10/31/18)

jQuery (pt. 2):

  • Toggling element visibility (hide vs. show)
  • Manipulating element attributes using .attr()
  • Function context: $(this)
  • Document traversal

Materials

CodePens

Week 08
CLASS 15 (11/05/18)

Conditional Statements:

  • Conditional Statements
  • Logical Operators
  • Manipulating CSS Classes

Materials

CodePens

CLASS 16 (11/07/18)

Function Arguments:

  • Function Arguments
  • HTML Insertion and Removal

Materials

CodePens

Week 09
NO CLASS (11/12/18)

Veteran's Day

CLASS 17 (11/14/18)

The Change and Submit Events:

  • .change() Event
  • HTML <form> Element
  • .submit() Event
  • Preventing Default Event Behavior

Materials

CodePens

Week 10
CLASS 18 (11/19/18)

jQuery Plugins + Google Maps API:

  • jQuery Plugins
  • Google Maps API Tutorial
  • JavaScript Arrays

Materials

NO CLASS (11/21/18)

Thanksgiving Travel Day

Final Projects

Week 11
CLASS 19 (11/26/18)

Final Project Lab

CLASS 20 (11/28/18)

Final Project Presentations

Materials