Compiled Learning Objectives

At the end of the sprint, you should be able to do the following things. Make sure to check you can do them all, and if not, go back and keep practicing until you can.

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

Do the Chrome Debugger Mini Workshop

• Learn about the debugging tools built into Chrome

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.

Share one resource to the CYF community on Slack

• Explain why you found something useful to help your learning
• Evaluate a colleague’s recommendation and give feedback

Stretch Sprint 3 Codewars Katas

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

The Brag Diary

• Reflect on your achievements so far
• Prepare for situational interview questions