Class 1 – HTML

• Editor and setup to write HTML – create an html file
• Anatomy of an HTML element – opening tag, content, element, closing tag
• 4 must add tags for HTML pages: html, head, title, body
• Comments in Code <!–  –>
• Create a basic template
• Introduction to common HTML tags <h1><p><div><span>
• Self-closing tags <hr><br>
• Tag attributes (id, style, class)
• <a> anchor tag hyperlinks connecting pages
• <img> add images- self-closing tags
• Lists <li> <ol> <ul>
• tables <table><tr><td> <th>
• HTML semantic elements <nav><header><section><article><aside><footer>

Class 2 – CSS

• Google Chrome Dev Tools
• Adding Styling to HTML tags style <style> link to CSS file
• CSS rule CSS Syntax (Selector) (Declaration) {Property:value}
• Element Selection by tag name, id, class
• Comments in Code /* */  
• Colours – Colour types named colours HEX RGB RGBA
• Background – colour – image – repeat – attachment – position – background shorthand
• Box Model – Borders – Margins – Padding – Height and Width
• Text – text-align text-decoration text-transform 
• Fonts – font-style Google Fonts
• Link states – a:link a:visited a:hover a:active
• Display Properties – inline – none – block
• Max Width
• Position : static relative fixed absolute sticky
• Float and clear left right and none 
• CSS combinators for selection – space child selector >
• Pseudo-classes – :hover, :first-child, last-child, :nth-child(2)
• Pseudo-Elements – ::first-line, ::first-letter, ::after 
• CSS Grid – display: grid; grid-template-areas:
• CSS Flexbox – axis row and column

• JavaScript Introduction alert prompt
• Variables Let and Const
• Operators 
• Arrays and Objects
• Data Types
• Functions
• Conditions
• Loops Do While, For, While, for each

• Ternary operator
• String methods
• array methods
• Math Random
• Date Object
• Function arrow format
• functions scope
• Function expression vs declaration
• Function Recursion
• Function Closures
• IIFE

Class 5 – JavaScript DOM

• Element Selection
• DOM tree
• Multiple Elements selection
• Element Manipulation
• Adding event listeners
• Input Values
• Create Elements

Class 6 – JavaScript Data

• JSON – stringify and parse
• Complex JS objects arrays and objects
• Local storage
• JSON – file
• Fetch JSON
• Output JSON data to webpage

Class 7 – JavaScript Typing Game

• Create a typing game that counts the seconds it takes to type the word phrase that is displayed.  Code will check for word accuracy and time it takes displaying the results to the player.
• Array, DOM, event listeners, random, scoring, timer, logic.

Class 8 – JavaScript Shopping list

Interactive DOM based list where the user can list out items, edit items, add new items, remove items, check off items as complete.  Saves to local storage.

• The Complete Full-Stack JavaScript Course
• HTML Web Development Crash Course
• Basic HTML 5
• Fundamentals of CSS
• CSS 101
• CSS 201
• Javascript Programming for Beginners
• Java Programming: Beginners to Advanced
• CSS – Responsive Design
• Diploma in HTML for SEO and Carousel in Google
• Web Design and WordPress Training
• Javascript for Data Structures
• JavaScript Shopping Cart Course
• Learn DOM Manipulation with JavaScript