HTML

  • How the web works
  • HTML syntax
  • HTML Entities and Symbols
  • Structural HTML
  • Hyperlinks
  • Images
  • Lists
  • Tables
  • Forms
  • The Head Element
  • The DOM

CSS

  • Basic CSS
  • CSS and the DOM
  • Selectors and Inheritance
  • Text and Colours
  • Measurement Units
  • The Box Model
  • Positioning Elements
  • Images and Backgrounds
  • Lists
  • Links
  • Tables
  • Transitions, Transformations and Animation

Responsive Web Design

  • Mobile First Design
  • Responsive Design and Media Queries
  • Grid Systems
  • Flexbox
  • Responsive Images

Introduction to JavaScript

  • JavaScript Concepts
  • Adding Script
  • Browser Developer Tools
  • Declaring Variables
  • JavaScript Types

Flow of Control

  • Understanding Flow of Control
  • The IF statement
  • SWITCH Statement
  • The WHILE Loop
  • The FOR Loop

Arrays, Objects and Functions

  • What are arrays
  • Creating and Accessing Arrays
  • What are functions
  • Creating and Calling functions
  • What is scope
  • Functions and scope
  • Creating and Accessing Objects

Interacting with the Page

  • The Document Object Model (DOM)
  • Selecting Elements
  • Creating new content
  • The Style Object
  • JavaScript Event Model
  • Selecting Form Elements