http://thenounproject.comThe Noun ProjectIcon TemplateRemindersStrokesTry to keep strokes at 4pxMinimum stroke weight is 2pxFor thicker strokes use even numbers: 6px, 8px etc.Remember to expand strokes before saving as an SVG SizeCannot be wider or taller than 100px (artboard size)Scale your icon to fill as much of the artboard as possibleUngroupIf your design has more than one shape, make sure to ungroupSave asSave as .SVG and make sure “Use Artboards” is checked100px.SVGhttp://thenounproject.comThe Noun ProjectIcon TemplateRemindersStrokesTry to keep strokes at 4pxMinimum stroke weight is 2pxFor thicker strokes use even numbers: 6px, 8px etc.Remember to expand strokes before saving as an SVG SizeCannot be wider or taller than 100px (artboard size)Scale your icon to fill as much of the artboard as possibleUngroupIf your design has more than one shape, make sure to ungroupSave asSave as .SVG and make sure “Use Artboards” is checked100px.SVG

Khóa học

Lập trình FRONT END REACTJS

Tự Tin Ứng Tuyển Vị Trí Frontend Developer Chỉ Trong (4 Tháng)

Thời Lượng: 93h (31 Buổi)

Đăng ký ngay

5 Quyền lợi bạn sẽ nhận được
cũng tạo lên sự khác biệt của T3H

Cập nhật công nghệ mới

Chương trình đào tạo update mới nhất: các công nghệ mới. Java xx…

Cập nhật công nghệ mới

Chương trình đào tạo update mới nhất: các công nghệ mới. Java xx…

Cam kết hỗ trợ việc làm đồng hành cũng học viên

Sau khi kết thúc khóa học, học viên sẽ được hỗ trợ giới thiệu phỏng vấn, tiếp cận cơ hội việc làm tại các doanh nghiệp có liên kết với T3H với mức lương cạnh tranh cùng nhiều đãi ngộ hấp dẫn.

Cam kết hỗ trợ việc làm đồng hành cũng học viên

Sau khi kết thúc khóa học, học viên sẽ được hỗ trợ giới thiệu phỏng vấn, tiếp cận cơ hội việc làm tại các doanh nghiệp có liên kết với T3H với mức lương cạnh tranh cùng nhiều đãi ngộ hấp dẫn.

Techstack 
chuẩn doanh nghiệp

Được đào tạo theo mô hình Techstack (là tập hợp các công nghệ được sử dụng để phát triển một ứng dụng, bao gồm ngôn ngữ lập trình, CSDL, Framework, API..) theo chuẩn doanh nghiệp

Techstack 
chuẩn doanh nghiệp

Được đào tạo theo mô hình Techstack (là tập hợp các công nghệ được sử dụng để phát triển một ứng dụng, bao gồm ngôn ngữ lập trình, CSDL, Framework, API..) theo chuẩn doanh nghiệp

Triển khai dự án thực tế

- 01 dự án thiết kế giao diện web thương mại điện tử
- Được hướng dẫn và tìm hiểu 5 dự án lớn (CMS, CRM, Ecommerce, Social Network, hệ thống quản lý học tập trực tuyến)

Triển khai dự án thực tế

- 01 dự án thiết kế giao diện web thương mại điện tử
- Được hướng dẫn và tìm hiểu 5 dự án lớn (CMS, CRM, Ecommerce, Social Network, hệ thống quản lý học tập trực tuyến)

Giáo trình bài bản

Hệ thống giáo trình và bài tập thực hành bài bản – rõ ràng. giúp HV biết mình đang học nội dung gì. Đạt mục tiêu kiến thức gì.

Giáo trình bài bản

Hệ thống giáo trình và bài tập thực hành bài bản – rõ ràng. giúp HV biết mình đang học nội dung gì. Đạt mục tiêu kiến thức gì.

1000

Sinh viên mỗi năm

50+

Doanh nghiệp liên kết

100%

SV tốt nghiệp có việc làm

100+

Khóa học mỗi năm

Mục tiêu Khóa học Lập trình FRONTEND REACTJS

01

Đối tượng phù hợp

01

Đối tượng phù hợp

  • Người mới bắt đầu muốn học lập trình web
  • Các bạn mới chớm frontend cơ bản và muốn đi sâu về công nghệ JS
  • Các bạn sinh viên muốn tìm hiểu đủ kiến thức để đi thực tập sớm với mức đãi ngộ tốt.
  • Yếu tư duy lập trình, mất gốc muốn học để xin việc làm
  • Thêm nghề để kiếm thêm thu nhập ngoài giờ (freelancer)

02

Mục tiêu khóa học

02

Mục tiêu khóa học

03

Chuẩn đầu ra - 
kết quả đạt được

03

Chuẩn đầu ra - 
kết quả đạt được

04

7 dự án được triển khai trong lộ trình học

04

7 dự án được triển khai trong lộ trình học

05

Quy trình giới thiệu việc làm

05

Quy trình giới thiệu việc làm

Đăng ký ngay

01

Đối tượng phù hợp

01

Đối tượng phù hợp

Hành Trình Trở Thành Lập Trình Viên Chuyên Nghiệp

02

Mục tiêu khóa học

02

Mục tiêu khóa học

  • Học viên hiểu và nắm vững kiến thức HTML, CSS, Bootstrap.
  • Học viên hiểu, nắm vững và áp dụng được Javascript cơ bản, cũng như các phần nâng cao trong các phiên bản ECMAScript 2015 -> ECMAScript2022, bất đồng bộ, event loop....
  • Học viên hiểu và nắm được kiến thức về Typescript, các kiểu dữ liệu, hiểu về nền tảng về OOP, hiểu rõ về 4 tính chất của của hướng đối tượng, đi vào xử lý những bài toán thực tế về OOP
  • -Học viên hiểu, thực hành và áp dụng được các kiến thức từ cơ bản cho đến nâng cao trong ReactJS, biết sử dụng Redux để quản lý state, thành thạo trong các thao tác xử lý với API,...
  • -Hiểu và áp dụng được các thư viện trong hệ sinh thái của ReactJS như:
  • +react-router-dom
  • +formik & yup
  • +react-query
  • +Các thư viện UI: Ant design, Chakra UI,...
  • Nắm vững và vận dụng các kỹ năng mềm (làm việc nhóm, kỹ năng giao tiếp, quản lý thời gian, task)
  • Thực hành và hiểu sâu các công cụ lập trình/ Teamwork, kỹ năng mềm
  • Xây dựng được đề tài tốt nghiệp cuối khoá 

