The Complete React and Next JS Bootcamp 2021

The Complete React and Next JS Bootcamp 2021, available at $69.99, has an average rating of 4.6, with 91 lectures, based on 14 reviews, and has 112 subscribers.

You will learn about Build Single Page Front End Applications Learn how components play a crucial role in React Different types of components and their importance React Hooks , useState and useEffect Understanding the difference between Client side rendering and Server side rendering Creating APIs with Next JS without the knowledge of Node JS Build Hands on Projects to understand the concepts clearly This course is ideal for individuals who are Javascript Developers or Fullstack Developers or Front End Developers It is particularly useful for Javascript Developers or Fullstack Developers or Front End Developers.

Enroll now: The Complete React and Next JS Bootcamp 2021

Summary

Title: The Complete React and Next JS Bootcamp 2021

Price: $69.99

Average Rating: 4.6

Number of Lectures: 91

Number of Published Lectures: 91

Number of Curriculum Items: 91

Number of Published Curriculum Objects: 91

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Build Single Page Front End Applications

Learn how components play a crucial role in React

Different types of components and their importance

React Hooks , useState and useEffect

Understanding the difference between Client side rendering and Server side rendering

Creating APIs with Next JS without the knowledge of Node JS

Build Hands on Projects to understand the concepts clearly

Who Should Attend

Javascript Developers

Fullstack Developers

Front End Developers

Target Audiences

Javascript Developers

Fullstack Developers

Front End Developers

React is a free and open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

Next.js is an open-source development framework built on top of Node.js enabling React-based web applications functionalities such as server-side rendering and generating static websites.

Topics you gonna cover in this course.

React Introduction

How To Create a new React Application

Components and Different types of Components

Components Structure and Life Cycle

How to handle events in React

Applying styles to React JS Components

React Hooks

Forms and Form Submissions

Routing in React

Controlling one component from another Component with the help of Context-API

Connecting React Applications to Back-End and build complete full-stack Applications

React vs Next

Creating Single Page Applications

Client-Side Rendering

Server-Side Rendering

Creating Layouts

Create REST API’s without Node, Express

Routing in Next JS

Connecting Databases (Mongo DB) to NEXT JS

Performing API requests with Postman to Next API’s

CSS Modules in Next JS

3 Live and Hands-On Projects

Deploying Next App to Vercel

Q/A Support

By the end of this course, you will know how to create a full-stack web application with NEXT JS.

React allows you to build things the way you want and is supported by a strong community. Next. js makes your life easier with several tools and conventions available out of the box, and it is also supported by a very active open source community. In terms of tooling, both React and Next.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Promo

Chapter 2: React Intro

Lecture 1: What is React

Lecture 2: JSX

Lecture 3: Components in React

Chapter 3: Creating Our First React App

Lecture 1: React – HelloWorld

Lecture 2: Project Strcuture

Lecture 3: Debugging of React App

Chapter 4: Components in React

Lecture 1: Components Introduction

Lecture 2: Class Components

Lecture 3: Functional Components

Lecture 4: Parent and Child Compoenents

Chapter 5: States and Props in React

Lecture 1: What is a state

Lecture 2: setState Method in class components

Lecture 3: Props in class components

Lecture 4: Props in functional components

Chapter 6: Event Handling and CSS

Lecture 1: Event Handling in CSS

Lecture 2: Event Handling in Functional

Lecture 3: Inline CSS

Lecture 4: Local CSS

Lecture 5: Manipulating CSS with React

Chapter 7: Project 1

Lecture 1: Counter App

Chapter 8: React Life Cycle

Lecture 1: Class Components life cycle

Chapter 9: React Hooks

Lecture 1: What is hook

Lecture 2: useState Hook

Lecture 3: useEffect Hook

Lecture 4: Manipulating CSS with React

Chapter 10: React Forms

Lecture 1: Forms Introduction

Lecture 2: Form Submission

Chapter 11: Project 2

Lecture 1: Authentication Part-1

Lecture 2: Authentication Part-2

Lecture 3: Authentication Part-3

Chapter 12: React Router

Lecture 1: Routing part-1

Lecture 2: Routing part-2

Chapter 13: Maps in React

Lecture 1: Maps Introduction

Lecture 2: Maps Part-2

Lecture 3: Maps Part-3

Lecture 4: Conditional Rendering

Chapter 14: Local Storage

Lecture 1: Local storage with Strings

Lecture 2: Local storage with arrays and objects

Chapter 15: Project 3

Lecture 1: FaceBook Part-1

Lecture 2: FaceBook Part-2

Lecture 3: FaceBook Part-3

Lecture 4: FaceBook Part-4

Chapter 16: HTTP Methods

Lecture 1: Fetch Method

Lecture 2: Axios Method

Lecture 3: Return HTML with HTTP methods

Chapter 17: Project 4

Lecture 1: Meals App Part-1

Lecture 2: Meals App – Part-2

Chapter 18: Next JS Intro

Lecture 1: What is Next

Lecture 2: React vs Next

Chapter 19: Creating Our First Next App

Lecture 1: Helloworld in Next JS

Lecture 2: Next Project Structure

Lecture 3: Next App Debugging

Chapter 20: Next Routing

Lecture 1: Routing in next js

Lecture 2: Next Link

Lecture 3: Next Router with Parametres

Lecture 4: Next Router with Dynamic Parametres

Lecture 5: Next Router Push

Chapter 21: Layout in Next JS

Lecture 1: Layouts Part-1

Lecture 2: Layouts Part-2

Lecture 3: Head in Next

Chapter 22: CSS in Next

Lecture 1: Global CSS

Lecture 2: CSS Modules

Chapter 23: Data Fetching

Lecture 1: SSR Intro

Lecture 2: Get static props

Lecture 3: Get server side props

Chapter 24: Project 6

Lecture 1: Next Sample Project Part-1

Lecture 2: Next Sample Project Part-2

Lecture 3: Next Sample Project Part-3

Chapter 25: Next API

Lecture 1: Next API Intro

Lecture 2: Next API Get Method

Lecture 3: Next API Post Method

Lecture 4: Next Connect

Chapter 26: Next API with HTML Content

Lecture 1: Sending API Request From Pages-1

Instructors

K.Sathyaprakash Reddy
Full Stack Developer

Rating Distribution

1 stars: 0 votes

2 stars: 1 votes

3 stars: 0 votes

4 stars: 3 votes

5 stars: 10 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!