0% completed

All LessonsFree Lessons (4)

Course Overview

Course Introduction Introduction to Projects

My Todo List

My ToDo List Folder Structure Header Component Input Component Input Component Functions About Nanoid ToDoList Component Import ToDoList Component Understand localStorage Use localStorage

Course Assessment

React Fundamental Assessment

JavaScript Quiz

JavaScript Quiz

Folder Structure

Header Component

The QuestionCard Component

Use the QuestionCard Component

Result Component

Course Assessment

React Beginner Assessment

Pretty Sunny

Project Introduction

Learn About APIs

Header Component

The InputCity Component

Use InputCity Component

Use the API to Fetch Data

The ShowWeather Component Layout

Use Weather Data

Add The Dynamic Background

Add Error Handler

Course Assessment

React Intermediate Assessment

Asia Explorer

Asia Explorer Folder Structure Export Images The Header Component Shuffle the Cards The Card Component Import the Card Component

Course Assessment

Advance Level React Assessment

Personal Portfolio

Personal Portfolio File Structure Add the Header Component Add About Component Add the Skills Component Add the Project Component Add the Contact Component

Course Assessment

React Final Assessment

GitHub Readme Profile

Create a README Repository Add Introduction and Skills Add GitHub Performance Graph

Conclusion

Where to Go Next

Frontend React Developer

Creating Five Impactful Applications with ReactJS/

...

/

Header Component

Header Component

Add the header component and apply a style to it.

We'll cover the following...

Add the `Header` component

The Header component displays the app’s name on the top of the screen. We’ll name our app “Pretty Sunny” and add the heading class. This ...