03

Chuẩn đầu ra - 
kết quả đạt được

03

Chuẩn đầu ra - 
kết quả đạt được

04

7 dự án được triển khai trong lộ trình học

04

7 dự án được triển khai trong lộ trình học

05

Quy trình giới thiệu việc làm

05

Quy trình giới thiệu việc làm

Đăng ký ngay

01

Đối tượng phù hợp

01

Đối tượng phù hợp

Hành Trình Trở Thành Lập Trình Viên Chuyên Nghiệp

03

Chuẩn đầu ra kết quả đạt được

03

Chuẩn đầu ra kết quả đạt được

  • Xây dựng và triển khai được các dự án thực tế của doanh nghiệp liên quan đến Java core, Spring, Springboot chuyên sâu
  • Xây dựng giao diện thuần thục với ReactJs, Bootstrap
  • Thông thạo các kỹ năng mềm như làm việc nhóm (team work), Alige/Scrum, có các kỹ năng như break task, estimated task..
  • Triển khai và quản trị web server (Apache tomcat) : Làm việc với Docker, Deploy web lên server
  • Thành thạo việc phân tích thiết kế hệ thống và CSDL theo chuẩn các dự án ở doanh nghiệp
  • Sử dụng thành thạo Git cho dự án, biết cách quản lý source code trên Github, Bitbucket

02

Mục tiêu khóa học

02

Mục tiêu khóa học

04

7 dự án được triển khai trong lộ trình học

04

7 dự án được triển khai trong lộ trình học

05

Quy trình giới thiệu việc làm

05

Quy trình giới thiệu việc làm

Đăng ký ngay

01

Đối tượng phù hợp

01

Đối tượng phù hợp

Hành Trình Trở Thành Lập Trình Viên Chuyên Nghiệp

04

7 dự án được triển khai trong lộ trình học

04

7 dự án được triển khai trong lộ trình học

  • Xây dựng giao diện người dùng và trang quản trị với ReactJS (ví dụ với dự án Ecommerce)
    - Giao diện Đăng nhập/ Đăng ký
    - Giao diện trang Home
    - Giao diện trang tìm kiếm sản phẩm
    - Giao diện trang chi tiết sản phẩm • Giao diện trang giỏ hàng
    - Giao diện luồng đặt mua sản phẩm
    - Giao diện trang dashboard quản trị Giao diện trang quản lý sản phẩm
    - Giao diện trang quản lý đơn hàng
  • Ứng dụng quản lý dự án (Project Management App)
  • Ứng dụng quản lý học tập (Study Tracker)
  • Hệ thống quản lý khách hàng (CRM - Customer Relationship Management)
  • Ứng dụng đặt lịch hẹn (Appointment Booking App)
  • Ứng dụng mạng xã hội nhỏ (Mini Social Network)
  • Ứng dụng quản lý tài chính cá nhân ( Personal Finance Manager)

02

Mục tiêu khóa học

02

Mục tiêu khóa học

03

Chuẩn đầu ra kết quả đạt được

03

Chuẩn đầu ra kết quả đạt được

05

Quy trình giới thiệu việc làm

05

Quy trình giới thiệu việc làm

Đăng ký ngay

01

Đối tượng phù hợp

01

Đối tượng phù hợp

Hành Trình Trở Thành Lập Trình Viên Chuyên Nghiệp

04

7 dự án được triển khai trong lộ trình học

05

Quy trình giới thiệu việc làm

  • T3H hỗ trợ hướng dẫn học viên viết và chỉnh sửa CV cũng như hỗ trợ việc làm 100% cho toàn bộ học viên đã tham gia học tập tại T3H ngay trong và sau khi kết thúc khóa đào tạo đến khi có việc làm.
  • Giai đoạn 1: Bắt đầu từ tháng học cuối cùng, học viên sẽ có trải nghiệm tìm việc bằng cách ứng tuyển vào phần thực tập tại doanh nghiệp đối tác của T3H.
  • - Bước 1: T3H sàng lọc các Doanh nghiệp đầu ra và gửi yêu cầu cho học viên nắm được các kỹ năng cần có để phục vụ cho việc phỏng vấn.
  •  Bước 2: Hướng dẫn viết và chỉnh sửa CV bài bản cũng như chia sẻ các tips phỏng vấn đối với vị trí ứng tuyển.
  • - Bước 3 : Phỏng vấn thử trên job việc thật để đánh giá và cải thiện kỹ năng.
  • Giai đoạn 2: Kết thúc chương trình đào tạo.
  • - T3H sẽ giới thiệu các doanh nghiệp tuyển dụng tại thời điểm sinh viên tốt nghiệp theo hình thức T3H push CV qua hoặc học viên tự chủ động gửi qua theo hướng dẫn.
  • - Việc gửi CV và tham gia các vòng phỏng vấn sẽ thực hiện liên tục theo thực tế xét tuyển của các doanh nghiệp cho tới khi học viên nhận được việc. Giảng Viên/phận chuyên môn sẽ đồng hành trực tiếp cùng học viên trong quá trình học viên tìm việc để đảm bảo học viên nhận được việc làm tốt nhất.

02

Mục tiêu khóa học

02

Mục tiêu khóa học

03

Chuẩn đầu ra kết quả đạt được

03

Chuẩn đầu ra kết quả đạt được

