BAC - Khóa học lập trình React Native cơ bản

Tại sao lại nên chọn khóa học “ Lập trình React Native căn bản” của Code BAC?

• React Native đang là xu hướng cho giới lập trình và là lựa chọn hàng đầu của nhiều công ty phần mềm tại Việt Nam.

• Khóa học giúp các bạn nắm bắt được toàn bộ kiến thức về React Native thông qua các ứng dụng thực tiễn ngoài ra thông qua khóa học có thể giúp các bạn mở rộng khả năng tìm hiểu và đọc các tài liệu liên quan để có thể tự phát triển thêm nền tảng cho bản thân mình sau này.

Bạn sẽ nhận được gì sau khóa học “Lập trình React Native căn bản” của Code BAC?

• Có thể áp dụng thực hành lập trình React-Native trong thực tế.

• Hiểu các khái niệm liên quan đến React-Native.

• Hiểu các khái niệm về Redux.

• Có thể kết hợp một số kỹ thuật phổ biến với ứng dụng React-Native.

• Hiểu một số cách tiếp cận tốt nhất khi làm việc với React.

• Nắm được cách làm thế nào để tích hợp với máy chủ.

Ai nên tham gia khóa học này?

• Các bạn đã từng có kinh nghiệm, kiến thức về Nodejs, NPM, Javascript, CSS.

• Các bạn từng có kinh nghiệm về ES6 syntax.

• Những bạn từng sử dụng, cài đặt XCODE phiên bản mới nhất và trình giả lập Android.

Nội dung khóa học.

• Tuần 1: Tìm hiểu về React Native .

  • Ngày 1:

    • Lý thuyết:

      • Giới thiệu React-Native

      • Ưu điểm và nhược điểm của React-Native

      • Giới thiệu NodeJS, ES6

      • Chuẩn bị môi trường React-Native.

    • Thực hành:

      • Cài đặt react-cli.

      • Cài đặt Xcode.

      • Cài đặt Android Studio.

  • Ngày 2:

    • Lý thuyết:

      • Tạo ứng dụng React-Native.

      • Giới thiệu cấu trúc một project React-Native.

      • Giới thiệu vòng đời của React-Native.

    • Thực hành:

      • Tạo ứng dụng Hello World chạy trên IOS or Android.

      • Tạo ra một màn hình đơn giản sử dụng các React Component có sẵn.

      • Sử dụng và tính chỉnh Life cycle của một React Component.

• Tuần 2: Các bố cục và thành phần của React-Native

  • Ngày 1

    • Lý thuyết:

      • Giới thiệu React-Native properties, state, style.

      • Sử dụng các thư viện của React-Native.

      • Sử dụng Flexbox để hiển thị trong ứng dụng..

    • Thực hành:

      • Xây dựng màn hình Login bằng cách sử dụng InputText, Label, TouchableHighlight component có sẵn của React-Native.

      • Xây dụng màn hình hiển thị danh sách các sản phẩm bằng ScrollView, ListView component.

      • Sử dụng React Style

  • Ngày 2:

    • Lý thuyết:

      • Sử dụng và hiển thị hình ảnh.

      • Tạo mới React Component.

      • Sử dụng High Order Component (HOC)

      • Form validator

      • Sử dụng Form Validator

      • Xác nhận mẫu.

    • Thực hành:

      • Display background image for login form.

      • Define master layout by HOC.

      • Implement validator for login form.

      • Handle the submit button and show error or info when it success.

      • Build Input Form component by using HOC.

• Tuần 3: Giới Thiệu React Navigation

  • Ngày 1:

    • Lý thuyết: 

      • Giới thiệu React Navigation.

      • Sử dụng React Navigation và một số lỗi thường gặp.

    • Thực hành:

      • Sử dụng Stack Navigation

      • Sử dụng Switch Navigation

      • Thực hành Authentication workflow thông qua Switch và Stack Navigation.

  • Ngày 2:

    • Lý thuyết:

      • Cấu hình React Navigation.

      • Giới thiệu Safe area trong màn hình

      • Di chuyển giữa các màn hình.

    • Thực hành:

      • Thay đổi Navigation Icon.

      • Thực hành Tab Navigations.

      • Thay đổi back icon và navigation.

• Tuần 4: Giới Thiệu Redux và Redux Form

  • Ngày 1:

    • Lý thuyết:

      • Giới thiệu kiến trúc Flux.

      • Giới thiệu Redux - Redux Thunk - Redux Form

      • Giới thiệu Redux workflow.

    • Thực hành:

      • Cấu hình Redux, Redux From, Redux Thunk.

      • Sử dụng Redux Store, Action, Reducer cho màn hình Login và List Products

  • Ngày 2:

    • Lý thuyết: 

      • Sử dụng kết hợp Redux, Redux Thunk, Redux Form với React Component.

    • Thực hành:

      • Sử dụng redux connector

      • Sử dụng  mapStateToProps

      • Sử dụng  mapDispatchToProps.

      • Sử dụng  Redux action bên trong màn hình.

• Tuần 5: Tích hợp với REST API

  • Ngày 1:

    • Lý thuyết:

      • Làm sao gọi Rest API

      • Xây dựng HttpConnector

      • Kết hợp gọi REST API với Redux Action và Dispatcher.

    • Thực hành:

      • Định nghĩa cấu trúc của một API Client.

      • Tịch chứ màn hình Login với login API.

      • Tích hợp màn hình List Item với API

  • Ngày 2:

    • Lý thuyết:

      • Hiển thị một trang web trong WebView Component.

      • Cách xử lý lỗi.

    • Thực hành:

      • Hiển thị trang web FAQ bên trong ứng dụng.

      • Hiển thị lỗi trong quá trình gọi server.

• Tuần 6: Một số cách tiếp cận với React-Native

  • Ngày 1:

    • Lý thuyết:

      • Separation of concerns with react.

      • Sử dụng recompose trong thiết kế ứng dụng.

      • Sử dụng Redux reselect

    • Thực hành:

      • Ứng dụng recompose, reselect cho màn hình:
      • Login, List, Home

  • Ngày 2:

    • Lý thuyết:

      • Phân biệt Container vs Component.

      • Cải thiện hiệu suất với Redux Reselect.

      • Cách sử dụng React Context.

    • Thực hành:

      • Ứng dụng recompose, reselect cho màn hình:
      • Login, List, Home