10 бесплатных онлайн-курсов по ReactJS

Question 1

Introduction to React

Answer

1. Welcome to Front-End Web Development with React.
2. How to Use the Learning Resources.
3. What is Full-Stack Web Development?
4. Exercise (Video): Setting up Git.
5. Exercise (Video): Basic Git Commands.
6. Exercise (Video): Online Git Repositories.
7. Node.js and NPM.
8. Exercise (Video): Setting up Node.js and NPM.
9. Exercise (Video): Basics of Node.js and NPM.
10. Front-end JavaScript Frameworks and Libraries Overview.
11. Introduction to React.
12. Exercise (Video): Getting Started with React.
13. React App Overview.
14. Introduction to JSX.
15. Exercise (Video): Configuring your React Application.
16. React Components.
17. Exercise (Video): React Components Part 1.
18. React Components: State and Props.
19. Exercise (Video): React Components Part 2.
20. React Components: Lifecycle Methods Part 1.
21. Assignment 1 Requirements (Video): React Components.

Question 2

React Router and Single Page Applications

Answer

1. Presentational and Container Components.
2. Exercise (Video): Presentational and Container Components.
3. React Components: Lifecycle Methods Part 2.
4. Functional Components.
5. Exercise (Video): Functional Components.
6. React Virtual DOM.
7. Exercise (Video): Header and Footer.
8. React Router.
9. Exercise (Video): React Router.
10. Single Page Applications.
11. Exercise (Video): Single Page Applications Part 1.
12. React Router: Parameters.
13. Exercise (Video): Single Page Applications Part 2.
14. Assignment 2: React Router and Single Page Applications.

Question 3

React Forms, Flow Architecture and Introduction to Redux

Answer

1. Controlled Forms.
2. Exercise (Video): Controlled Forms.
3. Exercise (Video): Controlled Form Validation.
4. Uncontrolled Components.
5. Exercise (Video): Uncontrolled Forms.
6. The Model-View-Controller Framework.
7. The Flux Architecture.
8. Introduction to Redux.
9. Exercise (Video): Introduction to Redux.
10. React Redux Forms.
11. Exercise (Video): React Redux Form.
12. Exercise (Video): React Redux Form Validation.
13. Assignment 3: React Forms and Redux.

Question 4

More Redux and Client-Server Communication

Answer

1. Redux Actions.
2. Exercise (Video): Combining Reducers.
3. Exercise (Video): Redux Actions.
4. Redux Thunk.
5. Exercise (Video): Redux Thunk.
6. Exercise (Video): React-Redux-Form Revisited.
7. Networking Essentials.
8. Brief Representational State Transfer (REST).
9. Exercise (Video): Setting up a Server using json-server.
10. Promises.
11. Fetch.
12. Exercise (Video): Fetch from Server.
13. Exercise (Video): Fetch Handling Errors.
14. Exercise (Video): Fetch Post Comment.
15. React Animations.
16. Exercise (Video): React Animations.
17. Exercise (Video): React Animation Components.
18. Assignment 4: Redux, Client-Server Communication and Fetch.
19. Introduction to Webpack.
20. Exercise (Video): Building and Deploying the React Application.

Question 5

Modern Javascript

Answer

1. Modern JavaScript.
2. Creating variables using const.
3. Creating variables using let.
4. Template strings.
5. Default parameters.
6. Arrow functions.
7. Arrow functions and this keyword.
8. Destructuring object.
9. Destructuring array.
10. Restructuring.
11. Spread and rest operators.
12. Class constructor super.

Question 6

React JS

Answer

1. Installing react.
2. React files and folders introduction.
3. Storing data in component state via ajax call.
4. Rendering state data using map.
5. Conditional rendering.
6. Imports exports props.
7. Handling click events.
8. Destructuring inline styling and keys.

Question 7

React Hooks

Answer

1. React Hooks.
2. Why we used class components?
3. Counter app using class.
4. useState hook.
5. useEffect hook.
6. News app using hooks.
7. Search news on input change.
8. Controlling useEffect's behaviour.
9. Loading.
10. Code Organization.