04

7 dự án được triển khai trong lộ trình học

04

7 dự án được triển khai trong lộ trình học

Đăng ký ngay

Mục tiêu Khóa học Lập trình
FRONTEND REACTJS


Buổi 2: HTML tags, Basic CSS
-Giới thiệu về HTML, các thẻ hay sử dụng trong thực tế
-Dùng các thẻ HTML thực hành tạo một số component đơn giản
-Các cách viết CSS trong dự án (Inline, Internal, External)
-Giới thiệu các thuộc tính cơ bản hay dùng trong CSS
-Cách đặt tên CSS ( BEM, ...)

Buổi 4: CSS display & layout
- Giới thiệu về thuộc tính display và flex để bố cục website thêm linh hoạt và đẹp mắt
- Phân biệt được các giá trị inline, block, inline-block

Buổi 6: Practice & Deploy github
- Làm tiếp bài thực hành
- Hướng dẫn deploy lên github
- Làm bài kiểm tra cuối module
  • T3H hỗ trợ hướng dẫn học viên viết và chỉnh sửa CV cũng như hỗ trợ việc làm 100% cho toàn bộ học viên đã tham gia học tập tại T3H ngay trong và sau khi kết thúc khóa đào tạo đến khi có việc làm.
  • Giai đoạn 1: Bắt đầu từ tháng học cuối cùng, học viên sẽ có trải nghiệm tìm việc bằng cách ứng tuyển vào phần thực tập tại doanh nghiệp đối tác của T3H.
  • - Bước 1: T3H sàng lọc các Doanh nghiệp đầu ra và gửi yêu cầu cho học viên nắm được các kỹ năng cần có để phục vụ cho việc phỏng vấn.
  • - Bước 2: Hướng dẫn viết và chỉnh sửa CV bài bản cũng như chia sẻ các tips phỏng vấn đối với vị trí ứng tuyển.
  • - Bước 3: Phỏng vấn thử trên job việc thật để đánh giá và cải thiện kỹ năng.
  • Giai đoạn 2: Kết thúc chương trình đào tạo.
  • - T3H sẽ giới thiệu các doanh nghiệp tuyển dụng tại thời điểm sinh viên tốt nghiệp theo hình thức T3H push CV qua hoặc học viên tự chủ động gửi qua theo hướng dẫn bên bộ phận phụ trách.
  • - Việc gửi CV và tham gia các vòng phỏng vấn sẽ thực hiện liên tục theo thực tế xét tuyển của các doanh nghiệp cho tới khi học viên nhận được việc. Giảng Viên/phận chuyên môn sẽ đồng hành trực tiếp cùng học viên trong quá trình học viên tìm việc để đảm bảo học viên nhận được việc làm tốt nhất.
Quy trình giới thiệu việc làm
  • Người mới bắt đầu muốn học lập trình web
  • Các bạn mới chớm frontend cơ bản và muốn đi sâu về công nghệ JS
  • Các bạn sinh viên muốn tìm hiểu đủ kiến thức để đi thực tập sớm với mức đãi ngộ tốt.
  • Yếu tư duy lập trình, mất gốc muốn học để xin việc làm
  • Thêm nghề để kiếm thêm thu nhập ngoài giờ (freelancer)
Đối tượng phù hợp
  • Học viên hiểu và nắm vững kiến thức HTML, CSS, Bootstrap.
  • Học viên hiểu, nắm vững và áp dụng được Javascript cơ bản, cũng như các phần nâng cao trong các phiên bản ECMAScript 2015 -> ECMAScript2022, bất đồng bộ, event loop....
  • Học viên hiểu và nắm được kiến thức về Typescript, các kiểu dữ liệu, hiểu về nền tảng về OOP, hiểu rõ về 4 tính chất của của hướng đối tượng, đi vào xử lý những bài toán thực tế về OOP
  • -Học viên hiểu, thực hành và áp dụng được các kiến thức từ cơ bản cho đến nâng cao trong ReactJS, biết sử dụng Redux để quản lý state, thành thạo trong các thao tác xử lý với API,...
  • -Hiểu và áp dụng được các thư viện trong hệ sinh thái của ReactJS như:
  • +react-router-dom
  • +formik & yup
  • +react-query
  • +Các thư viện UI: Ant design, Chakra UI,...
  • Nắm vững và vận dụng các kỹ năng mềm (làm việc nhóm, kỹ năng giao tiếp, quản lý thời gian, task)
  • Thực hành và hiểu sâu các công cụ lập trình/ Teamwork, kỹ năng mềm
  • Xây dựng được đề tài tốt nghiệp cuối khoá 
Mục tiêu khóa học
  • Xây dựng và triển khai được các dự án thực tế của doanh nghiệp liên quan đến Java core, Spring, Springboot chuyên sâu
  • Xây dựng giao diện thuần thục với ReactJs, Bootstrap
  • Thông thạo các kỹ năng mềm như làm việc nhóm (team work), Alige/Scrum, có các kỹ năng như break task, estimated task..
  • Triển khai và quản trị web server (Apache tomcat) : Làm việc với Docker, Deploy web lên server
  • Thành thạo việc phân tích thiết kế hệ thống và CSDL theo chuẩn các dự án ở doanh nghiệp
  • Sử dụng thành thạo Git cho dự án, biết cách quản lý source code trên Github, Bitbucket
Chuẩn đầu ra kết quả đạt được
  • 1. Xây dựng giao diện người dùng và trang quản trị với ReactJS (ví dụ với dự án Ecommerce)
  • - Giao diện Đăng nhập/ Đăng ký
  • - Giao diện trang Home
  • - Giao diện trang tìm kiếm sản phẩm
  • - Giao diện trang chi tiết sản phẩm • Giao diện trang giỏ hàng
  • - Giao diện luồng đặt mua sản phẩm
  • - Giao diện trang dashboard quản trị Giao diện trang quản lý sản phẩm
  • - Giao diện trang quản lý đơn hàng
  • 2. Ứng dụng quản lý dự án (Project Management App)
  • 3. Ứng dụng quản lý học tập (Study Tracker)
  • 4. Hệ thống quản lý khách hàng (CRM - Customer Relationship Management)
  • 5. Ứng dụng đặt lịch hẹn (Appointment Booking App)
  • 6. Ứng dụng mạng xã hội nhỏ (Mini Social Network)
  • 7. Ứng dụng quản lý tài chính cá nhân ( Personal Finance Manager)
