Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
React JS
The Complete React and Next JS Bootcamp 2021

The Complete React and Next JS Bootcamp 2021

Loại khoá học: Web Development

Learn the complete React JS and the Production ready framework Next JS in a single course

image
50.000 VND
1.049.000 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

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.

Bạn sẽ học được gì

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 API's with Next JS without the knowledge of Node JS

Build Hands on Projects to understand the concepts clearly

Yêu cầu

  • Java script Basics

Nội dung khoá học

28 sections

Introduction

1 lectures
Promo
08:24

React Intro

3 lectures
What is React
05:50
JSX
04:30
Components in React
09:05

Creating Our First React App

3 lectures
React - HelloWorld
05:25
Project Strcuture
10:05
Debugging of React App
05:06

Components in React

4 lectures
Components Introduction
04:32
Class Components
08:40
Functional Components
03:57
Parent and Child Compoenents
09:34

States and Props in React

4 lectures
What is a state
08:33
setState Method in class components
08:06
Props in class components
12:38
Props in functional components
07:32

Event Handling and CSS

5 lectures
Event Handling in CSS
08:39
Event Handling in Functional
08:40
Inline CSS
06:36
Local CSS
11:11
Manipulating CSS with React
12:32

Project 1

1 lectures
Counter App
13:40

React Life Cycle

1 lectures
Class Components life cycle
11:11

React Hooks

4 lectures
What is hook
07:10
useState Hook
10:49
useEffect Hook
04:29
Manipulating CSS with React
08:49

React Forms

2 lectures
Forms Introduction
14:20
Form Submission
10:35

Project 2

3 lectures
Authentication Part-1
09:18
Authentication Part-2
08:46
Authentication Part-3
12:13

React Router

2 lectures
Routing part-1
14:54
Routing part-2
15:11

Maps in React

4 lectures
Maps Introduction
03:19
Maps Part-2
07:37
Maps Part-3
06:56
Conditional Rendering
09:13

Local Storage

2 lectures
Local storage with Strings
09:54
Local storage with arrays and objects
15:16

Project 3

4 lectures
FaceBook Part-1
13:35
FaceBook Part-2
10:54
FaceBook Part-3
16:08
FaceBook Part-4
13:45

HTTP Methods

3 lectures
Fetch Method
04:50
Axios Method
05:59
Return HTML with HTTP methods
04:41

Project 4

2 lectures
Meals App Part-1
13:16
Meals App - Part-2
16:38

Next JS Intro

2 lectures
What is Next
06:03
React vs Next
15:45

Creating Our First Next App

3 lectures
Helloworld in Next JS
09:26
Next Project Structure
09:21
Next App Debugging
10:07

Next Routing

5 lectures
Routing in next js
08:24
Next Link
04:35
Next Router with Parametres
14:19
Next Router with Dynamic Parametres
06:30
Next Router Push
08:59

Layout in Next JS

3 lectures
Layouts Part-1
11:28
Layouts Part-2
09:01
Head in Next
05:11

CSS in Next

2 lectures
Global CSS
06:54
CSS Modules
11:13

Data Fetching

3 lectures
SSR Intro
11:05
Get static props
11:09
Get server side props
14:22

Project 6

3 lectures
Next Sample Project Part-1
14:58
Next Sample Project Part-2
09:33
Next Sample Project Part-3
12:30

Next API

4 lectures
Next API Intro
06:15
Next API Get Method
07:48
Next API Post Method
09:54
Next Connect
07:29

Next API with HTML Content

2 lectures
Sending API Request From Pages-1
16:10
Sending API Request From Pages-2
09:56

Next API with POSTMON

4 lectures
Next Mongo Connection
14:41
Next Mongo CRUD-Part1
12:19
Next Mongo CRUD-Part2
05:59
Next Mongo CRUD-Part3
14:35

Next JS Crud

12 lectures
Demo
04:53
Creating Layout
11:25
Designing Add Post Page
12:20
Adding hooks to add post page
04:45
Connecting to Mongo DB
08:08
Adding new post - API - Part1
14:21
Adding new post - API - Part1
07:46
Get all posts
07:40
Designing Post Item Component
07:16
Updating Posts Part-1
12:46
Updating Posts Part-2
06:28
Deleting Posts
06:34

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

Complete Ruby Programmer - Master Ruby

Complete Ruby Programmer - Master Ruby

1.099.000 VND
50.000 VND
Visual Studio Code for Developers 2023: Beginner to Advanced

Visual Studio Code for Developers 2023: Beginner to Advanced

1.499.000 VND
50.000 VND
The Complete JavaScript Course 2024: From Zero to Expert!

The Complete JavaScript Course 2024: From Zero to Expert!

185 VND
50.000 VND
The Git & Github Bootcamp

The Git & Github Bootcamp

120 VND
50.000 VND
SQL for Data Analysis: Beginner MySQL Business Intelligence

SQL for Data Analysis: Beginner MySQL Business Intelligence

1.899.000 VND
50.000 VND
Build Solutions with Power Apps, Power Automate & SharePoint

Build Solutions with Power Apps, Power Automate & SharePoint

100 VND
50.000 VND
Unity 2023 Game Development : Build 6 Games with Unity & C#

Unity 2023 Game Development : Build 6 Games with Unity & C#

79 VND
50.000 VND
The Complete 2024 Web Development Bootcamp

The Complete 2024 Web Development Bootcamp

185 VND
50.000 VND
Unit Testing for Typescript & NodeJs Developers with Jest

Unit Testing for Typescript & NodeJs Developers with Jest

100 VND
50.000 VND
Create an eCommerce Website Using Laravel (PHP & MySQL)

Create an eCommerce Website Using Laravel (PHP & MySQL)

1.049.000 VND
50.000 VND
The Freelance Stack: A real project with NextJS13 and Strapi

The Freelance Stack: A real project with NextJS13 and Strapi

50.000 VND
Time Series Analysis, Forecasting, and Machine Learning

Time Series Analysis, Forecasting, and Machine Learning

90 VND
50.000 VND
MongoDB with Java Spring Boot & Spring Framework

MongoDB with Java Spring Boot & Spring Framework

1.099.000 VND
50.000 VND
Build REST APIs with Django REST Framework and Python

Build REST APIs with Django REST Framework and Python

1.899.000 VND
50.000 VND
Svelte.js - The Complete Guide (incl. Sapper.js)

Svelte.js - The Complete Guide (incl. Sapper.js)

65 VND
50.000 VND
The Complete Cloud Computing Software Architecture Patterns

The Complete Cloud Computing Software Architecture Patterns

100 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi