Skip to content

Latest commit

 

History

History
170 lines (122 loc) · 3.52 KB

outline.md

File metadata and controls

170 lines (122 loc) · 3.52 KB
Raw

Unit 1: HTML & CSS Foundations

Class 01 - Mon, 3/6 - Class Introduction and GitHub

Topics:

  • Introductions
  • Course Overview (expectations, procedures, etc.)
  • Git
  • GitHub

Lab: Making your first GitHub commit

Class 02 - Wed, 3/8 - Introduction to HTML

Topics:

  • How the Internet Works
  • HTML Basics
  • HTML Elements
  • HTML Structure
  • Image Tags
  • Anchor Tags

Lab/HW: GA Press Release/About Pages on GitHub

Class 03 - Mon, 3/13 - Introduction to CSS

Topics:

  • CSS Intro
  • Color Property
  • Font + Text Properties

Class 04 - Wed, 3/15 - CSS Selectors, the Box Model, and the display property

Topics:

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

Lab: Box Model Lab

Class 05 - Mon, 3/20 - Introduction to Page Layout

Topics:

  • CSS Specificity
  • Chrome Developer Tools
  • Browser Variances (use cases for normalize.css and reset.css)
  • Semantic HTML: <header>, <footer>, etc.

Lab/HW: Layout Lab (pt. 1) - Relaxr (pt. 1) or Fashion Blog (pt. 1)

Class 06 - Wed, 3/22 - Page Layout: Floats + Clears

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

Lab: Layout Lab (pt. 2) - Relaxr (pt. 2) or Fasion Blog (pt. 2)

Class 07 - Mon, 3/27 - Page Layout: Lab

  • Final project review
  • Review float + clear properties

Lab: Startup Matchmaker

Unit 2: Adding Interactivity with JavaScript

Class 08 - Wed, 3/29 - Introduction to JavaScript

Topics:

  • JS in the browser
  • Intro to programming
  • Pseudo code
  • Working locally with JavaScript
  • JS Basics, Data Types, Variables, and Functions
  • Document Querying

Class 09 - Mon, 4/3 - Javascript and the Browser

Topics:

  • Browser events: .onclick, .onmouseover, and .onmouseout
  • .innerHTML property
  • Input elements

Class 10 - Wed, 4/5 - jQuery (pt. 1)

Topics:

  • jQuery Intro
  • jQuery's CSS Selectors
  • HTML manipulation using .html()
  • The .click() method
  • The .val() method
  • Using jQuery and $(document).ready()
  • CSS manipulation using .css()

Class 11 - Mon, 4/10 - jQuery (pt. 2)

Topics:

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

Class 12 - Wed, 4/12 - Conditional Statements

Topics:

  • Conditional Statements
  • Logical Operators
  • Manipulating CSS Classes
  • Chaining Functions

Class 13 - Mon, 4/17 - Function Arguments

Topics:

  • Function Arguments
  • HTML Insertion and Removal

Class 14 - Wed, 4/19 - The Change + Submit Events

Topics:

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

Class 15 - Mon, 4/24 - jQuery Plugins + Google Maps API

Topics:

  • jQuery Plugins: Raindrops, Lightbox, and Masonry
  • Google Maps API Tutorial

Unit 3: Responsive Web Design & Advanced Topics

Class 16 - Wed, 4/26 - Responsive Web Design (pt. 1)

Topics:

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

Class 17 - Mon, 5/1 - Responsive Web Design (pt. 2)

Topics:

  • Responsive Navbar Tutorial
  • Em Typography
  • <meta> Tag

Lab/HW: Responsive Startup Matchmaker

Class 18 - Wed, 5/3 - Flexbox + Bootstrap

Topics:

  • CSS Frameworks Overview
  • Boostrap Tutorial
  • Flexbox Tutorial

Class 19 - Mon, 5/8 - CSS Positioning and Animation

Topics:

  • CSS Positioning
  • CSS Transitions
  • jQuery .animate()

Class 20 - Wed, 5/10 - Final Presentations