7 dự án được triển khai trong 
lộ trình học

KHUNG CHƯƠNG TRÌNH CHI TIẾT

Số buổi học: 31 (4 tháng) - Tổng số giờ học: 93H


Buổi 1: Overview Javascript
-Cách khởi tạo biến trong js (phân biệt 3 từ khóa var, let và const, biến cục bộ, biến toàn cục)
-Datatypes (các kiểu dữ liệu trong JS, giới thiệu 5 kiểu dữ liệu nguyên thủy: number, string, boolean, null và undefined)
-Toán tử trong JS
-Comment trong JS
-Giới thiệu về scope trong JS

Buổi 3: Array
-Array là gì
-Cú pháp khai báo
-Các thao tác trên array (CRUD)
-Duyệt mảng
-Tập trung vào bài tập thực hành để học viên quen hơn


Buổi 5: Responsive & CSS External resources
- DOM và Event trong JS



Buổi 7: Web storage, cookie, algorithm and clean code
-Local storage, session storage, cookie
-Một số thuật toán hay dùng và clean code
-Giới thiệu thêm các kiến thức bổ trợ (location, history trên bwoser)
-Debug trong JS






Buổi 9: Practice CRUD (2)

-Giới thiệu API là gì, cách sử dụng API
-Sử dụng mock api để lưu trữ thông tin
-Deploy project, làm bài test

Buổi 2: Flow control & loop
-Cách sử dụng vòng lặp if, if-else, if-else lồng nhau
-Cách sử dụng và phân biệt các vòng lặp for, while, do-while
-Giới thiệu về toán tử 3 ngôi.





Buổi 4: CSS display & layout
-Object là gì
-Các thao tác với object (CRUD)
-Duyệt object
-Điểm khác nhau giữa kiểu dữ liệu tham chiếu và kiểu dữ liệu nguyên thủy
-Function là gì, cách khai báo và sử dụng function
-Giới thiệu về callback

Buổi 6: Practice & Deploy github
-Tim hiểu về Event loop trong JS
-Các cách xử lý bất đồng bộ trong JS (callback, promise, async-await)
-Cách sử dụng try-catch

Buổi 8: Practice CRUD (1)

-Áp dụng các kiến thức html, css và js đã học để làm 1 project quản lý sinh viên với các chức năng:
+C: Thêm mới sinh viên
+R: In ra toàn bộ thông tin sinh viên đang có
+U: Update thông tin sinh viên
+D: Xóa thông tin sinh viên
+S: Tìm kiếm thông tin sinh viên
(Dựng giao diện có thể sử dụng boostrap để tiết kiệm thời gian)
(Nếu còn thời gian có thể làm thêm chức năng sắp xếp)
Module 2 - FE Intermediate

Thời lượng: 9 buổi


Buổi 1: Introduction
-Tổng quan, giới thiệu về lập trình web
-Giới thiệu về khóa học, lộ trình
-Giới thiệu git, github và 1 số lệnh cơ bản để thao tác với git
-Giới thiệu và làm quen một số thẻ trong HTML


Buổi 3: CSS box model & position
-Tìm hiểu về Box Model và Position để căn chỉnh CSS cho các thành phần trong HTML


Buổi 5: Responsive & CSS External resources

- Giới thiệu về Responsive trong CSS, tầm quan trọng tại sao phải biệt cách sử dụng Responsive
để làm cho một website có thể sử dụng được dưới mọi thiết bị
- Sử dụng boostrap để làm 1 vài component hay gặp: card product, ...
- Áp dụng các kiến thức để xây dựng layout 1 trang web

Buổi 2: HTML tags, Basic CSS
-Giới thiệu về HTML, các thẻ hay sử dụng trong thực tế
-Dùng các thẻ HTML thực hành tạo một số component đơn giản
-Các cách viết CSS trong dự án (Inline, Internal, External)
-Giới thiệu các thuộc tính cơ bản hay dùng trong CSS
-Cách đặt tên CSS ( BEM, ...)

Buổi 4: CSS display & layout
- Giới thiệu về thuộc tính display và flex để bố cục website thêm linh hoạt và đẹp mắt
- Phân biệt được các giá trị inline, block, inline-block

Buổi 6: Practice & Deploy github

- Làm tiếp bài thực hành
- Hướng dẫn deploy lên github
- Làm bài kiểm tra cuối module
Module 1 - FE Basic (HTML5 + CSS3 + Bootstrap5) ]

Thời lượng: 6 buổi


Buổi 1: ECMAScript features
-Tìm hiểu và thực hành các chức năng trong ES6
-Một số tính năng trong các phiên bản ECMAScript khác (nullish operator, optional chaning)





Buổi 3: Typescript (tiếp)
-Tìm hiểu về các loại kiểu dữ liệu phức tạp như union types, intersection types, conditional types, mapped types, và các kỹ thuật tiên tiến khác.
-Sử dụng TypeScript Compiler (tsc) để biên dịch mã TypeScript thành JavaScript.
-Tìm hiểu về các công cụ hỗ trợ phát triển như Visual Studio Code, Webpack, hoặc Gulp để làm việc với TypeScript.
-Hiểu cách tạo hoặc sử dụng các file type definitions (.d.ts) để mô tả kiểu dữ liệu của các thư viện bên thứ ba.
-Tìm hiểu về cách sử dụng async/await và Promise trong TypeScript để xử lý bất đồng bộ.
-Tìm hiểu về cách xử lý lỗi và sử dụng kiểu dữ liệu Error trong TypeScript.
- Thực hành và nắm chắc OOP trong TypeScript

