KHOÁ HỌC LẬP TRÌNH ỨNG DỤNG MOBILE REACT NATIVE

Khoá học lập trình React Native được thiết kế dành cho các bạn yêu thích Front-end, đặc biệt là ReactJS hoặc đã biết lập trình Javascript. Đây là cơ hội để các bạn tiến lên vị trí fullstack engineer, thu nhập lên đến 2000$ (trên 40tr/tháng).

Khoá học bao gồm các nội dung từ cơ bản đến nâng cao (thực chiến), bao quát các kỹ thuật cần thiết để xây dựng app Food Delivery, rất phù hợp với nhu cầu tuyển dụng từ các công ty lớn.

50 chủ đề

32 giờ học

16 thử thách

2 projects

Review CV

Tech support

Thành tựu bạn nhận được sau khoá học

Profile & Portfolio

Gây ấn tượng cực mạnh với nhà tuyển dụng với profile bạn được hướng dẫn xây dựng trong khoá học. Còn gì tuyệt vời hơn khi chúng ta sẽ có app React Native chạy trên chính chiếc điện thoại của mình để demo cơ chứ.
portfolio-reactnative-app
from junior to senior react native

Junior đến Senior

Với sự hướng dẫn tận tình và kinh nghiệm thực chiến từ các mentor 200Lab, bạn sẽ dễ dàng tiến lên level Junior hoặc thậm chí khoảng cách đến Senior sẽ không còn quá xa vời. Một React Native engineer đích thực có thể làm được những app phức tạp, hiệu năng cao.

React Native và hơn thế nữa

Khác với những khoá học thông thường khác, 200Lab sẽ cung cấp những kinh nghiệm thực chiến, phân tích quản lý dự án và đội ngũ. Hơn hết các mentor có thể giải đáp các thắc mắc ngoài chương trình với mục đích giúp các bạn tự xây dựng app cho cá nhân hoặc công ty các bạn.
mentor support
Giấy chứng nhận trong khoá học React Native Food Delivery

Giấy chứng nhận sau khi bạn hoàn thành khoá học

Các câu hỏi thắc mắc của học viên khi học khoá React Native

Khoá học này phù hợp với các bạn

Lý do bạn chọn khoá học của chúng tôi

Mentor tận tâm, review code kĩ lưỡng

Review và sửa lỗi code là một phần rất quan trọng trong khoá học của 200Lab. Đây luôn là phần hứa hẹn nhiều sự thú vị nhất.

Mentor giàu kinh nghiệm trong ngành

Mentor không những nắm vững kiến thức và kĩ năng chuyên môn mà còn có khả năng biến những kiến thức phức tạp thành các ví dụ dễ hiểu với học viên.

Khoá học thực hành dự án thực tế

Khóa học được thiết kế xoay quanh dự án thực tế, tập trung thời gian vào việc giải quyết vấn đề, chia sẻ kỹ năng phân tích nghiệp vụ theo dự án cho tới coding.

Nội dung khoá học

 BUỔI 01

Ôn luyện kiến thức nền & giới thiệu React Native

– Ôn luyện lại các kiến thức HTML, CSS, Javascript cơ bản.

– Cú pháp JavaScript hiện đại: ES6, Biến, Kiểu dữ liệu, Module, Prototype.

– Cơ chế bất đồng bộ của Javascript: Đơn luồng, Promises, Async/Await.

– ESLint, Prettier.

– Kiến trúc React Native, cách thức React Native hoạt động và giao tiếp với Android/iOS.

– Thiết lập môi trường để lập trình với React Native.

Giới thiệu khoá học React Native tại 200lab Education
React Native Cơ bản

 BUỔI 02

React Native Cơ bản & React Native Hook

Tìm hiểu về Component, cơ chế hoạt động và cách tạo ra Component trong React Native.

Tìm hiểu các React Native Component và lý do tại sao lại có những thành phần này: Core Component & Native Component.

– Hướng dẫn phân tích các Component từ thiết kế có sẵn.

Giới thiệu Hook, Custom Hook.

– So sánh giữa Hook và class, best practice khi làm việc với Hook.

 BUỔI 03

Style và Thực hành React Native cơ bản

– Cách trang trí, vẽ, sắp xếp các bố cục ứng dụng.

– Cách thiết kế ứng dụng tương thích trên nhiều loại màn hình khác nhau.

– Phân tích, thiết kế ứng dụng dựa trên design có sẵn.

Hướng dẫn sử dụng các Core Component để xây dựng các UI cơ bản:

  • View, Text, Button.
  • TextInput: xây dựng form nhập liệu người dùng.
  • ScrollView, FlastList: xây dựng các danh sách (danh sách sản phẩm / tin nhắn).
Style và Thực hành React Native cơ bản

 BUỔI 04

App Game Trúc Xanh

– Game đơn giản, game thuộc thể loại game trí nhớ.

– Người chơi sẽ tìm các cặp hình ảnh trùng nhau trong các hình ảnh đang bị ẩn.

Chức năng tính điểm, lưu điểm và bảng xếp hạng.

 BUỔI 05

Networking

– Hướng dẫn làm việc với API.

– Validate dữ liệu trước khi thực hiện truyền dữ liệu.

– Luồng đăng nhập đơn giản.

– Thực hiện lưu các dữ liệu người dùng vào bộ nhớ local.

Networking
React Navigation

 BUỔI 06

Navigation

– Cách thức hoạt động của các hệ thống navigation trong react-native.

Hướng dẫn sử dụng các thư viện navigation:

  • react-native-navigation.
  • react-navigation.

