Class Syllabus

Mark Harder, 13 September 2018

Overview of the Syllabus

  • Introduction to the Modern Web
  • Setting up and Using Tools
  • The Foundation is HTML, CSS, and JavaScript
  • Introduction to HTML
  • Using CSS for Layout
  • JavaScript Fundamentals
  • Frameworks
  • Planning your App (start your project)
  • Using Data and a Framework
  • Advanced JavaScript
  • Completing your Project

Introduction to the Modern Web

  • How does the internet work
  • Web pages vs Web Applications
  • State of the Software Industry

Setting up and Using Tools

  • Visual Studio Code
  • Git and GitHub

The Foundation is HTML, CSS, and JavaScript

  • HTML example
  • CSS and HTML work together
  • JavaScript is code

Introduction to HTML

  • HTML structure
  • Text, images and hyperlinks
  • Learn about more tags online

Using CSS for Layout

  • Selectors and Syntax
  • Values and units
  • Cascade and inheritance
  • Debugging in Chrome
  • CSS Grid for Layout of mobile and desktop
  • Gallery project

JavaScript Fundamentals

  • First steps and Variables
  • Control Flow
  • Functions
  • Arrays
  • Objects
  • DOM Manipulation
  • DOM Events

Frameworks

  • Why do we use a Framework?
  • Planning your App
  • Integration Testing
  • Routes and Templates
  • Model, managing our data
  • Creating Components and Helpers
  • Using Addons

Planning your App (start your project)

  • Making a plan
  • Considerations for mobile devices
  • Start with a feature
  • Automate testing
  • Code Reviews and collaboration

Using Data

  • Framework and Data
  • Firebase - cloud services and hosting
  • Users and login

Advanced JavaScript

  • Promises and Async
  • More

Completing your Project

How do I continue to learning?