Buổi 2: Typescript
-Tìm hiểu về các kiểu dữ liệu cơ bản trong typescript
-Kiểu dữ liệu tĩnh (Type Annotations).
-Interfaces và Type Aliases.
-Generics.
-Tìm hiểu về cách sử dụng modules và namespaces để tổ chức mã và giải quyết vấn đề xung đột tên.
-Hiểu về cách sử dụng decorator để thêm metadata vào các lớp và phương thức trong TypeScript.
Module 3 - ECMA features & TypeScript

Thời lượng: 3 buổi


Buổi 1: Introduction
-Tổng quan, giới thiệu về lập trình web
-Giới thiệu về khóa học, lộ trình
-Giới thiệu git, github và 1 số lệnh cơ bản để thao tác với git
-Giới thiệu và làm quen một số thẻ trong HTML


Buổi 3: CSS box model & position
-Tìm hiểu về Box Model và Position để căn chỉnh CSS cho các thành phần trong HTML


Buổi 5: Responsive & CSS External resources
- Giới thiệu về Responsive trong CSS, tầm quan trọng tại sao phải biệt cách sử dụng Responsive
để làm cho một website có thể sử dụng được dưới mọi thiết bị
- Sử dụng boostrap để làm 1 vài component hay gặp: card product, ...
- Áp dụng các kiến thức để xây dựng layout 1 trang web

Buổi 2: HTML tags, Basic CSS
-Giới thiệu về HTML, các thẻ hay sử dụng trong thực tế
-Dùng các thẻ HTML thực hành tạo một số component đơn giản
-Các cách viết CSS trong dự án (Inline, Internal, External)
-Giới thiệu các thuộc tính cơ bản hay dùng trong CSS
-Cách đặt tên CSS ( BEM, ...)

Buổi 4: CSS display & layout
- Giới thiệu về thuộc tính display và flex để bố cục website thêm linh hoạt và đẹp mắt
- Phân biệt được các giá trị inline, block, inline-block

Buổi 6: Practice & Deploy github
- Làm tiếp bài thực hành
- Hướng dẫn deploy lên github
- Làm bài kiểm tra cuối module
Module 1 - FE Basic (HTML5 + CSS3 + Bootstrap5)

Thời lượng: 6 buổi


Buổi 1: Introduction
-Tổng quan, giới thiệu về lập trình web
-Giới thiệu về khóa học, lộ trình
-Giới thiệu git, github và 1 số lệnh cơ bản để thao tác với git
-Giới thiệu và làm quen một số thẻ trong HTML


Buổi 3: CSS box model & position
-Tìm hiểu về Box Model và Position để căn chỉnh CSS cho các thành phần trong HTML


Buổi 5: Responsive & CSS External resources

- Giới thiệu về Responsive trong CSS, tầm quan trọng tại sao phải biệt cách sử dụng Responsive
để làm cho một website có thể sử dụng được dưới mọi thiết bị
- Sử dụng boostrap để làm 1 vài component hay gặp: card product, ...
- Áp dụng các kiến thức để xây dựng layout 1 trang web

Buổi 2: HTML tags, Basic CSS
-Giới thiệu về HTML, các thẻ hay sử dụng trong thực tế
-Dùng các thẻ HTML thực hành tạo một số component đơn giản
-Các cách viết CSS trong dự án (Inline, Internal, External)
-Giới thiệu các thuộc tính cơ bản hay dùng trong CSS
-Cách đặt tên CSS ( BEM, ...)

Buổi 4: CSS display & layout
- Giới thiệu về thuộc tính display và flex để bố cục website thêm linh hoạt và đẹp mắt
- Phân biệt được các giá trị inline, block, inline-block

Buổi 6: Practice & Deploy github

- Làm tiếp bài thực hành
- Hướng dẫn deploy lên github
- Làm bài kiểm tra cuối module
Module 1 - FE Basic (HTML5 + CSS3 + Bootstrap5) ]

Thời lượng: 6 buổi


Buổi 1: Introduction
-Tổng quan, giới thiệu về lập trình web
-Giới thiệu về khóa học, lộ trình
-Giới thiệu git, github và 1 số lệnh cơ bản để thao tác với git
-Giới thiệu và làm quen một số thẻ trong HTML


Buổi 3: CSS box model & position
-Tìm hiểu về Box Model và Position để căn chỉnh CSS cho các thành phần trong HTML


Buổi 5: Responsive & CSS External resources

- Giới thiệu về Responsive trong CSS, tầm quan trọng tại sao phải biệt cách sử dụng Responsive
để làm cho một website có thể sử dụng được dưới mọi thiết bị
- Sử dụng boostrap để làm 1 vài component hay gặp: card product, ...
- Áp dụng các kiến thức để xây dựng layout 1 trang web

Buổi 2: HTML tags, Basic CSS
-Giới thiệu về HTML, các thẻ hay sử dụng trong thực tế
-Dùng các thẻ HTML thực hành tạo một số component đơn giản
-Các cách viết CSS trong dự án (Inline, Internal, External)
-Giới thiệu các thuộc tính cơ bản hay dùng trong CSS
-Cách đặt tên CSS ( BEM, ...)

Buổi 4: CSS display & layout
- Giới thiệu về thuộc tính display và flex để bố cục website thêm linh hoạt và đẹp mắt
- Phân biệt được các giá trị inline, block, inline-block

Buổi 6: Practice & Deploy github

- Làm tiếp bài thực hành
- Hướng dẫn deploy lên github
- Làm bài kiểm tra cuối module
Module 1 - FE Basic (HTML5 + CSS3 + Bootstrap5) ]

Thời lượng: 6 buổi


