Week 17 and Week 18 - Browser, DOM, Events, and Storage

Week 17

Monday

• Assessment Solution Overview
• Browser Basics Objectives Extra More
• Browser DevTools Extra More
• Importing Scripts into HTML Extra More
• ES6 Module Importing/Exporting Extra More
• DOM vs. BOM Extra More
• DOM vs. BOM Quiz
• DOM Elements Extra More
• DOM Elements Quiz
• Element Selection and Manipulation Objectives Extra More
• Element Selectors Extra More

Tuesday

• Practice: Import Scripts into HTML Solution Pathing Review
• Practice: ES6 Modules Solution
• Exercise: NodeList vs. HTMLCollection Solution
• Practice: Element Selection Solution
• Add/Remove Attributes Extra More
• Add Inline-Styling with JS Extra More
• Create/Remove Elements Extra More
• Element Manipulation Quiz
• Event Handling Objectives Extra More
• What are Events? Extra More
• Add/Remove Event Listeners Extra More
• Events Quiz

Wednesday

• Practice: Create/Remove Elements Solution
• Practice: Add/Remove Event Listeners Solution
• Window Object and Debugger Long Practice Solution
• DOMContentLoaded vs. window.onload Extra More
• Event Propagation Extra More
• Default Behaviors and preventDefault Extra More
• Event Propagation Quiz
• Default Behaviors Quiz

Thursday

• Element Manipulation Long Practice Solution

Friday

• Data-Attributes on HTML Elements Extra More
• Practice: Store Data on Elements Solution
• Practice: Catstagram Solution
• Browser Storage Objectives Extra More
• Persistent Storage in the Browser Extra More
• Cookies Extra More
• WebStorage Extra More
• Persistent Storage Quiz

Week 18

Monday

• Practice: WebStorage Solution More Practice
• Practice: Cookies Solution More Practice

Tuesday

• Catstagram Again! Solution Again!
• Tic-Tac-Toe DOM Long Practice Solution

Wednesday

• Tic-Tac-Toe DOM Long Practice Solution
• Network Objectives Extra More
• MAC Addressess and Ports Extra More
• MAC Addresses and Ports Quiz
• DNS Extra More
• DNS Quiz Extra More
• Network Diagram Extra More
• Network Diagram Quiz

Thursday

• Practice Assesment JS Event Handling Practice Assessment DOM Manipulation
• Practice: Domain Name Setup More
• Monitoring Network Traffic Extra
• Cypress Not Found Cypress Trouble Shooting Cypress IO error Cypress Force Install Cypress Permissions

Friday

• Battleship DOM Long Practice Solution
• Assessment!
• Assessment! Greenlit to Graduation!