Hướng Dẫn Học React.js

Hướng dẫn học React.js

• Trang chủ
• Hướng dẫn học
• Hướng dẫn học React.js

React.js

Hướng dẫn học React.js, nội dung bài học đơn giản, khoa học giúp bạn cài đặt, làm quen với các nội dung của React.js một cách nhanh chóng và dễ hiểu nhất.

Kiển thức về ES6

React sử dụng phiên bản Javascript - ES6, do đó chúng ta cũng cần biết qua về ES6.

Phần này sẽ giới thiệu cho các bạn ES6 là gì, những thay đổi trong ES6 so với các phiên bản trước.

• ES6 là gì? cho bạn biết về ES6 và cách cài đặt.
• ES6 - variables phân biệt var - let - const.
• ES6 - default parameters cách khai báo tham số mặc định.
• ES6 - spread syntax sử dụng cú pháp "lây lan".
• ES6 - rest parameters khai báo và sử dụng các tham số còn lại.
• ES6 - destructuring tùy biến giá trị array hay object.
• ES6 - arrow function cách viết function mới theo mũi tên.
• ES6 - classes cấu trúc và cách sử dụng.
• ES6 - export & import xuất và lồng các file Javascript.

Cài đặt và các khái niệm

• React.js là gì? - giúp bạn hiểu được React.js có thể làm gì.
• Cài đặt React.js - hướng dẫn cài đặt từ con số 0.
• Render HTML - xuất nội dung file HTML.
• Cấu trúc JSX - xử lý cấu trúc HTML trong React.js.
• React.js Component - cho biết component là gì, cách hoạt động.
• React.js Props - cho biết props là gì, dùng trong trường hợp nào.
• Props - xử lý data - cách xử lý dữ liệu với props.
• Props- liên kết data trong Component - cách xử lý dữ liệu giữa các component.
• Props với function arrow - cách viết một props theo function arrow.
• Props với Classes - cách viết một props theo classes.
• React.js State - hiểu và biết cách hoạt động của state.
• Component - setState - Cập nhật dữ liệu với setState.
• Component - lifecycle - xây dựng một vòng đời cho component.

Xử lý

• React.js xử lý sự kiện - thao tác với <button> và liên kết <a>.
• React.js xử lý form - hướng dẫn thao tác với thành phần form đơn giản.
• React.js xử lý form kết hợp - hướng dẫn thao tác khi kết hợp các thành phần form với nhau.
• React.js - render có điều kiện - xử lý điều kiện bên trong một render.
• React.js - từ array tới list - tạo danh sách từ dữ liệu mãng.
• React.js - list và key - cho biết key trong react là gì.
• React.js - nhúng map() vào JSX - sử dụng map() bên trong cấu trúc JSX.
• React.js - state với map() - áp dụng map() để list một mãng với state.
• React.js - setState với map() - áp dụng map() để cập nhật mãng với setState
• Project với Component - xử lý Component trong project thực tế.
• Project với Props - xử lý Props trong project thực tế.
• Project với State - xử lý State trong project thực tế.

Thao tác dữ liệu

• React.js - Express - API - Hướng dẫn tạo API với Express.
• React.js - Server & Client - Hướng dẫn liên kết API với project React.
• React.js - MySQL - Xử lý view dữ liệu thông qua API.
• React.js - xử lý insert - Xử lý thêm dữ liệu.
• React.js - xử lý update - Xử lý cập nhật dữ liệu.
• React.js - xử lý delete - Xử lý xóa dữ liệu

React.js UI Components thông dụng

• Atlaskit
• Prime React
• MATERIAL-UI
• Evergreen
• UI Components khác

Bắt đầu học reactjs thôi

Học web chuẩn

HƯỚNG DẪN HỌC

Hướng dẫn học ES6

• ES6 là gì?
• ES6 - variables
• ES6 - default parameters
• ES6 - spread syntax
• ES6 - rest parameters
• ES6 - destructuring
• ES6 - arrow function
• ES6 - classes
• ES6 - export & import

Cài đặt và các khái niệm

• React.js là gì?
• Cài đặt React.js
• Render HTML
• Cấu trúc JSX
• Component
• React.js Props
• Props - xử lý data
• Props- liên kết data trong Component
• Props với function arrow
• Props với Classes
• React.js State
• Component - setState
• Component - Lifecycle

Xử lý

• React.js xử lý sự kiện
• React.js xử lý form
• React.js xử lý form kết hợp
• React.js - render có điều kiện
• React.js - từ array tới list
• React.js - list và key
• React.js - nhúng map() vào JSX
• React.js - state với map()
• React.js - setState với map()
• React.js project với Component
• React.js project với Props
• React.js project với State

Thao tác dữ liệu

• React.js - Express - API
• React.js - Server & Client
• React.js - MySQL
• React.js - xử lý insert
• React.js - xử lý update
• React.js - xử lý delete

UI Components thông dụng

• Atlaskit
• Prime React
• MATERIAL-UI
• Evergreen
• UI Components khác

Hướng dẫn học XHTML & HTML5

Bài tập HTML & HTML5

Hướng dẫn học CSS

Hướng dẫn học CSS3

Bài tập CSS & CSS3

Hướng dẫn học SCSS

Hướng dẫn học Responsive

Hướng dẫn học jQuery

Bài tập jQuery

Hướng dẫn học ES6

Hướng dẫn học React.js

Hướng dẫn học Webpack

Hướng dẫn XAMPP

Hướng dẫn học PHP

Hướng dẫn học Laravel

Hướng dẫn học htaccess

THAM KHẢO

• Tham khảo
• Tham khảo HTML4/XHTML
• Tham khảo HTML5
• Tham khảo CSS
• Tham khảo CSS3
• Tham khảo jQuery

CHUYÊN ĐỀ

• Chuyên đề
• Chuyên đề HTML/CSS
• Chuyên đề HTML5/CSS3
• Chuyên đề jQuery/JS
• jQuery/JS plugin

GÓP Ý - LIÊN HỆ

• BẠN SẼ TÀI TRỢ?DONATE
• CÔNG CỤ TẠO CSS3CSS3 GENERATOR
• BỘ CÔNG CỤGENERATOR TOOLS
• CÔNG CỤ HỖ TRỢWEB TOOLS
• CÔNG CỤ TẠO RANDOMRANDOM GENERATOR
• CÔNG CỤ KIỂM TRA RESPONSIVE TEST
• CHIA SẺ HAYWEB & TOOLS

• 
• 
•