Buổi 1: Introduction
-Tổng quan, giới thiệu về lập trình web
-Giới thiệu về khóa học, lộ trình
-Giới thiệu git, github và 1 số lệnh cơ bản để thao tác với git
-Giới thiệu và làm quen một số thẻ trong HTML

Buổi 2: HTML tags, Basic CSS
-Giới thiệu về HTML, các thẻ hay sử dụng trong thực tế
-Dùng các thẻ HTML thực hành tạo một số component đơn giản
-Các cách viết CSS trong dự án (Inline, Internal, External)
-Giới thiệu các thuộc tính cơ bản hay dùng trong CSS
-Cách đặt tên CSS ( BEM, ...)

Buổi 3: CSS box model & position
-Tìm hiểu về Box Model và Position để căn chỉnh CSS cho các thành phần trong HTML

Buổi 4: CSS display & layout
- Giới thiệu về thuộc tính display và flex để bố cục website thêm linh hoạt và đẹp mắt
- Phân biệt được các giá trị inline, block, inline-block

Buổi 5: Responsive & CSS External resources
- Giới thiệu về Responsive trong CSS, tầm quan trọng tại sao phải biệt cách sử dụng Responsive
để làm cho một website có thể sử dụng được dưới mọi thiết bị
- Sử dụng boostrap để làm 1 vài component hay gặp: card product, ...
- Áp dụng các kiến thức để xây dựng layout 1 trang web

Buổi 6: Practice & Deploy github
- Làm tiếp bài thực hành
- Hướng dẫn deploy lên github
- Làm bài kiểm tra cuối module
Module 1 - FE Basic (HTML5 + CSS3 + Bootstrap5)

Thời lượng: 6 buổi


Buổi 1: Introduction
-Tổng quan, giới thiệu về lập trình web
-Giới thiệu về khóa học, lộ trình
-Giới thiệu git, github và 1 số lệnh cơ bản để thao tác với git
-Giới thiệu và làm quen một số thẻ trong HTML

Buổi 2: HTML tags, Basic CSS
-Giới thiệu về HTML, các thẻ hay sử dụng trong thực tế
-Dùng các thẻ HTML thực hành tạo một số component đơn giản
-Các cách viết CSS trong dự án (Inline, Internal, External)
-Giới thiệu các thuộc tính cơ bản hay dùng trong CSS
-Cách đặt tên CSS ( BEM, ...)

Buổi 3: CSS box model & position
-Tìm hiểu về Box Model và Position để căn chỉnh CSS cho các thành phần trong HTML

Buổi 4: CSS display & layout
- Giới thiệu về thuộc tính display và flex để bố cục website thêm linh hoạt và đẹp mắt
- Phân biệt được các giá trị inline, block, inline-block

Buổi 5: Responsive & CSS External resources
- Giới thiệu về Responsive trong CSS, tầm quan trọng tại sao phải biệt cách sử dụng Responsive
để làm cho một website có thể sử dụng được dưới mọi thiết bị
- Sử dụng boostrap để làm 1 vài component hay gặp: card product, ...
- Áp dụng các kiến thức để xây dựng layout 1 trang web

Buổi 6: Practice & Deploy github
- Làm tiếp bài thực hành
- Hướng dẫn deploy lên github
- Làm bài kiểm tra cuối module
Module 1 - FE Basic (HTML5 + CSS3 + Bootstrap5)

Thời lượng: 6 buổi


Buổi 1: Introduction
-Tổng quan, giới thiệu về lập trình web
-Giới thiệu về khóa học, lộ trình
-Giới thiệu git, github và 1 số lệnh cơ bản để thao tác với git
-Giới thiệu và làm quen một số thẻ trong HTML

Buổi 2: HTML tags, Basic CSS
-Giới thiệu về HTML, các thẻ hay sử dụng trong thực tế
-Dùng các thẻ HTML thực hành tạo một số component đơn giản
-Các cách viết CSS trong dự án (Inline, Internal, External)
-Giới thiệu các thuộc tính cơ bản hay dùng trong CSS
-Cách đặt tên CSS ( BEM, ...)

Buổi 3: CSS box model & position
-Tìm hiểu về Box Model và Position để căn chỉnh CSS cho các thành phần trong HTML

Buổi 4: CSS display & layout
- Giới thiệu về thuộc tính display và flex để bố cục website thêm linh hoạt và đẹp mắt
- Phân biệt được các giá trị inline, block, inline-block

Buổi 5: Responsive & CSS External resources
- Giới thiệu về Responsive trong CSS, tầm quan trọng tại sao phải biệt cách sử dụng Responsive
để làm cho một website có thể sử dụng được dưới mọi thiết bị
- Sử dụng boostrap để làm 1 vài component hay gặp: card product, ...
- Áp dụng các kiến thức để xây dựng layout 1 trang web

Buổi 6: Practice & Deploy github
- Làm tiếp bài thực hành
- Hướng dẫn deploy lên github
- Làm bài kiểm tra cuối module
Module 1 - FE Basic (HTML5 + CSS3 + Bootstrap5)

Thời lượng: 6 buổi

Buổi 1: Overview ReactJS
-Xây dựng project ReactJS
-Cấu trúc folder project (tạo bằng toolchain CRA)
-Tim hiểu về JSX,so sánh JSX và HTML
- Component là gì?
- Thực hành tạo các Component hay được dùng

Buổi 2: Props, List rendering
-Props cơ bản
-Cách truyền dữ liệu từ component cha xuống component con
-Validate props (sử dụng props type)
-Default props
-List rendering
-Rendering có điều kiện

Buổi 3: State and Event
-Event trong ReactJS
-Cách khai báo, sử dụng state
-So sánh state và props

Buổi 4: Routing
-Hướng dẫn cài đặt và sử dụng thư viện routing
-Setup routing cho project thực hành
-Hướng dẫn setup routing cho project cuối khóa

