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

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