Kỳ 2: Code Intensive

Tổng quan

ReactJS cung cấp các giải pháp hữu ích cho một số vấn đề dai dẳng nhất của lập trình front-end, cho phép bạn tạo các ứng dụng web động và tương tác một cách dễ dàng. Nó nhanh, có thể mở rộng, linh hoạt, mạnh mẽ và có một cộng đồng Developers mạnh mẽ đang phát triển nhanh chóng. Chưa bao giờ có thời điểm tốt hơn để học React. Học viên sẽ được khám phá sự phát triển của front-end và đặc biệt là React. Học viên sẽ xây dựng các ứng dụng web bằng React dựa trên nền tảng kiến thức về JavaScript ES6. Học viên sẽ tiếp cận những khái niệm cơ bản của React như JSX, components hay học qua các kiến thức về React router trong việc phát triển một Single Page App (SPA) hay xử lý Form control. Bên cạnh đó học viên sẽ tìm hiểu về API và fetch API, sử dụng CSS Design để thiết kế giao diện cũng như sử dụng Redux để xứ lý luông dữ liệu

Mục tiêu

• Bạn sẽ hiểu rõ hơn về các khái niệm cơ bản nhất của React: JSX, class và function components, props, state, lifecycle method và hooks. Bạn sẽ có thể kết hợp những ý tưởng này theo phong cách lập trình modular hoá của React.

• Bạn sẽ được học về Redux, thư viện quản lý state trong React và các khái niệm như reducer, stores, actions hay nhưng kiến thức nâng cao hơn như slices, middleware qua đó xây dựng được một ứng dụng Web mạnh mẽ như Twitter, Facebook

Điều kiện đầu vào

• Vượt qua bài thi đầu vào.

• Học viên đã có kiến thức về HTML, CSS và JavaScript ES6.

• Đảm bảo thời gian học mỗi ngày (trên lớp và về nhà)

Tiêu chuẩn đầu ra

• Hoàn thành Final Project theo cá nhân hoặc nhóm (recommended)

• Final Project: dự án website áp dụng những kiến thức về React, có request API hiển thị dữ liệu mẫu có sẵn

2 tháng - 16 buổi học, 2 buổi/tuần, 3h/buổi

Công nghệ

React - Redux

Bài học	Lecture (Lý thuyết)	Thực hành
1	Orientation Day Khai giảng khoá học, giới thiệu về mục tiêu, yêu cầu, cơ hội việc làm sau cả lộ trình	Review ES6 Ôn tập lại kiến thức về JavaScript ES6
2	Nextgen JavaScript Giới thiệu về Modern JavaScript	Practice Thực hành về kiến thức đã học
3	Introduction to React Hiểu cơ bản React là gì, tại sao sử dụng React và cách tạo ra một ứng dụng React.	Practice Thực hành về kiến thức đã học
4	JSX & Props Hiểu về cách thức truyền dữ liệu và render dữ liệu lên trang web	Practice Thực hành về kiến thức đã học
5	State & Events Một thành phần không thể thiếu nữa trong React. Giúp tạo nên các ứng dụng có nhiều logic phức tạp.	Practice Thực hành về kiến thức đã học
6	More about State & Props Sử dụng kết hợp state và props để xây dựng các ứng dụng khác nhau.	Practice Thực hành về kiến thức đã học
7	List & conditional rendering Xử lý với mảng dữ liệu, render danh sách động với React và JSX	Practice Thực hành về kiến thức đã học
8	Side effect with useEffect Hiểu rõ side effect là gì và cách xử lý chúng trong React	Practice Thực hành về kiến thức đã học
9	Context Sử dụng context để giải quyết các vấn đề liên quan tới chia sẻ dữ liệu giữa nhiều component.	Practice Thực hành về kiến thức đã học
10	Routing Điều hướng người dùng là một phần không thể thiếu trong các ứng dụng web. Học cách tạo ra các phần khác nhau của trang web với react-router	Practice Thực hành về kiến thức đã học
11	HTTP Hiểu cách sử dụng HTTP trong ứng dụng web để thực hiện việc giao tiếp giữa client và server.	Final Project Pitch Idea cùng phía Doanh Nghiệp
12	Other React hooks Giới thiệu thêm các hook cần biết trong React.	Final Project Phát triển dự án cuối khoá
13	Creating your own hooks Sáng tạo các tính năng thú vị với việc tự tạo ra các hooks và tái sử dụng chúng	Final Project Phát triển dự án cuối khoá
14	Class-based Components Một cách khác để tạo các component	Final Project Phát triển dự án cuối khoá
15	External Resources Một vài thư viện nên sử dụng trong hệ sinh thái của React	Final Project Phát triển dự án cuối khoá
16	DEMO Single Page App - Đánh giá từ Doanh Nghiệp
	WORKSHOP DOANH NGHIỆP	Doanh nghiệp tham gia Workshop: Frontend và Back-end có gì? Nên lựa chọn Mobile hay WEB?