Buổi 5: External Resources
-Sử dụng formik và yup để validate form
-Giới thiệu thư viện Ant Design và demo 1 số component có trong Ant Design
-Giới thiệu thư viện Reactstrap và demo 1 số component có trong Reactstrap
-Thực hành làm form đăng nhập, đăng ký

Buổi 6: Side effect with useEffect and hooks other
-Tìm hiểu về side effect
-Giới thiệu về life cycle trong react
-Call Api trong react
-Cách sử dụng useEffect (sự khác nhau giữa các dependency khi truyền vào useEffect)
-Tìm hiểu công dụng và cách sử dụng useMemo, useCallback và react memo

Buổi 7: Context and hook useRef
-Tìm hiểu công dụng và cách sử dụng useRef
-So sánh biến thường, biến được tạo từ useRef và biến được tạo từ useState
-Sử dụng useContext để lưu trữ và sử dụng dữ liệu

Buổi 8: Practice CRUD (1)
-Giới thiệu các hook khác
-Hướng dẫn tạo 1 custom hook

Buổi 9: Redux & redux toolkit
-Hướng dẫn cài đặt và sử dụng Redux
-Thực hành làm CRUD với redux

Buổi 10: Practice CRUD (1)
-Tìm hiểu và hướng dẫn cài đặt, sử dụng react query

Buổi 11 + 12: Practice doing projects
-Thực hành làm project blog.
-Các chức năng có trong project blog:
        1. Quản lý bài viết.
        2. Bình luận và phản hồi.
        3. Tìm kiếm và lọc.
        4. Thống kê và báo cáo.
        5. Bảng tin và thông báo.
        ...
        Bổ sung thêm các chức năng tùy thuộc vào tình hình học của lớp

Buổi 13: Frontend support (final project)
-Hỗ trợ, giải đáp và hướng dẫn các bạn làm các nội dung liên quan đến frontend trong project cuối khóa
-Test cuối module + ES6 và Type script
Module 4 - ReactJS 

Thời lượng: 13 buổi

Buổi 1: ECMAScript features
-Tìm hiểu và thực hành các chức năng trong ES6
-Một số tính năng trong các phiên bản ECMAScript khác (nullish operator, optional chaning)

Buổi 2: Typescript
-Tìm hiểu về các kiểu dữ liệu cơ bản trong typescript
-Kiểu dữ liệu tĩnh (Type Annotations).
-Interfaces và Type Aliases.
-Generics.
-Tìm hiểu về cách sử dụng modules và namespaces để tổ chức mã và giải quyết vấn đề xung đột tên.
-Hiểu về cách sử dụng decorator để thêm metadata vào các lớp và phương thức trong TypeScript.

Buổi 3: Typescript (tiếp)
-Tìm hiểu về các loại kiểu dữ liệu phức tạp như union types, intersection types, conditional types, mapped types, và các kỹ thuật tiên tiến khác.
-Sử dụng TypeScript Compiler (tsc) để biên dịch mã TypeScript thành JavaScript.
-Tìm hiểu về các công cụ hỗ trợ phát triển như Visual Studio Code, Webpack, hoặc Gulp để làm việc với TypeScript.
-Hiểu cách tạo hoặc sử dụng các file type definitions (.d.ts) để mô tả kiểu dữ liệu của các thư viện bên thứ ba.
-Tìm hiểu về cách sử dụng async/await và Promise trong TypeScript để xử lý bất đồng bộ.
-Tìm hiểu về cách xử lý lỗi và sử dụng kiểu dữ liệu Error trong TypeScript.
- Thực hành và nắm chắc OOP trong TypeScript
Module 3 - ECMA features & TypeScript

Thời lượng: 3 buổi

Buổi 1: Alige/Scrum
- Tìm hiểu về các Quy trình phát triển phần mềm
- Các mô hình phát triển phần mềm
- Giới thiệu về Alige/Scrum

Buổi 2: Hướng dẫn sử dụng Jira
- Tìm hiểu về Jira, Trello
- Áp dụng alige/scrum, jara vào 1 dự án thực tế
- Software Development Life Cycle (SDLC)

Buổi 3: Quản lý dự án và phỏng vấn thử
- Các vấn đề trong quản lý một dự án thực tế
- Cách estimate một task theo chuẩn
- Phỏng vấn thử ứng viên
Module 7 - Agile/Scrum - Software Development Life Cycle

Thời lượng: 3 buổi


Buổi 1: Overview ReactJS
-Xây dựng project ReactJS
-Cấu trúc folder project (tạo bằng toolchain CRA)
-Tim hiểu về JSX,so sánh JSX và HTML
- Component là gì?
- Thực hành tạo các Component hay được dùng


Buổi 3: State and Event
-Event trong ReactJS
-Cách khai báo, sử dụng state
-So sánh state và props

Buổi 5: External Resources
-Sử dụng formik và yup để validate form
-Giới thiệu thư viện Ant Design và demo 1 số component có trong Ant Design
-Giới thiệu thư viện Reactstrap và demo 1 số component có trong Reactstrap
-Thực hành làm form đăng nhập, đăng ký



Buổi 7: Context and hook useRef

-Tìm hiểu công dụng và cách sử dụng useRef
-So sánh biến thường, biến được tạo từ useRef và biến được tạo từ useState
-Sử dụng useContext để lưu trữ và sử dụng dữ liệu

Buổi 9: Redux & redux toolkit
-Hướng dẫn cài đặt và sử dụng Redux
-Thực hành làm CRUD với redux

Buổi 11 + 12: Practice doing projects
-Thực hành làm project blog.
-Các chức năng có trong project blog:
        1. Quản lý bài viết.
        2. Bình luận và phản hồi.
        3. Tìm kiếm và lọc.
        4. Thống kê và báo cáo.
        5. Bảng tin và thông báo.
        ...
        Bổ sung thêm các chức năng tùy thuộc vào tình hình học của lớp


Buổi 2: Props, List rendering
-Props cơ bản
-Cách truyền dữ liệu từ component cha xuống component con
-Validate props (sử dụng props type)
-Default props
-List rendering
-Rendering có điều kiện

