Chia Sẻ Khóa Học Full-Stack Web Development Với React - Lộ Trình Gồm 4 Khóa Học Trong 1 [Khóa 9082 A]
Xây dựng các giải pháp Hybrid Mobile và Web hoàn chỉnh. Làm chủ web Front-end, Hybrid Mobile App và server-side development trong lộ trình gồm bốn khóa học toàn diện sau:
- 1. Khóa 1 - Front-End Web UI Framework và Tool: Bootstrap 4.
- 2. Khóa 2 - Phát triển Web Front-End với React.
- 3. Khóa 3 - Phát triển ứng dụng di động đa dạng với React Native.
- 4. Khóa 4 - Phát triển phía Server với NodeJS, Express và MongoDB.
Hoàn thành lộ trình này, bạn sẽ nắm vững tất cả các kỹ năng này:
- + Bootstrap (Front-End Framework).
- + Node.Js.
- + React (Thư viện Javascript).
- + Redux.
- + Jquery.
- + SASS (Stylesheet Language).
- + Authentication.
- + Mongodb.
- + Express.Js.
- + Và nhiều hơn nữa.
Học cách phát triển Front-end và Hybrid Mobile, với sự hỗ trợ từ server-side, để triển khai giải pháp đa nền tảng.
Hai khóa học đầu tiên trong Chuyên ngành này bao gồm các framework front-end: Bootstrap 4 và React. Bạn cũng sẽ học cách tạo các ứng dụng Hybrid Mobile bằng cách sử dụng React Native . Về Server Side, bạn sẽ học cách triển khai cơ sở dữ liệu NoSQL bằng MongoDB , làm việc trong môi trường Node.js và framework Express , và giao tiếp với client side thông qua RESTful API. Khi học khóa học này, bạn phải có kiến thức về HTML, CSS và JavaScript.
Bạn sẽ làm các bài tập thực hành, đỉnh cao là phát triển một ứng dụng chính thức vào cuối mỗi khóa học. Mỗi khóa học cũng bao gồm một Dự án Capstone nhỏ như một phần của khóa học, nơi bạn sẽ áp dụng các kỹ năng của mình để xây dựng một dự án đầy đủ chức năng.
Chi tiết về lộ trình hoàn chỉnh gồm 4 khóa học này:
1. Khóa 1 - Front-End Web UI Framework và Tool: Bootstrap 4:
Khóa học này sẽ cung cấp cho bạn cái nhìn tổng quan về các Web UI framework phía client, đặc biệt là Bootstrap 4. Bạn sẽ tìm hiểu về Grid và thiết kế Responsive, Bootstrap CSS và JavaScript component. Bạn sẽ tìm hiểu về các bộ tiền xử lý CSS, Less và Sass. Bạn cũng sẽ học những kiến thức cơ bản về Node.js và NPM và các task runner như Grunt và Gulp.
Vào cuối khóa học này, bạn sẽ có thể :
- a) Thiết lập, thiết kế và tạo kiểu cho một trang web bằng Bootstrap 4 và các thành phần của nó.
- b) Tạo một thiết kế trang web đáp ứng.
- c) Sử dụng các công cụ web để thiết lập và quản lý các trang web.
Khóa học này cũng bao gồm một phần cho phép bạn làm việc trong dự án của riêng bạn để phát triển một website bằng Bootstrap 4.
2. Khóa 2 - Phát triển Web Front-End với React:
Khóa học này bạn sẽ học cách phát triển ứng dụng front-end dựa trên Javascript và cụ thể là thư viện React (Hiện tại là phiên bản 16.3). Khóa học này sẽ sử dụng JavaScript ES6 để phát triển ứng dụng React. Bạn cũng sẽ được giới thiệu về cách sử dụng Reactstrap cho thiết kế giao diện người dùng đáp ứng dựa trên Bootstrap 4. Bạn sẽ được giới thiệu về các khía cạnh khác nhau của các thành phần React. Bạn sẽ tìm hiểu về React router và việc sử dụng nó trong việc phát triển các ứng dụng single-page. Bạn cũng sẽ tìm hiểu về thiết kế các biểu mẫu được kiểm soát. Bạn sẽ được giới thiệu về kiến trúc Flux và Redux. Bạn sẽ khám phá các khía cạnh khác nhau của Redux và sử dụng nó để phát triển các ứng dụng React-Redux mạnh mẽ. Sau đó, bạn sẽ học cách sử dụng Fetch for client-server và cách sử dụng REST API ở phía server.
Vào cuối khóa học này, bạn sẽ:
- a) Làm quen với phát triển ứng dụng Javascript phía client và thư viện React.
- b) Có thể triển khai các ứng dụng single page trong React.
- c) Có thể sử dụng các tính năng React khác nhau bao gồm các component và form.
- d) Có thể triển khai một ứng dụng web front-end đầy đủ chức năng sử dụng React.
- e) Có thể sử dụng Reactstrap để thiết kế các ứng dụng React đáp ứng.
- f) Có thể sử dụng Redux để thiết kế kiến trúc cho ứng dụng React-Redux.
3. Khóa 3 - Phát triển ứng dụng di động đa dạng với React Native:
Khóa học này tập trung vào việc phát triển các ứng dụng iOS và Android thực sự đa nền tảng, sử dụng React Native (Phiên bản 0.55) và Expo SDK (Phiên bản 27.0.0). React Native sử dụng JavaScript hiện đại để có được giao diện người dùng native và hiệu suất thực sự trong khi chia sẻ kỹ năng và code với web. Bạn sẽ tìm hiểu về phát triển giao diện người dùng với React Native UI và hỗ trợ bố cục và truy cập các khả năng của nền tảng native mobile từ Javascript bằng cách sử dụng Expo SDK. Bạn nên hoàn thành khóa học Bootstrap 4 và khóa học React trong 2 phần trước trước khi tiếp tục khóa học này.
Vào cuối khóa học này, bạn sẽ có thể:
- (a) Xây dựng các ứng dụng di động nhắm mục tiêu đến nhiều nền tảng với một codebase duy nhất.
- (b) Thành thạo các kỹ năng React và Javascript của bạn.
- c) Sử dụng các tính năng khác nhau của React Native và Expo SDK để xây dựng các ứng dụng di động đa nền tảng thực sự.
- (d) Sử dụng Redux để thiết kế kiến trúc cho ứng dụng React-Redux.
4. Khóa 4 - Phát triển phía Server với NodeJS, Express và MongoDB:
Khóa học này giải quyết tất cả mọi thứ ở phía server. Đặt toàn bộ khóa học dựa trên nền tảng NodeJS. Bạn bắt đầu với tổng quan ngắn gọn về các giao thức Web: HTTP và HTTPS. Bạn sẽ kiểm tra NodeJS và các NodeJS module: Express để xây dựng các web server. Về mặt cơ sở dữ liệu, bạn sẽ xem lại các thao tác CRUD cơ bản, cơ sở dữ liệu NoSQL, đặc biệt là MongoDB và Mongoose để truy cập MongoDB từ NodeJS. Bạn sẽ tìm hiểu các khái niệm REST và xây dựng một RESTful API. Bạn cũng sẽ tìm hiểu đến xác thực và bảo mật. Cuối cùng, bạn sẽ tìm hiểu về Backent như một phương pháp tiếp cận dịch vụ (BaaS), bao gồm mobile BaaS, cả open-source và commercial BaaS service.
Vào cuối khóa học này, bạn sẽ có thể:
- a) Thể hiện sự am hiểu về các khái niệm phía server, CRUD và REST.
- b) Xây dựng và định cấu hình một backend server bằng NodeJS framework.
- c) Xây dựng một RESTful API cho front-end để truy cập các backend service.
