Tasks

Library:ReactVue

All the tasks of the course in one place, by module. Each one leads to the lesson that explains what you need.

Tasks from the lessons

HTML: the structure of a page

• The HTML document
• Text, links, images, tables
• Forms
• Accessibility

CSS: how the page looks

• Selectors and the cascade
• The box model
• Flexbox: row and column
• Grid: rows and columns
• Responsive design

JavaScript in the page

• The DOM: the page from JavaScript
• Events
• A list from data
• Data from an API

Components

• The first component
• Props: data from above
• Lists and keys
• Conditions: empty, error, loading

State

• State
• Updating objects and arrays
• Derived state
• Lifting state up

Effects, data and forms

• Effects
• Data from an API in a component
• Forms in a component
• Shared state

A whole app

• Routing
• Speed: when a component renders again
• Testing components
• From the sandbox to a project

Project: the shop front

• The shop front
• The shop front
• The shop front
• The shop front
• The shop front