Shurlow

Debugging

Objectives

• Identify common error types and their meanings
• Solve a bug with "wolf fencing"
• Use the VS Code debugging tools to step through code and identify bugs

Guiding Questions

Shurlow

Agile

Objectives

• Describe what Agile, Scrum and Kanban are
• Explain how Agile workflow differs from Waterfall
• Descibe the purpose of Sprint Planning, Standups and Retrospectives
• Use agile processes and tools to plan and complete projects
  • Use a feature branch workflow

Shurlow

Intervals & Timeouts

Objectives

• Describe what it means for code to be asynchronous
• Write code that is delayed a variable number of seconds

Guiding Questions

• In what order will the following console.log statements be executed? Why?

Shurlow

Local Storage

Objectives

• Describe the purpose of Local Storage
• Set and get primitive data types in Local Storage
• Describe the purpose of JSON and what it is used for
• Set and get complex data structures in Local Storage

Guiding Questions

Shurlow

Client Side Validation

Objectives

• Use built-in HTML5 validation types
• Use messages to guide the user
• Build complex validation with JavaScript

Guiding Questions

Shurlow

DOM Events

Objectives

• Explain what a DOM event is
• Attach an event listener to a DOM element
• Handle form sumbition with events
• Create a render function

Guiding Questions

Shurlow

Document Object Model

Objectives

• Describe what a DOM tree is
• Explain why a DOM tree is useful
• Use selectors to access elements
• Manipulate DOM elements

Guiding Questions

Shurlow

CSS Frameworks

Objectives

• Describe what a CSS framework is
• Explain what a CSS grid system is
• Use CDNs to install a CSS framework
• Use Boostrap to implement a dynamic layout
• Use a framework other than boostrap to implement a dynamic layout

Shurlow

Trees

Objectives

• Describe Trees using specific vocabulary
• Implement a Tree in JavaScript

Terms

• Root - node at the top of the tree.
• Parent - node above a node.

Shurlow

HTML

Objectives

• HTML is properly indented
• HTML contains a head and a body, tags are properly closed except for single tag elements, and is overall valid
• HTML relies on semantic tags
• HTML attributes and values are used to create images, links, unique ids, and inline style
• Forms are valid and includes labels with inputs, ids, and names
• Checkboxes and radio buttons are grouped and labeled