Module 2: Building Web Apps

Learning Outcomes

M2.1: Use basic HTML to build websites
M2.2: Use basic CSS to style a page
M2.3: Use CSS selectors to specify display based on an elements characteristics
M2.4: Use the display and position properties to create complex layouts
M2.5: Manipulate the DOM using JavaScript
M2.6: Manipulate content and styling on the page by utilizing DOM Events and Event Listeners.
M2.7: Use Flexbox and Grid to layout a page
M2.8: Explain what happens when you type a URL into your browser and hit enter
M2.9: Request and present JSON data from a URL using Fetch
M2.10: Create Promises and explain how asynchronous code works
M2.11: Use async await to build functions with complicated asyncronousity

Lesson	Lab
1. HTML Introduction	Sundial / Recipe / Payment Form
2. CSS Introduction	Style a Personal Website
3. CSS Selectors	Style a Personal Website Part Two
4. CSS - Display, z-index, Position	Style a Personal Website Part Three
5. Combining HTML and JavaScript + DOM Introduction	Algorithm Web Apps
6. DOM Manipulation with JavaScript	Algorithm Web Apps Part Two
7. Events	To-do List
8. CSS Flexbox	Flexbox Froggy
9. CSS Grid	Grid Garden
10. The Internet	API and Status Code Scavenger Hunt
11. Promises and Fetch	Official Joke API Web App
12. Async Await	Deck of Cards API Web App

Lesson	Quiz	Lab
1. Introduction to APIs	6.2 / 6.4	API and Status Code Scavenger Hunt
2. REST and CRUD	6.2 / 6.4	Explore To-do API
3. GET requests with AJAX	6.2 / 6.4	Random Dog Image Web App