Buổi 4: Routing
-Hướng dẫn cài đặt và sử dụng thư viện routing
-Setup routing cho project thực hành
-Hướng dẫn setup routing cho project cuối khóa

Buổi 6: Side effect with useEffect and hooks other
-Tìm hiểu về side effect
-Giới thiệu về life cycle trong react
-Call Api trong react
-Cách sử dụng useEffect (sự khác nhau giữa các dependency khi truyền vào useEffect)
-Tìm hiểu công dụng và cách sử dụng useMemo, useCallback và react memo

Buổi 8: Practice CRUD (1)

-Giới thiệu các hook khác
-Hướng dẫn tạo 1 custom hook


Buổi 10: Practice CRUD (1)
-Tìm hiểu và hướng dẫn cài đặt, sử dụng react query


Buổi 13: Frontend support (final project)
-Hỗ trợ, giải đáp và hướng dẫn các bạn làm các nội dung liên quan đến frontend trong project cuối khóa
-Test cuối module + ES6 và Type script







Module 4 - ReactJS 

Thời lượng: 13 buổi


Buổi 1: Overview Javascript
-Cách khởi tạo biến trong js (phân biệt 3 từ khóa var, let và const, biến cục bộ, biến toàn cục)
-Datatypes (các kiểu dữ liệu trong JS, giới thiệu 5 kiểu dữ liệu nguyên thủy: number, string, boolean, null và undefined)
-Toán tử trong JS
-Comment trong JS
-Giới thiệu về scope trong JS

Buổi 2: Flow control & loop
-Cách sử dụng vòng lặp if, if-else, if-else lồng nhau
-Cách sử dụng và phân biệt các vòng lặp for, while, do-while
-Giới thiệu về toán tử 3 ngôi.

Buổi 3: Array
-Array là gì
-Cú pháp khai báo
-Các thao tác trên array (CRUD)
-Duyệt mảng
-Tập trung vào bài tập thực hành để học viên quen hơn

Buổi 4: CSS display & layout
-Object là gì
-Các thao tác với object (CRUD)
-Duyệt object
-Điểm khác nhau giữa kiểu dữ liệu tham chiếu và kiểu dữ liệu nguyên thủy
-Function là gì, cách khai báo và sử dụng function
-Giới thiệu về callback

Buổi 5: Responsive & CSS External resources
- DOM và Event trong JS

Buổi 6: Practice & Deploy github
-Tim hiểu về Event loop trong JS
-Các cách xử lý bất đồng bộ trong JS (callback, promise, async-await)
-Cách sử dụng try-catch

Buổi 7: Web storage, cookie, algorithm and clean code
-Local storage, session storage, cookie
-Một số thuật toán hay dùng và clean code
-Giới thiệu thêm các kiến thức bổ trợ (location, history trên bwoser)
-Debug trong JS


Buổi 8: Practice CRUD (1)
-Áp dụng các kiến thức html, css và js đã học để làm 1 project quản lý sinh viên với các chức năng:
+C: Thêm mới sinh viên
+R: In ra toàn bộ thông tin sinh viên đang có
+U: Update thông tin sinh viên
+D: Xóa thông tin sinh viên
+S: Tìm kiếm thông tin sinh viên
(Dựng giao diện có thể sử dụng boostrap để tiết kiệm thời gian)
(Nếu còn thời gian có thể làm thêm chức năng sắp xếp)

Buổi 9: Practice CRUD (2)
-Giới thiệu API là gì, cách sử dụng API
-Sử dụng mock api để lưu trữ thông tin
-Deploy project, làm bài test
Module 2 - FE Intermediate

Thời lượng: 9 buổi

GIẢNG VIÊN CỦA CHÚNG TÔI

Sản phẩm của học viên

Phản hồi học viên

Đăng ký ngay

ĐỐI TÁC CỦA CHÚNG TÔI

CÁC DOANH NGHIỆP LIÊN KẾT

Bên cạnh các kiến thức chuyên sâu, chưa có đơn vị nào cung cấp một môi trường học và thực hành sát với thực tế doanh nghiệp như ở T3H. Điểm khác biệt này là nhờ mô hình đào tạo mới của T3H, Tech-Stack là mô hình đóng gói mang tính chất đúng nghĩa của 1 dự án thực tế, đưa Agile/Scrum và các kỹ năng cần thiết khác như phân tích thiết kế hệ thống, phân tích CSDL, quản trị hệ điều hành

Mr John Doe

CEO VNG Gamming

học viên t3h đã tốt nghiệp đang làm gì

Khám Phá Phương Pháp Đào Tạo Tại T3H

Video phương pháp đào tạo hướng Techstack tại T3H

Video giới thiệu khóa học JAVA

hình thức học tại t3h

2 - 3 buổi/ tuần

Ngày học linh động phù hợp cho học viên và giảng viên

18 - 21h

2 hình thức học:
Online/Offline

Đăng ký ngay

ĐĂNG KÝ

VIỆN CÔNG NGHỆ THÔNG TIN T3H

Đào tạo chuyên sâu - Trải nghiệm thực tế

Tầng 05 - Nhà A - Trường Cán bộ quản lý văn hóa thể thao và du lịch
128A - Hồ Tùng Mậu - Mai Dịch - Cầu Giấy - Hà Nội

0977 565 104 (Mr Định)
0978 105 663 (Mrs Phượng)

CHƯƠNG TRÌNH ĐÀO TẠO

Kiểm thử phần mềm

Bootcamp Tech-Stack ASP.Net 7

Bootcamp Tech-Stack NodeJS & MERN

Bootcamp Tech-Stack Java Spring Boot 3.0

Chương trình đào tạo Kỹ sư IT Nhật

DevOps Foundation

VỀ T3H

Giới thiệu

Sản phẩm sinh viên

Copyright © 2024 t3h.edu.vn. All rights reserved. Designed by TMedia