Giới thiệu chung
Với khung chương trình bám sát yêu cầu dự án thực tế, khi tham gia khóa học, các bạn sẽ được trang bị đầy đủ kiến thức từ cơ bản tới nâng cao để trở thành một Front-end Developer.

Đối tượng tham gia
- Sinh viên ngành CNTT muốn học bài bản và nâng cao kỹ năng về Lập trình Front-End với React JS
- Lập trình viên đang làm việc tại các doanh nghiệp muốn bổ sung kiến thức nền tảng, kỹ năng thực hành về Front-end chuyên sâu với React JS
- Người muốn chuyển ngành sang lập trình
Học xong làm ở đâu?
- Apply vào tất cả công ty tuyển dụng Front-end Dev hoặc Fresher
- Các công ty outsourcing - gia công phần mềm
- Công ty, tập đoàn trong nước và nước ngoài...
- Các công ty startup - khởi nghiệp
- Nhận các job freelance về xây dựng Front-end
LÝ DO LỰA CHỌN CHÚNG TÔI?




.png)


Giá trị nhận được sau khóa học
- Làm chủ HTML, CSS, JavaScript, thư viện Bootstrap, Jquery trong xây dựng giao diện web
- Làm chủ thư viện ReactJS, các khái niệm từ cơ bản đến nâng cao
- Tạo ra sản phẩm thực tế ngay trong khóa học, xây dựng projet phù hợp với yêu cầu doanh nghiệp
- Hiểu về quy trình phát triển sản phẩm phần mềm khi làm việc trong doanh nghiệp
- Sẵn sàng tham gia dự án ở vai trò lập trình viên Front-end với ReactJS
Khung chương trình
Học phần 1: Basic Web
Day 1
- Giới thiệu về khóa học
- Bài giảng HTML
- Thực hành
Day 2
- Review Assignment & Lý thuyết Day 1
- Bài giảng CSS Basic
- Thực hành
Day 3
- Review Assignment & Lý thuyết Day 2
- Bài giảng CSS Extra
- Thực hành
Day 4
- Bài giảng CSS Layout
- Thực hành
Day 5
- Bài giảng Boostrap
- Bài giảng SASS
- Thực hành
Day 6
- Bài giảng HTML3 CSS3
- Bài giảng Responsive khi làm giao diện website
- Thực hành
- Review, tổng kết kiến thức Package 1

Học phần 2: ECMAScript 6 (ES6) - JavaScript Advanced
Day 1
- Giới thiệu
- Bài giảng: JavaScript
- Thực hành
Day 2
- Review Assignment & Lý thuyết Day 1
- Bài giảng: Thư viện Jquery
- Thực hành
Day 3
- Bài giảng: LocalStorage_SessionStorage_Cookie
- Thực hành
Day 4
- Bài giảng: Sử dụng GIT trong quản lý Source Code
- Thực hành
Day 5
- Review Project học viên
- Thực hành
Day 6
- Bài giảng: Sử dụng AJAX load dữ liệu bất đồng bộ
- Thực hành
Day 7
- Review Project học viên
- Thực hành
Day 8
- Exam

Học phần 3: React Basic
Day 1
- Giới thiệu
- Bài giảng: TypeScript
Day 2
- Bài giảng: TypeScript
- Thực hành
Day 3
- Bài giảng: JavaScript Advanced
- Thực hành
Day 4
- Bài giảng: JavaScript Advanced
- Thực hành
Day 5
- Bài giảng: ReactJS, First Program, JSX, Class Component, Function Component, Container Component, UI Component, Style trong React
Day 6
- Thực hành
Day 7
- Bài giảng: ReactJS, Fragment, State, Props, Form, Event
- Thực hành
Day 8
- Bài giảng: Render Element trong React
- Thực hành
Day 9
- Bài giảng: ReactJS, Share Data Component
- Thực hành
Day 10
- Bài giảng: ReactJS, Lifecycle, Hook(useState, useEffect)
- Thực hành
Day 11
- Thực hành
Day 12
- Thực hành
- Review Project, tổng kết Package
.png)
Học phần 4: React Advanced
Day 1
- Giới thiệu
- Bài giảng: Thao tác Call API trong ứng dụng React
- Bài giảng: Kỹ thuật HOC trong React
- Thực hành
Day 2
- Review bài tập Day 1
- Thực hành
Day 3
- Review bài tập Day 2
- Bài giảng: Redux Core
Day 4
- Bài giảng: React Redux
- Thực hành
Day 5
- Bài giảng: React Thunk, tích hợp Redux Dev Tools
- Thực hành
Day 6
- Thực hành
Day 7
- Bài giảng: Redux Tool Kit
- Thực hành
Day 8
- Bài giảng: Thư viện React Router
- Thực hành
Day 9
- Bài giảng: Thư viện Fomik, Yup
- Thực hành
Day 10
- Bài giảng: Hook Advanced
- Thực hành
Day 11
- Review bài tập Day 10
- Bài giảng: Deploy sản phẩm
Day 12
- Bài giảng: Deploy sản phẩm
- Review Project, tổng kết Package
.png)
Học phần 5: Ready with React Dev
Day 1
- Giới thiệu
- Bài giảng: Agile Scrum
Day 2
- Bài giảng: Agile Scrum
- Review CV học viên
Day 3
- Review kiến thức trong khóa học
- Review Project học viên
Day 4
- Exam

Học viên nói gì về chúng tôi?

Mình được trang bị đầy đủ kiến thức từ nền tảng đến nâng cao của Front-end Developer như: JavaScript (Cơ bản/nâng cao), HTML5/CSS3, TypeScript...Ngoài ra, mentor của mình còn dạy thêm cả những kiến thức bổ ích không có trong giáo án

Hoàng Văn Thái


Khi học có vài kiến thức cũng hơi khó hiểu với mình nhưng được thực hành luôn trong buổi học thì mình dần dần hiểu bài hơn, thầy giảng bài rất nhiệt tình

Nguyễn Đức Thành


Trước đây kiến thức về React JS của mình khá yếu, từ khi trở thành học viên tại VTI Academy, mình đã tự tin làm chủ được thư viện này. Hiện giờ các kiến thức này vẫn được mình áp dụng rất nhiều trong khi làm việc

Đỗ Đức Anh


Không hiểu bài ở đâu, mentor của mình còn xuống tận nơi để giải đáp cho mình, siêu nhiệt tình luôn

Trần Ngọc Mai
