Front End & ReactJS

Học lập trình Web Frontend + React 5 tháng 60 buổi với hình thức đào tạo Offline.

Cam kết việc làm cho học viên sau khi tốt nghiệp.

Đội ngũ Giảng viên dày dặn kinh nghiệm, Giáo trình đào tạo bài bản, liên tục cập nhật các kiến thức mới nhất, bám sát thực tế khi làm việc.

person

Đối Tượng Học Viên

Những người đang thất nghiệp hoặc công việc bấp bênh, muốn có công việc ổn định, lương cao và không bị ảnh hưởng bởi COVID-19.

Sinh viên, người đi làm trái ngành muốn trở thành lập trình viên web.

Sinh viên CNTT năm cuối làm đồ án tốt nghiệp web front end.

Nhân viên marketing, thiết kế đồ hoạ muốn bổ sung kỹ năng lập trình web hoặc phát triển thành UI/UX designer.

Nội dung chính

Thiết kế giao diện UI và phân tích , tối ưu trải nghiệm người dùng.

Cắt giao diện từ file PSD, Sketch, Figma.

Lập trình JavaScript, jQuery kết hợp CSS, Bootstrap để thiết kế responsive

Lập trình JavaScript ES6.

Lập trình ứng dụng Single Page App với ReactJS.

Hoàn thành 3 đồ án môn học: thiết kế giao diện, lập trình 1 trang web hoàn chỉnh và lập trình ứng dụng Single Page App với ReactJS.

frontend website

Lộ trình học

css3

PHẦN I: Web căn bản

Buổi 1: HTML cơ bản

Buổi 2: HTML + CSS cơ bản

Buổi 3: CSS cơ bản + hướng dẫn sử dụng Git

Buổi 4: Dàn layout với flexbox

Buổi 5: Position

Buổi 6: Transition

Buổi 7: Chia layout voi html, css. Convert giao diện

Buổi 8: Animation

Buổi 9: Kiểm tra HTML CSS cơ bản

Buổi 10: Javascript cơ bản

Buổi 11: Function + Câu lệnh điều kiện

Buổi 12: Vòng lặp

Buổi 13: Array

Buổi 14: Thực hành với Array

Buổi 15: Object

Buổi 16: Kiểm tra Javascript cơ bản

css3
web nâng cao

PHẦN II: Web nâng cao

Buổi 1: DOM cơ bản

Buổi 2: Event

Buổi 3: Ứng dụng TodoList

Buổi 4: Ứng dụng Shopping cart

Buổi 5: Trang web bán hàng

Buổi 6: Lập trình bất đồng bộ

Buổi 7: Ứng dụng kết nối API

Buổi 8: Kiểm tra web nâng cao Javascript

web nâng cao
ux ui

PHẦN III: UI/UX

Buổi 1: UX Process - Design Thinking

Buổi 2: User Research

Buổi 3: Generating Idea

Buổi 4: Prototype 101

Buổi 5: Prototype 102

Buổi 6: Testing

Buổi 7: Final Project Presentation

Buổi 8: Introduction

ux ui
project

PHẦN IV: Project Web tĩnh

Buổi 1: Bootstrap

Buổi 2: Bootstrap (tiếp)

Buổi 3: Cắt HTML/CSS

Buổi 4: Cắt HTML/CSS (tiếp)

Buổi 5: Hướng dẫn đồ án phần 1

Buổi 6: Hướng dẫn đồ án phần 2

Buổi 7: Hướng dẫn đồ án phần 3

Buổi 8: Hướng dẫn đồ án phần còn lại

project
react

PHẦN IV: React.js

Buổi 1: Tổng quan Reactjs + Cài đặt môi trường lập trình

Buổi 2: Các concert cơ bản

Buổi 3: Component + Event trong React.Js

Buổi 4: Các concert nâng cao

Buổi 5: Giới thiệu React Router V6

Buổi 6: Thực hành React Router v6. Convert đồ án web tĩnh sang React.js

Buổi 7: Convert đồ án web tĩnh sang React.js + Fake api

Buổi 8: Thực Mockup API, Deploy project with vercel

Buổi 9: Sử dụng thư viện React Slick. Tìm hiểu Mounted-UnMouted - UseEffect()

Buổi 10: Thực hành tạo Phân trang. Sử dụng context và use Context trong react.js

Buổi 11: Su dung Context va useContext. Phan loai product dua theo category, tim kiem product

Buổi 12: Sử dụng use Reducer, Redux và các ví dụ thực tế

Buổi 13: Thực hành với redux, redux toolkit

Buổi 14: Thực hành redux toolkit. Làm việc form + React Hook Form

Buổi 15: Xử lý Form trong Reactjs - Thực hành sử dụng form với React Hook Form

Buổi 16: Thực hành shopping cart, Tìm hiểu thư viện ReactStrap

Buổi 17: Thực hành shopping cart: Thêm xóa nhiều sản phẩm, tìm hiểu NextJS

Buổi 18: Fix bug + Ôn tập react Hook, class components

Buổi 19: Tối ưu trang web với React.Js. Tìm hiểu React.memo(), use Memo, use Callback, useRef()

Buổi 20: React nâng cao: Tối ưu tìm kiếm, Tạo Custom Hook, sử dụng thư viện React Query quản lý API

react

Lợi ích khoá học

course benefits

Học Phí

Đóng trọn gói

Giảm 30% học phí

17.000.000 VNĐ

11.900.000 VNĐ

Đóng theo kỳ

8.000.000 VNĐ

Giảm 10% cho học viên nữ/ bộ đội xuất ngũ