ZendVN - Học lập trình online

Ôn tập về Javascript DOM và xử lí event trong Javascript thuần.

Nhập môn ReactJs, cách cài đặt, nâng và giảm version trong mã nguồn ReactJs. Tìm hiểu về Semantic versioning.

Tìm hiểu Babel, Webpack là gì?

Cách sử dụng State và Props trong ReactJs.

Kỹ thuật Props Down - Event Up trong ReactJs.

Tìm hiểu và ôn tập về ReactJs qua các video học ở nhà.

Thực hành và làm việc với Array trong ReactJs.

Tìm hiểu các cách Thêm, Xoá, Sửa thông qua các methods của ES6: map, filter, concat, sort, ... khi làm việc với Array.

Hiểu cách ReactJs tối ưu hiệu suất ứng dụng với key.

Cách tự xây dựng UI Components tối ưu và có khả năng tái sử dụng cao.

Tìm hiểu và ôn tập về ReactJs qua các video học ở nhà.

Tìm hiểu về Redux và mô hình Redux cơ bản với Action, Reducer, Store, Dispatch.

Kết hợp React với Redux bằng thư viện react-redux.

Cách sử dụng Redux trong React Hooks.

Luyện tập Pet Project sử dụng Redux kết hợp với React.

Tìm hiểu và ôn tập về ReactJs qua các video học ở nhà.

Hiểu về khái niệm API. Cách tương tác với API.

Học về Redux và mô hình Redux nâng cao với Middlewares và APIs.

Cách xử lý bất đồng bộ (Asynchronous Programming) trong Javascript.

Cách tổ chức mã nguồn chuẩn với Redux.

Tìm hiểu và ôn tập về ReactJs qua các video học ở nhà.

Tìm hiểu React Router và áp dụng.

Tìm hiểu React Router sử dụng trong React Hooks.

Một số Patterns thường dùng (HOC, Custom Hooks, ...).

Cách tổ chức mã nguồn cho Router trong dự án thực tế.

Xây dựng cấu trúc mã nguồn cho Project thực tế.

Cài đặt hệ thống Back End vào máy tính cá nhân

Cài đặt và kết nối Database với Back End

Cấu hình port, domain tại máy tính cá nhân.

Cách sử dụng Postman để gọi APIs.

Xây dựng chức năng Latest Articles

Xây dựng chức năng Popular List

Xây dựng chức năng Articles List

Xây dựng tính năng Pagination phía Front End kết hợp với Back End thông qua APIs.

Xử lý ngày giờ trong Javascript với thư viện DayJs.

Tìm hiểu về cơ chế bảo mật Token Based Authentication và Json Web Token ứng dụng trong ReactJs.

Cách xử lý Form, Error Handling, Validate Form trong ReactJs và Javascript.

Xây dựng tính năng Form Login, Form Register và Logout.

Kỹ thuật duy trì trạng thái đăng nhập người dùng với token.

Xây dựng tính năng tìm kiếm theo từ khoá, tìm kiếm theo danh mục kết hợp với Router và Query String.

Xây dựng Pagination cho kết quả tìm kiếm.

Ứng dụng Custom Hooks. tối ưu Pagination có tính tái sử dụng cao.

Hiện thực tính năng Highlight Search.

Xây dựng tính năng Menu đa cấp và tương tác với dữ liệu thật với Back End thông qua APIs.

Kỹ thuật xử lí đệ quy dữ liệu trong Javascript với Array.

Kỹ thuật xử lí render đệ quy Component trong ReactJs.

Xây dựng tính năng bài viết chi tiết. Đổ dữ liệu dạng HTML.

Xây dựng tính năng Comments và Reply Comments.

Cách xử lí dữ liệu cho Comments hai cấp.

Ứng dụng Custom Hooks để xây dựng tính năng Pagination cho Parent Comment và Child Comment.

Xây dựng tính năng thêm mới Comment kết hợp với xác thực người dùng.

Tìm hiểu về Ant Design và các UI Components.

Cách sử dụng UI Components phổ biến từ Ant Design.

Tìm hiểu về styled-components. Xây dựng CSS theo dạng modules trong ứng dụng ReactJs.

Cách Override CSS từ các Components có sẵn của Ant Design.

Tiếp tục tìm hiểu về Ant Design và các UI Components, Layouts.

Xây dựng Layout trang Dashboard với Ant Design.

Cách cấu hình Router 2 cấp để xây dựng trang Admin.

Kỹ thuật giới hạn truy cập người dùng vào trang Admin.

Xây dựng tính năng Update thông tin Profile trong trang Dashboard.

Kỹ thuật gọi API để upload hình ảnh trong Javascript.

Xây dựng tính năng thay đổi mật khẩu.

Kỹ thuật xử lí Form và Validate Form với Ant Design.

Xây dựng tính năng đa ngôn ngữ cho Website.

Các ngôn ngữ hỗ trợ: Tiếng Việt, Tiếng Anh, Trung Quốc và Tiếng Pháp.

Cách tổ chức và cấu hình mã nguồn cho ứng dụng đa ngôn ngữ.

Cách sử lí tình huống phức tạp với đa ngôn ngữ, số ít, số nhiều, truyền biến, ...

Tìm hiểu về Server Side Rendering (SSR) và Client Side Rendering (CSR).

Nhập môn NextJs kết hợp với ReactJs.

Cách cài đặt dự án NextJs.

Tìm hiểu Data Fetching và Dynamic Routing trong NextJs.

Thực hành dự án thực tế với NextJs.

Cách cấu hình Redux kết hợp với NextJs.

Tích hợp mã nguồn ReactJs vào dự án với NextJs.

Chuyển đổi các lời gọi APIs ở phía Client về phía Server.

Tìm hiểu về Next Router.

Thực hành dự án thực tế với NextJs (P2)

Thực hành dự án thực tế với NextJs (P3)

Thực hành dự án thực tế với NextJs (P4)