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