Question 8

Bonus Lectures

Answer

1. 10 Full Stack Course That Will Change Your Life.

Question 9

Introduction

Answer

1. Creating your first React App.
2. NPX create react app explained.
3. React Components.
4. Using State Hooks.

Question 10

Build a Mobile menu

Answer

1. Yarn and NPM commands.
2. Add Tailwind CSS to your React Application.
3. Create a menu component.
4. Animate the menu component.
5. How to apply what you have learned in this section.

Question 11

React Router

Answer

1. Managing Routing with React Router.
2. How to apply what you have learned in this section.

Question 12

Fetch Data from an API

Answer

1. Fetching data from an API, and using using route params in React router.
2. Showing a CSS loader for HTTP requests and handle errors on failed requests.
3. Fetching a list of data.

Question 13

Custom React Hooks

Answer

1. Create a custom React Hook.

Question 14

Introduction

Answer

1. About this course.
2. Course files.
3. Change the speed of videos.

Question 15

Things you need to know about ES6

Answer

1. What are ES6 and ES7.
2. Where to practice.
3. Classes.
4. Let and Const.
5. For of loop.
6. Template strings.
7. Getters and setters.
8. Arrow functions.
9. New array methods.
10. Inheritance.
11. Modules.
12. Destructuring.
13. Spread operator.
14. Promises.
15. Es6 cheatsheet.

Question 16

Basic preparations and knowledge

Answer

1. Installing required softwares.
2. Create your first app.
3. A tour around the project.

Question 17

Rock the React.js

Answer

1. What is a component.
2. Add external libraries like bootstarp.
3. React Developer Tools.
4. Rendering a list.
5. Component properties.
6. Typechecking with propTypes.
7. Stateless components.
8. State of a component.
9. Component's lifecycle.
10. Http service.
11. Routing.
12. Build your application.

Question 18

Good Bye

Answer

1. Good bye.

Question 19

More to know

Answer

1. Share data between components.

Question 20

Introduction

Answer

1. Introduction to the course.
2. Installing the prerequisites.
3. Why and What is React?
4. Creating the first React App
5. What is JSX?
6. Setting up the JSX template.
7. Planning the website.

Question 21

To-Do List App

Answer

1. Initial setup of the project.
2. Adding the title and background.
3. Creating a component.
4. Default Vs Named exports.

Question 22

React Hooks

Answer

1. Introduction.
2. Hooks and Functional components.
3. Working with useState Hook.
4. Working with useState Hook-Part 2.
5. How to work with eventListeners?

Question 23

Finishing the To-Do List App

Answer

1. Adding the list items to an array.
2. What is a prop?
3. Modern Javascript ES6: Map function.
4. Displaying the list items.
5. How to delete an item from the list?

Question 24

Deploying the Project

Answer

1. Generating a production build.
2. Deploying in a temporary url.
3. Final Touch.

Question 25

Final Module

Answer

1. Message from the Instructor.

10 бесплатных онлайн-курсов по ReactJS

1. «Уроки React JS» от itProger

Кто проводит курс

2. «Приложение на React» от itProger

Кто проводит курс

3. «React JS — путь самурая 1.0» от Дмитрия Кузюбердина

Кто проводит курс

4. «Front-End Web Development with React» от Гонконгского университета науки и технологий

Кто проводит курс

5. «React JS Frontend Web Development for Beginners» от Райана Дангела

Кто проводит курс

6. «Build your first React JS Application» от Квентина Уотта

Кто проводит курс

7. «React.js Quick Start» от Сепехра Эсмаэйли

Кто проводит курс

8. «React — The Beginner’s Course 2021» от Антона Франциса Джеейо

Кто проводит курс

9. «Уроки React JS для начинающих» от Алексея Супруна

Кто проводит курс

10. «Основы React.JS» от Ильи Кантора

Кто проводит курс