Compiled Learning Objectives

Recap HTML and CSS

• Name 3 HTML tags
• Define semantic HTML
• Identify selectors, properties and values of CSS

What is HTML?

• Define HTML, tags, and nesting
• Explore the semantics of HTML
• Analyse the role of HTML in the browser

Prep Transferable Skills

• Analyse your previous job/education experience to identify the skills you can reuse as a developer

Prep for Feedback

• Explain each type of feedback in 3 sentences

Devtools Workshop

• Inspect the DOM
• Identify the values of design tokens in the CSS
• Alter the values of the CSS Variables using DevTools

• Select the Grid Badge in the Elements panel
• Use the Grid Editor to change layout

• Run a Lighthouse audit
• Identify and resolve the reported issues

• Find the MDN docs links in the Styles panel
• Ask ChatGPT to explain the Devtools explanation

• Find a different API using the same code
• Inspect the Accessibility Tree and compare it to the DOM

Transferable skills

• In 5 sentences explain why transferable skills are important when becoming a Software Developer
• Apply the skill by providing constructive feedback on a peer’s transferable skills text

Feedback

• Give 3 examples of positive and negative feedback

Pairs for next week

• Update and share a Google sheet with your peers
• Identify your pair for the following week