Mục lục
- 1 LÝ DO TẠI SAO CẦN HỌC LẬP TRÌNH REACTJS?
- 2 NỘI DUNG KHÓA HỌC
- 2.1 ĐỐI TƯỢNG THAM GIA
- 2.2 NỘI DUNG ĐÀO TẠO
- 2.2.0.1 BUỔI 1: CÀI ĐẶT MÔI TRƯỜNG. CHƯƠNG TRÌNH, BIẾN, CÂU LỆNH
- 2.2.0.2 BUỔI 2: LÀM QUEN VỚI MỘT SỐ THẺ HTML VÀ CSS VÀ MỘT SỐ THẺ THÔNG DỤNG
- 2.2.0.3 BUỔI 3: LÀM QUEN VỚI BOOTSTRAP4 CÁCH SỬ DỤNG VÀ CÁCH IMPORT
- 2.2.0.4 BUỔI 4: KẾT HỢP CSS, HTML VÀ BOOTSTRAP TÌM HIỂU VỀ GIT
- 2.2.0.5 BUỔI 5: KẾT HỢP KIẾN THỨC ĐÃ HỌC HTML, CSS, BOOTSTRAP VÀ HOST ONLINE
- 2.2.0.6 BUỔI 1: JAVASCRIPT CƠ BẢN
- 2.2.0.7 BUỔI 2: JAVASCRIPT CƠ BẢN
- 2.2.0.8 BUỔI 3: TÌM HIỂU OBJECT
- 2.2.0.9 BUỔI 4: TÌM HIỂU VỀ: NUMBERS,STRINGS, ARRAYS
- 2.2.0.10 BUỔI 5: LẬP TRÌNH HƯỚNG ĐỐI TƯỢNG: CLASS
- 2.2.0.11 BUỔI 6: XỬ LÍ LỖI TRONG JS XỬ LÍ DOM TREE
- 2.2.0.12 BUỔI 7: THỰC HÀNH LÀM MỘT BÀI MINIPROJECT
- 2.2.0.13 BUỔI 8: TÌM HIỂU VỀ CALLBACK
- 2.2.0.14 BUỔI 9:TÌM HIỂU PROMISES, ASYNC/AWAIT
- 2.2.0.15 BUỔI 10: THỰC HÀNH LÀM MỘT BÀI MINI-PROJECT
- 2.2.0.16 BUỔI 1: THỰC HÀNH MINIPROJECT GỌI API (AJAX) VỀ TRANG WEB HTML CỦA MINH
- 2.2.0.17 BUỔI 2: DỰ LIỆU VÀ CÁCH TRUYỀN DỮ LIỆU
- 2.2.0.18 BUỔI 3: VÒNG ĐỜI CỦA COMPONENT
- 2.2.0.19 BUỔI 4: TƯƠNG TÁC VỚI FORM
- 2.2.0.20 BUỔI 5: THỰC HÀNH LÀM MỘT BÀI MINI-PROJECT
- 2.2.0.21 BUỔI 6: TÍCH HỢP VỚI CÁC THƯ VIỆN BỔ TRỢ XÂY DỰNG SERVER API GIẢ LẬP
- 2.2.0.22 BUỔI 7: DUY CHUYỂN QUA LẠI GIỮA CÁC TRANG: ROUTING
- 2.2.0.23 BUỔI 8: KIẾN TRÚC REDUX
- 2.2.0.24 BUỔI 9: GIỚI THIỆU HOOK
- 2.2.0.25 BUỔI 10: CONTEXT API
- 2.2.0.26 BUỔI 11: LÀM QUEN CONTEXT API
- 2.2.0.27 BUỔI 12: THỰC HÀNH LÀM PROJECT
- 2.2.0.28 BUỔI 13: THỰC HÀNH LÀM PROJECT
- 2.3 KẾT QUẢ ĐẠT ĐƯỢC
- 2.4 CHÍNH SÁCH ƯU ĐÃI
LÝ DO TẠI SAO CẦN HỌC LẬP TRÌNH REACTJS?
– Chỉ trong thời gian ngắn đến nay ReactJS đã trở lên phổ biến và đơn giản với trên 2000 deverloper và hơn 100.000 web site đang sử dụng ReactJS
– ReactJS là một thư viện JavaScript mã nguồn mở được Facebook phát triển để tạo ra những ứng dụng web hấp dẫn, nhanh, hiệu suất cao, tối ưu mã nguồn. Với ReactJS không chỉ khiến cho trang web hoạt động mượt mà còn phải nhanh, khả năng mở rộng cao và đơn giản.
– Sức mạnh của nó xuất phát từ việc tập trung vào các thành phần riêng lẻ. Chính vì vậy, thay vì làm việc trên toàn bộ ứng dụng web, ReactJS cho phép một developer có thể phá vỡ giao diện người dùng phức tạp thành các thành phần đơn giản hơn.
– Với sức mạnh của ReactJS bạn có thể tạo các ứng dụng web lớn để thay đổi dữ liệu mà không cần tải lại trang
TỔNG QUAN KHOÁ HỌC
Học phí: | Nhận ưu đãi 35% cho 05 Học viên khi đăng ký sớm |
Số giờ học: | 84h |
Thời gian học: | 2 buổi/ tuần |
Số học viên: | 15 – 22 học viên |
NỘI DUNG KHÓA HỌC
ĐỐI TƯỢNG THAM GIA
– Bạn đang là sinh viên chuyên ngành CNTT yêu thích lập trình, hoặc đã có kiến thức về nền tảng về HTML CSS JavaScript sẽ thuận lợi hơn trong việc học.
– Bạn đang đi làm và mong muốn làm chủ ReactJS nâng cao kến thức một cách có hệ thống và nhanh nhất
– Khóa đào tạo Lập trình ReactJS tại T3H sẽ giúp bạn làm chủ Front-end cùng ReactJS với kiến thức từ cơ bản đến chuyên sâu một cách bài bản và hệ thống nhất
NỘI DUNG ĐÀO TẠO
[ PHẦN 1: FRONT END CƠ BẢN, HTML, HTML5 CSS, CSS3, BOOTSTRAP ]Thời lượng: 5 buổi
BUỔI 1: CÀI ĐẶT MÔI TRƯỜNG. CHƯƠNG TRÌNH, BIẾN, CÂU LỆNH
– Viết đươc chương trình đầu tiên với html, vận dụng được tool git
BUỔI 2: LÀM QUEN VỚI MỘT SỐ THẺ HTML VÀ CSS VÀ MỘT SỐ THẺ THÔNG DỤNG
– Thực hành và làm một số component đơn giản như navbar hoặc card tin tức đơn giản
BUỔI 3: LÀM QUEN VỚI BOOTSTRAP4 CÁCH SỬ DỤNG VÀ CÁCH IMPORT
– Xây dựng một form login, menu , navbar bằng các câu lệnh của bootstrap
BUỔI 4: KẾT HỢP CSS, HTML VÀ BOOTSTRAP TÌM HIỂU VỀ GIT
– Nắm được kĩ thuật responsive cho webpage bằng bootstrap, css3 và media screen
BUỔI 5: KẾT HỢP KIẾN THỨC ĐÃ HỌC HTML, CSS, BOOTSTRAP VÀ HOST ONLINE
– Thực hành tạo một website tĩnh có responsive và đưa website lên host[ PHẦN 2: JAVASCRIPT ]Thời lượng: 10 buổi
BUỔI 1: JAVASCRIPT CƠ BẢN
– Tổ chức thư mục, cài đặt môi trường cho javascript
– Nắm được kiểu dữ liệu, cách khai báo biến và các câu lệnh cơ bản: comment, if, for
BUỔI 2: JAVASCRIPT CƠ BẢN
– – Nắm được kiến thức về hàm chức năng: biến toàn cục, cục bộ, vùng dữ liệu, tham số (tham chiếu, tham trị)
– Hiểu được toán tử: Rest Operator
– Biết được cách debug bằng browser
BUỔI 3: TÌM HIỂU OBJECT
– Hiểu được cách khai báo, chức năng, công dụng của Object.
– Nắm được kiến thức về con trỏ This
– Nắm được cú pháp của biểu thức Object Destructering, cách dùng Object.keys()
– Hiểu được toán tử: Spread Operator
BUỔI 4: TÌM HIỂU VỀ: NUMBERS,STRINGS, ARRAYS
– Nắm được phương pháp xử lý với số
– Làm chủ các tính năng bổ trợ của Strings, Arrays
– Nắm được cú pháp của biểu thức Destructuring Assignment
BUỔI 5: LẬP TRÌNH HƯỚNG ĐỐI TƯỢNG: CLASS
– Nắm được cách khai báo properties, methods, tính kế thừa của Class
– Nắm được ý nghĩa của Static: properties and methods
– Học cách sử dụng Mixins trong class
BUỔI 6: XỬ LÍ LỖI TRONG JS XỬ LÍ DOM TREE
– Nắm được cách xử lý lỗi bằng Try Catch
– Nắm được cách và phương pháp xử lý với DOM
BUỔI 7: THỰC HÀNH LÀM MỘT BÀI MINIPROJECT
– Dùng kiến thức đã học về js tạo một máy tính chạy bằng js thực hiện phép tính cộng trừ nhân chia
– Tạo một slideShow bằng HTML/CSS kết hợp JS
BUỔI 8: TÌM HIỂU VỀ CALLBACK
– Học và hiểu về call back, evenloop
BUỔI 9:TÌM HIỂU PROMISES, ASYNC/AWAIT
– Làm chủ được promises trong xử lý tác vụ bất đồng bộ
– Cú pháp async/await dùng trong promise
BUỔI 10: THỰC HÀNH LÀM MỘT BÀI MINI-PROJECT
– Thực hành miniProject gọi api (Ajax) về trang web html của minh[ PHẦN 3: REACTJS ]Thời lượng: 13 buổi
BUỔI 1: THỰC HÀNH MINIPROJECT GỌI API (AJAX) VỀ TRANG WEB HTML CỦA MINH
– Biết cách xây dựng môi trường và thiết lập một project ReactJS
– Hiểu được bản chất react: React cdn link
– Xây dựng project từ đầu bằng toolchain CRA và nắm được cấu tạo của project: nodemodules, package.json,..
BUỔI 2: DỰ LIỆU VÀ CÁCH TRUYỀN DỮ LIỆU
– Hiểu và vận dụng state, props
– Cách truyền dữ liệu giữa Components
BUỔI 3: VÒNG ĐỜI CỦA COMPONENT
– Làm chủ vòng đời củ class component: constructor, mouted, updating, unmounting.
– Ừng dụng vào một component có chức năng Newsfeed
BUỔI 4: TƯƠNG TÁC VỚI FORM
– Cách lấy dữ liệu từ người dùng trong form
– Hiểu được tư tưởng làm việc với form: Controlled and uncontrolled form
– Bắt các lỗi sai từ người dùng: Validating and sanitizing
BUỔI 5: THỰC HÀNH LÀM MỘT BÀI MINI-PROJECT
– Thực hành tạo 1 form thêm sửa xóa các component bằng kết hợp thư viện UI và quản lý state/prop
BUỔI 6: TÍCH HỢP VỚI CÁC THƯ VIỆN BỔ TRỢ XÂY DỰNG SERVER API GIẢ LẬP
– Xây dựng được một Server api giả lập
– Kết hợp gọi api bằng thư viện hỗ trợ
– Biết cách dùng cách component từ thư viện ngoài
BUỔI 7: DUY CHUYỂN QUA LẠI GIỮA CÁC TRANG: ROUTING
– Biết cách xây dựng ứng dụng nhiều trang Page bằng routing
– Ứng dụng HOC trong bằng xây dựng component: PrivateRoute
BUỔI 8: KIẾN TRÚC REDUX
– Nắm được các khái niệm cấu tạo nên Redux: Actions, Store, Reducers And Middleware
– Xây dựng kiến trúc project thực tế với Redux kết hợp Middleware
– Biết cách kiểm tra giữ liệu bằng Redux devtools
BUỔI 9: GIỚI THIỆU HOOK
– Nắm được cách hook cơ bản: useState, useEffect
– Quy định cần biết khi dùng Hooks
– Tự xây dựng một Hook các nhân
BUỔI 10: CONTEXT API
– React.createContext
– Context.Provider
– Class.contextType
– Context.Consumer
BUỔI 11: LÀM QUEN CONTEXT API
– Nắm được cách dùng và ứng dụng của Context Api
BUỔI 12: THỰC HÀNH LÀM PROJECT
– Thực hành và hoàn thiện project với kiến thức đã học
BUỔI 13: THỰC HÀNH LÀM PROJECT
– Thực hành và hoàn thiện project với kiến thức đã học
KẾT QUẢ ĐẠT ĐƯỢC
– Khóa học sẽ giúp bạn làm chủ công nghệ REACTJS của Facebook trong 84 giờ cùng giảng viên có chuyên môn cao tới từ doanh nghiệp.
– Giúp bạn trở thành Web Deverloper chuyên nghiệp trên nền tảng ReactJS
– Tạo ra sản phẩm ứng dụng thực tế ngay trong khóa học và có kiến thức tiệm cận với nhu cầu rất cao từ phía doanh nghiệp
– Bạn hoàn toàn tự tin đển apply ngay tới các công ty phần mềm đang có nhu cầu tuyển dụng Developer phát triển ReactJS với mức lương cao