Mô tả

UPDATE: React Router version 4 videos are now added.

Hi and welcome to react JS course

React is a library by Facebook to create web applications that are fast, modular and everything can be done with just Javascript.

Now, before you get bore with this text, as you are a video learner, let me talk about projects of this course.

This course will first cover local installation and react basics. After that we will create 10 projects.

  • Project 1 - Create react app manually.
  • Project 2 - Converting a simple Blog into react components
  • Project 3 - Timer App
  • Project 4 - Sales cart in Single Page Application
  • Project 5 - Usurvery with Firebase database
  • Project 6 - Firebase Login Setup
  • Project 7 - Google Sign in with Firebase
  • Project 8 - Reddit API with axios 
  • Project 9 - Auth0 login System
  • Project 10 - Github API with Fetch and Auth0 login system

Ideal student for this course:

This course is perfect for someone who has little knowledge of HTML, CSS and Javascript. We are not saying that you need to be guru of javascript but little concepts like Loops and functions should be familiar to you. If you know ES6 that’s great, if not, don’t worry, ES6 is also covered in this course.

React is having very high demand in market. One of the top most searched subject on stack overflow. Most of high performance apps are created using react. If you want to stand apart from react, for sure you need to get familiar with react.

Also, if you are looking to move in react-native app development, that path goes with react js. Once you are familiar with concepts like JSX, props and states; same concepts are applied in react native too. And moving into react-native would be just a piece of cake.

Still, thinking about taking this course or not, we highly recommend to check a few projects mentioned in course introduction and free preview.

See you inside the course !

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

Create web apps in react js

Learn about components, props, states and component life cycle methods

Create web apps that use firebase as login and database

Create web apps with Google login feature

Create web Apps with Auth0 login systems

Create web apps that use web API like reddit and github

Build 10 unique projects to build a solid profile in react js

Learn modern Javascript AKA ES6

Yêu cầu

  • Basics of HTML
  • Basics of CSS
  • Basics of javascript like creating functions and loops
  • ES6 is NOT REQUIRED, it's covered in course

Nội dung khoá học

10 sections

Reactjs Introduction

4 lectures
Introduction to the course
04:04
Mindset to learn reactjs
03:40
Our first virtual Hello World in reactjs
12:37
Setting Reactjs in local environment
14:00

Getting the basics of Reactjs right

8 lectures
What we will do in section 2 - Intro
02:37
Github repo for React course is here
00:02
Get all course codes and exercise files here
00:02
Understanding reactjs App
06:54
Creating our first react component
07:45
Importing components from other files
07:48
Calling functions in components
07:58
Virtual DOM in reactjs
10:28

Props, state and component life cycle in reactjs

7 lectures
What we will do in section 3 - Intro
03:06
Props in reactjs
11:53
props types in react js
07:35
States in react js
11:09
Components life cycle part 1
13:16
Components life cycle part 2
06:58
Project 1 - Create react app manually and understanding it
21:36

3 Projects and routers in react JS

12 lectures
What we will do in section 4 - Intro
03:57
First Blog App - setting structure
14:36
First blog App - breaking down components
11:52
Timer App part 1 in react js
08:40
Timer App part 2 in reactjs
09:31
Course sales app - part 1 - setup
09:23
Course sales App - part 2 - getting courses
12:24
Course sales App - part 3 - logic for selecting courses
12:15
UPDATE - React router 4.x.x walk through
14:00
React router baiscs
09:10
Creating first route and link
08:39
Route inside a route
12:37

3 projects - Firebase with React js

13 lectures
What we will do in section 5 - Intro
03:20
Usurvey App -setting up firebase
10:27
Setting input form to ask name
12:06
setting if else condition
09:31
displaying questions for students
11:13
handling questions with state
07:24
saving everything to firebase and finish it
08:11
Firebase Login App - Setting app structure
13:31
Firebase Login App - Setting up login calls
09:42
Firebase Login App - Setting up signup calls
12:36
Firebase Login App - logout the user
09:12
Google Sign In - setting up button
06:56
Google Sign In - sign in with popup
10:35

3 projects with Auth0, Reddit API and github API

12 lectures
What we will do in section 6- Intro
03:06
API basics - setting up project
08:28
API basics - getting subredit from JSON
11:58
Github searcher - setting headers
16:37
Github Searcher - showing login and signup popups
14:27
setting user token and profile
09:29
passing components to header for logout
14:08
logout applied and clearing local storage
04:04
fetching Github API with Fetch
15:04
Handling search from github
09:23
showing profiles of users
13:52
Setting Environment for ES6
05:41

OPTIONAL - ES6 Bootcamp

8 lectures
Let and const keyword with caution
06:57
arrow functions in ES6
10:34
THIS keyword is now fixed
07:15
Code Hoisting and default parameters
07:53
Dynamic Object creation
07:55
For of loop - Best of all
04:25
Super dots in ES6
07:51
Setup and import exports
13:56

OPTIONAL - ES6 Bootcamp Beyond basics

9 lectures
exporting functions
05:46
importing everything from files
07:45
MAPS - complete guide
11:16
SET in ES6 - marvel universe
07:24
Static function and getters and setters in ES6
09:31
Symbols in ES6
09:34
Classes in ES6
08:15
Introduction to promises in ES6
11:28
Web request using promises
10:44

See you next time - Farewell

1 lectures
Farewell
00:09

After launch updates

2 lectures
Project 11 - Complete youtube video fetching app
39:06
Redux Fundamentals - as easy as possible
21:40

Đá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?

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.