Lập trình JavaScript

F8 ReactJS - Học React từ cơ bản đến nâng cao

F8 ReactJS - Học React từ cơ bản đến nâng cao

Khóa học lập trình ReactJS tại F8 Fullstack, Bạn muốn học và tìm hiểu về ReactJS từ cơ bản đến nâng cao để xây dựng ứng dụng web thân thiện với người dùng

Bạn sẽ học được gì trong khóa học ReactJS

  • Tìm hiểu về khái niệm SPA/MPA trong Lập trình web
  • Tìm hiểu về khái niệm hooks
  • Tìm hiểu cách ReactJS hoạt động
  • Tìm hiểu về function/class component
  • Làm thế nào để tối ưu hiệu năng ứng dụng
  • Thành thạo làm việc với RESTful API
  • Hiểu rõ ràng Redux workflow
  • Thành thạo sử dụng Redux vào dự án
  • Biết sử dụng redux-thunk middleware
  • Xây dựng sản phẩm thực tế (clone Tiktok)
  • Triển khai dự án React ra Internet
  • Đủ hành trang tự tin apply đi xin việc

React JS là gì?

React.JS là một thư viện Javascript dùng để xây dựng giao diện người dùng phát triển bởi Facebook.

Học React JS có khó không?

Theo tôi việc học React JS khá nhanh và vui nhưng bạn cần phải có kiến thức am hiểu về JavaScript cũng như HTML, CSS

Lập trình viên Front-End ReactJS cần học gì?

React JS là một framework đơn nhất, nhưng để xây dựng được ứng dụng web SPA hoàn chỉnh, trước hết bạn cần học như sau:
 - Javascript: Bởi vì JS chính là ngôn ngữ xây dựng nên React, yêu cầu mức độ trung bình, nếu bạn chưa biết gì về JavaScrupt thì bạn nên bỏ thời gian ra học luyện các khóa học JavaScript tại đây.
- HTML/CSS: Tất nhiên rồi bởi vì nền tảng cơ bản mọi website hiện nay đều trả về HTML-CSS cho trình duyệt và người dùng
- React: Như vậy sau khi có kiến thức trên thì bạn có thể bắt tay vào học viết React RS cho Front End

Lập trình viên Back-End React JS cần học gì?

Back-End có nhiều cách để viết không nhất thiết phải viết bằng JS, Bạn chỉ cần xây dựng các API để cho phía ReactJS Frond-End gọi lấy dữ liệu.
Nếu đã biết JavaScript bạn có thể viết Back End API bằng Node JS
Hoặc viết backend bằng các ngôn ngữ Server Side như ASP.NET MVC, PHP, Java...
Sau khi biết cách xây dựng các Api từ Back-end trả về dạng JSON hoặc HTML, Text, XML - Chúng ta sẽ dùng React JS để gọi dữ liệu về Render lên website

Vậy chúng ta hãy cùng bắt đầu cùng nhau học lập trình React JS cùng với F8 nhé

Video:

Đang xem:

1. ReactJS là gì? Tại sao nên học ReactJS? 10 phút 41 giây
ReactJS là gì? Tại sao chúng ta chọn học React? Đó là 2 câu hỏi về React thường được các bạn quan tâm, mình sẽ giải đáp trong video này và trong khóa học ReactJS này nhé.
2. SPA/MPA là gì? 22 phút 19 giây
SPA hay Single-page application là gì? Ngược lại chúng ta có MPA hay Multi-page application là gì? Hãy cùng tìm hiểu SPA & MPA qua bài học thuộc khóa ReactJS
3. Arrow function trong Javascript ES6 8 phút 36 giây
Trước khi học ReactRS chúng ta ôn lại kiến thức về Arrow function trong Javascript ES6
4. Module trong javascript ES6 14 phút 49 giây
Học ôn lại Module trong javascript ES6 trước khi học chuyên sâu về ReactRS
5. Enhanced object literals trong javascript ES6 5 phút 14 giây
Tìm hiểu lại về Enhanced object literals trong javascript ES6
6. Spread trong javascript ES6 13 phút 56 giây
Tìm hiêu lại JavaScript về Spread trong javascript ES6
7. Destructuring trong javascript ES6 13 phút 19 giây
Tìm hiểu lại kiến thức JavaSCript - Destructuring trong javascript ES6
8. document.createElement() để làm gì? 10 phút 1 giây
Cùng tìm hiểu lại về JavaScript: document.createElement() để làm gì?
9. Thêm React vào Website? Github, NPMJS, UNPKG là gì? 14 phút 51 giây
Trong video này chúng ta sẽ tìm hiểu về cách một thư viện mã nguồn mở (open source) viết bởi Javascript được lưu trữ và phân phối như thế nào (thư viện React cũng không là ngoại lệ)
10. React.createElement() nữa là sao? 14 phút 30 giây
Trong bài này chúng ta sẽ cùng học về method cùng tên nhưng là của thư viện React, React.createElement(type, props, children, childrenN, ...)
11. React-DOM là gì? Tại sao cần React-DOM? 11 phút 9 giây
Qua một số bài học chắc hẳn anh em cũng nhận ra bản thân React không mang theo thành phần render UI. Bài học này giúp các bạn làm quen với thư viện React-DOM, đây chính là thành phần cầu nối giữa React và DOM, nó giúp chúng ta có thể render ra web UI từ Re
12. JSX là gì? Tại sao cần JSX? 15 phút 58 giây
JSX là gì và tại sao cần JSX? Qua những bài học trước anh em đã biết cách tạo ra React element với React.createElement() rồi đúng không? Nếu dùng cách này để code giao diện chắc chắn sẽ rất khó, chính vì vậy JSX ra đời giúp developer như chúng ta có cú ph
13. JSX render Arrays | JSX FQA 13 phút 35 giây
Một số câu hỏi thường gặp khi bắt đầu làm việc với JSX
14. React element types | React components 14 phút 12 giây
Video này chúng ta sẽ tìm hiểu cách tạo ra React components thông qua việc hiểu bản chất đó là sử dụng React.createElement với type là function/class.
15. Props là gì? Dùng props khi nào? 25 phút 41 giây
Chúng ta học khái niệm props để việc tái sử dụng trở nên có ý nghĩa - Props là gì? Dùng props khi nào?
16. DOM events? Làm việc với JSX #1 13 phút 57 giây
Cùng nhau tìm hiểu DOM events là gì, Làm việc với JSX phần 1
17. Tạo Components linh hoạt? Làm việc với JSX #2 26 phút 7 giây
Cùng nhau tìm hiểu tạo Components linh hoạt, Làm việc với JSX phần 2
18. Children props & Render props? Làm việc với JSX #3 22 phút 4 giây
Trong video này chúng ta sẽ học kỹ hơn về cách làm việc với Props (children props và render props) trong Làm việc với JSX Phần 3
19. NodeJS là gì? Tại sao phải sử dụng NodeJS? 11 phút 38 giây
Tìm hiểu về NodeJS là gì? Tại sao phải sử dụng NodeJS? Làm thế nào cài đặt Node JS trên Windows và MacOS
20. Tạo dự án với React + Webpack 31 phút 14 giây
Bài kế tiếp chúng ta sẽ học cách sử dụng công cụ "create-react-app" để tạo dự án làm việc với ReactJS. Tìm hiểu cách tạo dự án trên React JS
21. Create React App - Tạo ứng dụng React 14 phút 13 giây
Trong video này mình sẽ hướng dẫn các bạn cách tạo dự án với công cụ "create-react-app", đây là công cụ được phát triển bởi Facebook với mục đích đơn giản hóa việc tạo ra dự án với Webpack + ReactJS.
22. NPM, NPX và YARN là gì? 31 phút 31 giây
Cùng nhau tìm hiểu kỹ hơn về mấy cái tên quen thuộc như NPM, NPX và YARN trong React JS
23. CRA Folder Structure 12 phút 36 giây
Trong video này chúng ta cùng tìm hiểu về cấu trúc dự án ReactJS được tạo bởi Create React App
24. Hooks là gì? Giới thiệu React Hooks 12 phút 30 giây
Trong bài này chúng ta sẽ cùng nhau làm quen với khái niệm Hooks trong React JS
25. useState trong React hook 19 phút 50 giây
Chúng ta cùng tìm hiểu về useState trong React hook
Từ khóa:f8 reactjs, f8 reactjs, f8 react js, f8 học react, f8 học react js