Shurlow

Linked Lists

Objectives

• Describe how objects are stored in memory
• Diagram how objects that refer to other objects are stored in memory
• Create a Node class that can hold referential information (nested data)
• Implement a SinglyLinkedList class that stores a list of Nodes
  • push: adds a new Node to the end
• pop: removes a Node from the end

Shurlow

Responsive Design

Objectives

• Explain what responsive design is
• Use media queries
• Use CSS Grid
• Build responsive webpages with CSS

Guiding Questions

Shurlow

Test Driven Development

Objectives

• Explain what Unit Tests, Integration Tests and End-to-End tests are
• Write unit tests for a given problem
• Build a tested function with TDD
• Describe the difference between TDD and BDD

Terms

• Unit Test

Shurlow

Functions

Objectives

• Define what a function is
• Identify the syntax/terms of functions
• Write Functions with 0, 1, and 2+ parameters
• Describe function execution order
• Invoke Functions as Expressions

Shurlow

React + API

• Describe what causes a react component to re-render
• Explain what component lifecycle methods are
• Connect a component to an API
  • Retrieve data
  • Post new data

When does a react component render?

Turn to your neighbor and discuss how react components render. What causes a component to update (re-render)?

Shurlow

React Components

• Describe what a component is
• Identify componets of a website
• Functional vs Class Components
• Component composition
• Props
• JSX mapping over collection

Describe & Identify Components

Shurlow

Stacks and Queues Instructor Notes

Objectives

• Describe what a stack is
• Define methods on a stack
• Implement push method on a stack
• Describe what a queue is
• Define methods on a queue
• Implement enqueue method on a queue

Shurlow

Custom Data Structures

Objectives

• Explain what a data structure is
• Use JavaScripts Map data structure
• Use JavaScripts Set data structure
• Build a custom data structure

Explain what a data structure is

Shurlow

CSS Layout Notes

Objectives

• Use display properties to create dynamic layouts
• Use flebox properties to create dynamic layouts

The display property

Most commmon values include:

• block

Shurlow

this keyword

Objectives

• Explain the difference between a function and a method
• Create basic objects with methods
• Explain what the this keyword is
• Use call/bind to mantain this context
• Use es6 arrow functions to preserve this context

Guiding Questions