UI, UX cho nghề lập trình Front-End

Tốc độ web, công cụ hỗ trợ, bí quyết gỡ rối chương trình

Màu sắc cho website

Làm sao để tạo web ấn tượng cho người dùng

Tính tiện dụng, tính hiệu quả của website, ứng dụng

Bí quyết UX để giữ người dùng cho web, ứng dụng

Phương pháp & kỹ thuật lấy ý tưởng cho web

Dàn dựng Wireframe từ ý tưởng

Dựng Wireframe cho màn hình web Thương mại điện tử

Dựng Wireframe cho màn hình web CRM

Dựng Wireframe cho màn hình admin

Tất tần tật về hosting, domain

Kiến thức UI/UX cho lập trình Front End

Các thẻ nền tảng trong HTML

CSS nền tảng

Grid layout

Flexbox layout

Javascript nền tảng

Xây dựng màn hình Web CV cá nhân

Xây dựng 5 layout thực tế

Xây dựng màn hình Web Landing Page Giới thiệu sản phẩm (tự luyện)

Preprocessor CSS / SASS (LESS)

BEM

Xây dựng dự án thực tế sử dụng SASS/BEM

Rèn luyện tư duy lập trình trên Javascript

Phân tích bài toán thực tế và áp dụng trên Javascript

Thuật toán nền tảng qua các dự án

Tổng, Tích lũy, Đếm, Lính canh, Cờ hiệu

Các thuật toán tìm kiếm, sắp xếp

Các kiến thức nền tảng cốt lõi về Javascript ES6

Kiến thức nâng cao về các concept trong JavaScript (module, Hoisting, Scope Variable, Sync/)

ES6 component & control trong dự án

Thực hiện Dự án thực tế với ES6 & JSON, Axios, Fetch API, Async/Await ...

Tìm hiểu về React JS qua các ví dụ

Khởi tạo dự án với React JS

Tất cả kiến thức của React JS trong Front End

Thành thạo Component (stateful, stateless) từ phân tích tới triển khai code

Thành thạo Props/children qua các chức năng trong dự án

Hiểu rõ, triển khai code với State trong React JS

Thành thạo Event/function trong tương tác xử lý với người dùng

Cấu trúc dự án, cấu trúc JSX trong lập trình React JS

Thành thạo việc phân tích và chia các Component nâng cao trong dự án thực tế

Tích hợp CSS, Bootstrap trong React JS

Phân tích hướng đối tượng trong dự án và triển khai trên hệ thống sử dụng React JS

Thao tác thử nghiệm đưa dữ liệu lên LocalStorage

Sử dụng Lifecycle hook trong dự án React JS

Xây dựng dự án sử dụng Form áp dụng trong React JS

Các vấn đề React JS chuyên sâu, phức tạp : High order component - HOC

Xây dựng chức năng dự án với Redux trong React JS

Các vấn đề React JS chuyên sâu, phức tạp : High order component - HOC, Redux, React-router-dom

React js Routing, Cách Gọi API (axios, http method, postman), Unit test, Lodash qua dự án.

Xây dựng dự án sử dụng React Js với Routing, React Router DOM

Xây dựng chức ăng dự án sử dụng gọi API (axios, http method, postman) từ Back End để tương tác lên Front End React JS

Xây dựng Unit Test, Lodash qua dự án

TypeScript nền tảng và chuyên sâu

Cơ chế khai báo biến

Các kiểu dữ liệu (type)

OOP trong TypeScript

Interfaces, type

Generic

Union type - Utility type

Điểm giống và khác với JavaScript

Tạo dự án Reactjs với TypeScript

Khai báo redux, redux toolkit với typescript

Xây dựng dự án Reactjs Shoes Shop với TypeScript

Tổ chức dự án, code theo chuẩn Clean Code

Tối ưu hình ảnh, kỹ thuật sprite ảnh

Công cụ đo tốc độ

LocalStorage, Cache Trình duyệt

Tối ưu render giao diện bằng Reactjs

Áp dụng tất cả kiến thức đã học

Xây dựng Full dự án có tương tác Backend

Phân tích yêu cầu

Xây dựng giao diện

Tổ chức ứng dụng

Tổ chức sơ đồ lớp

Qui trình thực hiện

Xây dựng full dự án nâng cao ReactJS, Ajax, Json

Áp dụng SASS, Bootstrap, Webpack

Vấn đáp đồ án

CẤP CHỨNG NHẬN KHÓA HỌC