Complete React.js Web Guide: From Beginner to Master

Focused View

Elina Hovakimyan

8:41:53

61 View

1. 1. Introduction

1. Introduction.mp4

02:46

2. What we will build.mp4

02:01

2. 2. React principles

1. Environment setup.mp4

02:55

2. Initialize a project.mp4

07:42

3. Typescript vs. Javascript.html

4. JSX explained.mp4

04:36

5. Basics of HTML & CSS.html

6. Understanding React Components.mp4

08:53

7.1 Thinking in React.html

7. Component Props.mp4

07:17

8. Component State.mp4

07:02

9. useEffect Explained.mp4

04:17

10.1 Github Repository.html

10. Introducing Git.mp4

11:46

3. 3. Building Landing Page

1.1 Figma Link.html

1. Figma Overview.mp4

02:06

2. Creating Header Component.mp4

17:29

3.1 Next File Conventions API Reference.html

3. File Conventions in Next.mp4

06:38

4.1 Sass in Next.html

4. Introducing SASS.mp4

07:06

5. Creating Button Component.mp4

07:31

6. Using Next Images.mp4

07:01

7. Making Layout Responsive.mp4

04:21

8. Creating Custom Hook.mp4

08:32

9. Building Responsive Header.mp4

15:23

10. Adding Highlights Section.mp4

15:10

11. Adding Map Section.mp4

11:48

12. Building Footer Part 1.mp4

15:46

13.1 Github branch.html

13. Building Footer Part 2.mp4

15:08

4. Authentication Modals

1. Building Modal Layout.mp4

06:25

2. Using React Context.mp4

09:55

3. Styling Modal.mp4

10:11

4. Building Input Component.mp4

08:16

5. Sign In Form.mp4

04:48

6. Adding Sign In Form Footer.mp4

03:43

7. Create Account Form.mp4

01:58

8. Building Checkbox Component.mp4

10:35

9.1 Github Branch.html

9. Getting Form Values.mp4

10:00

5. Website Routing

1.1 Next.js Routing.html

1. Routing in Next.js.mp4

02:36

2. Building FAQ Screen.mp4

06:16

3. Adding Links in Header.mp4

05:03

4.1 Github Branch.html

4. Adding Links in Footer.mp4

04:23

6. Building Listings Page

1. Redirecting when Authenticated.mp4

06:34

2. Implementing Tags.mp4

11:53

3. Building Card Component.mp4

10:06

4. Handling Different Card Icons.mp4

06:49

5. Handling Card Click Events.mp4

02:50

6.1 Github Branch.html

6. Filtering Listings.mp4

06:38

7. Building Settings Page

1. Building Settings Page.mp4

13:44

2.1 Github Branch.html

2. Highlighting Header Link.mp4

02:43

8. Introduction to REST APIs

1.1 Article What is REST API.html

1. REST APIs Explained.mp4

03:20

2. HTTP Methods Explained.mp4

03:10

3. Overview of Listicle API.mp4

07:14

4.1 Github Branch.html

4. Making Http Requests.mp4

12:44

9. Integrating Auth APIs

1. Authentication Form Validation.mp4

08:43

2. Error Handling.mp4

09:07

3. Storing Auth Token.mp4

07:03

4. Creating useUser Hook.mp4

07:23

5. Higher Order Component (HOC) Protected Route.mp4

10:26

6.1 Github Branch.html

6. Authentication Check Fixes.mp4

02:17

10. Service Page UIs

1. Building Service Details Page.mp4

19:25

2. Adding New Listing Page.mp4

03:24

3. Image Upload Input.mp4

03:38

4. Custom Styles for Image Uploader.mp4

13:42

5. Reusing Input and Button.mp4

07:48

6. Using Textarea.mp4

05:02

7.1 Github Branch.html

7. Using React Dropdown Package.mp4

11:06

11. Integrating Service APIs

1. Getting Services from Backend.mp4

10:57

2. Favoriting Services.mp4

04:18

3. Creating useServices Hook.mp4

05:53

4. Favorite Listings Screen.mp4

03:09

5. Adding New Listing.mp4

09:09

6. Showing My Listings.mp4

06:53

7. Deleting a Listing.mp4

03:07

8.1 Github Branch.html

8. Add Listing Flow Improvements.mp4

04:15

Description

Master core React principles with easy practical guide, incl. hooks, REST API, authentication, routing and many more!

What You'll Learn?

Create a React website from scratch
Understand the basics of Next JS
Use React Context and React Hooks
Create your own custom Hooks
Understand the basics and Integrate REST APIs in the project
Implement user authentication in the website
Fetch and show data, filter by categories
Build your own components and use open source packages

Who is this for?

Beginner developers eager to learn website development with React

What You Need to Know?

Basic knowledge of Javascript, HTML and CSS would be beneficial

More details

Description
Want to become a web developer and master one of the most popular and demanded frameworks for it? Learn everything you need to know about React.js? This course is for you!

This course covers all the topics that you need to know to build enterprise websites with all high-demand features.

Want to learn about Next.js and Routing? Covered. Learn the most important React hooks and create your own custom hooks? Sure! Use REST APIs to communicate with servers? Included. Does it include User Authentication? Of course!

We'll start by mastering the fundamentals of React, including JSX, props, state and styles. And of course, hooks will be used for the reusable functional components. We will learn the basics of git and the source code will be provided in git provided for each section, so you can follow the code there as well. The course will cover creating many different reusable components which will be reused in the website included in the course, as well as you can use them for your own personal projects later.

React.js is a great choice for developing websites as it is highly demanded in the industry and offers solutions for every kind of task. There are 20mln downloads of react framework every week!
Who this course is for:
Beginner developers eager to learn website development with React

User Reviews

Rating

average 0

Total votes0

Focused display

Hello, I am Elina! I am an enthusiastic mobile app developer with 6+ years of experience who loves working on diverse products and making the users enjoy the product more and more. I have built over 35 cross-platform mobile apps and each one is a unique experience! I am here to share my experience and enable you to make amazing apps. So go ahead and take one of my courses and start the exciting journey of a mobile app developer.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.