Compiled Learning Objectives

Rendering Data as UI

• Explain how data is rendered into a user interface

Cinema listings

• Define an acceptance criterion for building a web page
• Use a wireframe to make a basic design for the web page

Rendering one card

• Define a sub-goal for rendering data in the user interface

Composing elements

• Compose UI elements to some specification
• Append DOM elements to other nodes in the DOM tree

Creating elements with functions

• Extract functions for common tasks
• Identify benefits of using reusable functions

Creating elements with <template>

• Use template tags to simplify element initialisation
• Identify trade-offs between using functions vs template tags to create components

Reusable components

• Implement components for a user interface

One-to-one mappings

• Describe how to render a list of data

Using map

• Describe how to use map

Applying map to our problem

• Use map to render multiple film cards

[TECH ED] 📝 Code review

• Participate in a code review on a GitHub pull request
• Iterate on code in response to feedback

[TECH ED] Array Destructuring

• Use object destructuring to extract values from an object and assign them to variables in one line

[TECH ED] Technical Writing One

• Plan and author a technical document
• Edit a technical document for clarity and correctness

[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.

Teamwork Project S1

• Discuss hard and soft skills in a tech team
• Describe different roles in tech teams
• Explain the importance of agreeing on clear goals for the team