Week 14

Javascript for Interactive Behavior

Intro

This week is a deep dive into writing JavaScript, which adds interactivity to your web projects.

Sync Up

• Q&A about error pages
• Individual meetings
• JavaScript tutorial wrap-up

Activities

Tutorial

Learn some basic JavaScript concepts and use them in the browser console, in a script tag and in an external JS file.

1. Remix this Glitch project
2. Follow along with the tutorial videos below
   • Intro to JavaScript
   • Writing variables
   • Using variables
   • Interacting with HTML
   • Basic logic
   • Arrays
   • Functions
   • Using JS in your projects
   • Interacting with HTML (Advanced)
   • Events

Demo

Build a small project using the JavaScript you’ve learned to date.

1. Remix this Glitch project
2. Follow along with the demo project videos below
   • Demo + Project Walkthrough
   • Project Setup + Event Listeners
   • updateCrust Function
   • updateToppings Function
   • submitOrder Function + Project Cleanup

Want to check out the final project? You can view:

• The finished page in the browser
• The project code on Glitch

Assignment

Continue work on Project 4