Trang chủ

Other IT & Software

Front End Web Development

React and Flux Web Development for Beginners

React and Flux Web Development for Beginners

Loại khoá học: Other IT & Software

The comprehensive guide to building professional web apps with Facebook's React & Flux

50.000 VND

429.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

Mô tả

React & Flux Course Description

Welcome to React and Flux Web Development for Beginners.

This course is designed for developers who know basic HTML and CSS but who want to take their skills to the next level by building data-driven web apps - the kind of apps that can be used for products or startups and the type of apps that can interact with servers.

The course is also for developers of any level who want to know and master React and Flux.

Why React?

Why should you learn React js instead of Angular or Backbone or Ember or Meteor? One reason is because React is incredibly minimalistic. It focuses on reusable view components. Never have to copy and paste code again with React. Then take the Reflux design architecture and mix it with React js and you have a full-stack front-end solution that is very lightweight. Frameworks like Angular do a LOT of things, are very heavyweight, and have steep learning curves. Why use a framework that gives you stuff you don't need in every project?

React was created by Facebook, designed incredibly well, and makes fantastic data-driven websites. React Flux is a powerful combination.

React & Flux Course Content

You are going to learn a lot in this course. Here are some of the topics we cover:

React Components and component nesting
React Component user interaction with states
React Component data management with props
Robust architectures with Flux and Reflux
Building simple Node & Express servers
Making HTTP requests and managing data in React
In-line React styling with Javascript
Parsing and managing JSON in React
Single page applications with React Router
Javascript overview
Professional development practices and tips

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

Build reusable web components with React & flux

Build simple Node & Express servers to work with React

Use Flux & Reflux to manage your data in React

Make HTTP requests in React & Flux

Build React websites that can work with data (ie for startups or products)

Yêu cầu

This React course can be taken on Windows, Linux, or OSX (Mac)

Nội dung khoá học

6 sections

React Course Overview

1 lectures

Intro to React Course

01:38

Free Bonus Content - Javascript Basics (React pre-requisites)

10 lectures

Javascript Resources (React pre-requisite)

04:23

Installing NodeJs (React pre-requisite)

07:50

Javascript Strings (React pre-requisite)

09:58

Javascript Conditionals (React pre-requisite)

06:29

Javascript Numbers (React pre-requisite)

07:54

Javascript Loops & Arrays (React pre-requisite)

05:51

Javascript Objects (React pre-requisite)

14:35

Javascript Bind (React pre-requisite)

08:32

NPM readline-sync (React pre-requisite)

05:40

Exercise - Node Calculator (React pre-requisite)

00:20

Intro to React

23 lectures

Set up Atom IDE for React development

03:21

Mac Error: -bash: atom: command not found

00:08

Installing NodeJs for React development

03:24

Node basics & npm for React development

09:24

Node module exports

06:01

Exercise: Working with multiple files in Node

00:19

React tooling overview

08:03

Building a React skeleton app with Watchify, Babelify, & Node

33:28

Exercise: Your own skeleton app

00:08

Designing your React app with Components

08:26

React App: Your first React application - Ingredients

38:03

Bootstrap Overview

11:04

Bootstrap Grid System

23:23

React App: Ingredients - CSS & React Inline Styling Part 1

20:02

React App: Ingredients - CSS & React Inline Styling Part 2

11:22

Exercise: Components, panels, and the grid

00:22

Exercise Student Solution

00:03

Using React without NPM

09:30

How react works & thinking in React

09:12

Exercise: React project skeleton from memory with Node

00:09

React Chrome developer tools

08:35

Important notes about React

00:13

Quiz: React Basics

7 questions

Moving Forward With React

10 lectures

Event system in React

04:24

Multiple pages with React Router

23:13

React Router hash

07:08

Exercise: Country News

01:00

Problems mixing React and other frameworks (like Angular)

09:20

Comments in JSX & React

03:43

Forms in React

28:37

Forms in React Part 2 - Working with refs

20:05

Exercise: Simple React calculator

00:22

Exercise React Student Solution

00:03

HTTP Requests, React Flux & Reflux

13 lectures

Setting up a simple Node & Express test server for React

09:35

How web requests work

18:02

Using Postman to test APIs

06:06

Javascript Bind

08:32

HTTP Requests with Fetch

24:42

Exercise: Weather App API With React

00:27

Exercise React Student Solution

00:04

Understanding React Flux

25:30

A better way with React Reflux

06:05

React & Reflux - Actions & Stores

21:12

React & Reflux: Stores, Listeners & Triggers

15:33

React & Reflux: Modifying data

19:06

React Pokedex

01:15

Putting Theory Into Practice - A Better React Developer

6 lectures

Setting up the React project

05:41

Building a reuseable navigation bar with React

38:19

Creating a link hover effect on the navigation bar with State

12:01

React Router, route params, getting updated props

33:18

React Lead capture form with dynamic UI

18:03

Flux, Reflux, and connecting the lead capture form in React

23:06

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

Email

Nội dung

Khoá học liên quan

The Complete UML Course (2024): Learn to Design UML Diagrams

The Complete UML Course (2024): Learn to Design UML Diagrams

Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

Build Undetectable Malware Using C Language: Ethical Hacking

Build Undetectable Malware Using C Language: Ethical Hacking

Đă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