Week 1: Introduction to Web Application Development

Expectations

• Familiarize yourself with the course: Course Information and Course Schedule

• Read Introduction to Web Application Development

• Attend your first class to meet the instructor and your classmates

• Start and complete Week 1 Assignment

Optional

• Explore the Project Showcase to see what former students have built in this course
• If needed, read Refresher on HTML, CSS, and JavaScript
• Explore References

Slides

Slide controls: use arrow keys to navigate, press ? for help, press f to toggle fullscreen, o for overview mode.

Lab Activity: Bughunt Planning 30 minutes

This is a pair code brainstorming activity

Setup

• Organize yourselves into groups of 2-3
• Everyone will download the starter code (opens in a new tab) for assignment 1
• Review the instructions and identify objectives that are unclear or reference unknown terms
• Either create a tasks.md file or Tasks heading (or something similar) to the README

Activity

• Walk through the code together and identify bugs, issues, or incomplete code
  • Visually review using liveserver extension
  • Step through the code, 1 file at a time
  • take notes on what's wrong and why
    • If you see a clear quick fix, write it down for later
• Collaboratively Review the javascript file
  • consider what is required for each objective (outcome)
    • write this down in your markdown file
    • document terms, functionalities, or anything that will require research
  • in the js file, use comments to plan out how you would implement the functionality
  • Your approach will be written and determined individually, however it should be informed by your discussion with one another
• Upon completion, you've now created an action plan for assignment 1

Outcome

• A set of notes that you can use as or convert to a checklist
• Clear objectives for the functionality written in your own terms
• Logic planning for the javascript functionality