LẬP TRÌNH FRONTEND REACTJS

: Super User; Khóa học; 23 Tháng 7 2022; Lượt xem: 320; Rating:

( 0 Rating )

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

Link đăng ký khóa học ở đây

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 Softway 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

Link đăng ký khóa học ở đây