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

[TECH ED] 🫱🏽‍🫲🏿 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.