Tìm hiểu về các loại navigator của react-native-navigation:

  • stack.
  • tabs.

 BUỔI 07

Ứng dụng Food Delivery (phần 1)

– Trang hiển thị danh sách các sản phẩm / các cửa hàng.

– Trang hiển thị chi tiết một cửa hàng.

– Chức năng giỏ hàng, đặt các sản phẩm vào giỏ hàng.

– Di chuyển giữa các trang.

Ứng dụng Food Delivery (phần 1)
Redux logo

 BUỔI 08

Redux

– Redux là gì? Tại sao phải sử dụng Redux.

– Kiến trúc của Redux.

Middleware là gì, và các Middleware phổ biến trong Redux:

  • thunk.
  • saga.
  • redux-persist.

– react-redux.

– redux toolkit.

     BUỔI 09

    Context API vs Redux

    – Context API là gì? Liệu nó có thể thay thế được Redux?

    – Cách sử dụng Context API.

    – So sánh Context API và Redux.

    – Những ứng dụng thực tế trên thị trường sử dụng Context API hay Redux.

    Redux vs Context API
    Debugging React Native

     BUỔI 10

    Debugging

    – Hướng dẫn cách tìm nơi phát sinh lỗi.

    Hướng dẫn debug react-native bằng các công cụ.

    • console.
    • react-devtools.
    • reactotron.

    – Phân tích từng ưu nhược / điểm của từng công cụ.

       BUỔI 11

      Ứng dụng Food Delivery (phần 2)

      – Cải tiến và giải quyết các vấn đề của app bằng Redux.

      – Thực hiện xây dựng luồng đăng nhập đơn giản.

      – Thực hiện đặt hàng thông qua gọi API.

      Cải tiến và giải quyết các vấn đề của app bằng Redux
      NPM, Native Modules

       BUỔI 12

      NPM, Native Modules

      Tại sao cần phải sử dụng thư viện khi làm ứng dụng?

      • npm là gì?
      • npm, node_modules, yarn.

      Phải làm gì khi cần sử lý đến những phần phức tạp, hoặc can thiệp sâu vào hệ thống?

      • Native-modules Ios / Android.
      • Xây dựng/cách sử dụng các native-modules đơn giản.

       BUỔI 13

      Ứng dụng Food Delivery (phần 3)

      Trang danh sách các đơn hàng, sử dụng GoogleMap để thể hiện đơn hàng đang được giao.

      – Trang thông báo.

      Trang thông tin cá nhân của người dùng, sử dụng camera để cập nhật ảnh đại diện / review các sản phẩm.

      Trang danh sách các đơn hàng, sử dụng GoogleMap để thể hiện đơn hàng đang được giao
      Push Notification, thông báo đẩy

       BUỔI 14

      Push Notification, thông báo đẩy

        Gửi thông báo từ ứng dụng đến người dùng khi người dùng đang/không dùng ứng dụng:

        • Remote notificaiton.
        • Local notification.

        – Cài đặt thông báo cho Ứng dụng Food Delivery.

         BUỔI 15

        Cải thiện hiệu năng ứng dụng

        – Các sai lầm thường hay mắc phải, dẫn đến hiệu năng ứng dụng thấp.

        – Cách tìm ra những điểm trên ứng dụng đang có hiệu năng thấp.

        – Cách đánh giá, cải thiện hiệu năng ứng dụng.

        Cải thiện hiệu năng ứng dụng

         BUỔI 16

        Publish app

        – Cài đặt Icons & màn hình chào mừng (Splash Screen).

        – Giới thiệu, cài đặt CodePush

        Publish app lên AppleStore & GoogleplayStore.

        Giảng viên của khoá học

        Giảng viên khoá học React Native tại 200lab Education

        Huỳnh Ngọc Đỉnh

        Senior React Native Engineer tại Foody Corp - Sea Group

        Kinh nghiệm 3 năm làm việc chuyên nghiệp với React Native.

        Đã từng làm app có hơn 2.000.000 (2 triệu) người dùng.

        Có nhiều kinh nghiệm làm việc trong các dự án thực tế, với số lượng user lớn.

        Làm việc trong nhiều môi trường, từng trải qua nhiều dạng app khác nhau: với kinh nghiệm đa dạng trong nhiều lĩnh vực: App mạng xã hội, App Ecommerce, App chat real-time.

        Hỏi đáp

        Các câu hỏi thắc mắc của học viên khi học khoá React Native

        Tôi có thể đạt được gì sau khóa học này?

        – Hiểu rõ cách thức xây dựng ứng dụng mobile trên Android và iOS với React Native.

        – Hiểu rõ cơ chế vận hành, xây dựng giao diện, kiến trúc ứng dụng với React Native.

        – Xây dựng được ứng dụng mobile mượt mà, hiệu năng cao.

        – Update CV & profile, hỗ trợ xin việc React Native..

        Khoá học có dành cho người đi làm hoặc ở xa không?

        Khoá học hoàn toàn online trực tiếp với giảng viên 200Lab, sử dụng công cụ Google Meet. Hầu hết các khoá diễn ra vào lúc 20h-22h, rất phù hợp với những bạn đang đi làm và ở xa. Trên thực tế 200Lab có vài bạn học viên ở Nhật (lớp Golang) và Thuỵ Sỹ (lớp Flutter).

        HOT DEAL CHO 10 SUẤT ĐẦU TIÊN

        5.900.000đ (7.900.000đ)

        THÔNG TIN KHOÁ HỌC

        Đăng ký sớm để nhận được các ưu đãi hấp dẫn từ chúng tôi