Compiled Learning Objectives

💻 User interfaces

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

🛑 Implenenting 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

🎡 Morning orientation

• Introduce and welcome new volunteers
• Nominate a timekeeper
• Check the morning day plan and group structures

🧰 Workshop Activity

• Apply concepts from study to a practical example
• Work together on exercises and activities to find gaps in understanding
• Describe and resolve mental model errors

Study Group

• Resolve blockers in your coursework
• Express and resolve problems effectively by writing tickets and asking questions
• Give and receive code review
• Develop your personal portfolio
• Pair programme
• Evaluate your progress with peers and mentors