Compiled Learning Objectives

User interfaces

• Define static html
• Explain why we interact with user interfaces

Implementing a character limit

• Define acceptance criteria for the character limit component

Breaking down the strategy

• Break down a problem into a series of steps

The DOM

• Define the Document Object Model

Querying the DOM

• Access elements in the DOM using selector methods

Calculating the remaining characters

• Access properties representing HTML attributes

Updating the interface

• Access and modify the textContent of a html element

Timers

• Explain how we can call functions back after a set amount of time
• Describe how to use setTimeout
• Define a callback

DOM events

• Describe an event in the browser environment
• Update the strategy for implementing a character limit component

Reacting to events

• Identify the syntactic features of a call to addEventListener
• Explain when an event listener is called

Check progress

• Use a plan to check progress in solving a problem

Refactor

• Identify and remove duplicated code

Build a quote generator app

• Develop a web app according to a specification
• Practice manipulating data in JavaScript

Build a reading list display

• Develop a web app according to a specification
• Navigate more complex data structures in JavaScript

Build a slideshow app

• Develop a web app according to a specification
• Combine concepts covered in previous exercises

Build a todo-list app

• Develop a web app according to a specification
• Update the DOM in response to input from the user

Build an alarm clock app

• Develop a web app according to a specification
• Practice working with timers in JavaScript

Group Project: Tic-Tac-Toe - Steps 7 to 10

• Merge your team’s work and resolve any conflicts
• Test a finished product against the requirements

Mandatory Sprint 3 Codewars Katas

• Practice applying concepts related to the sprint’s prep material in a kata.
• Problem solve a new coding challenge.

Mentored pair programming

• Talk aloud when thinking about a problem.
• Write code in front of someone else.
• Analyse your strategies for solving problems in code.

Stretch Sprint 3 Codewars Katas

• Practice applying concepts related to the sprint’s prep material in a kata.
• Problem solve a new coding challenge.