Thành thạo React Native qua 3 ứng dụng thực tế
Mô tả

Khoá học React Native cung cấp các kiến thức cơ bản về React Native, Javascript theo chuẩn ECMAScript 6. Mỗi bài học là một ứng dụng cụ thể. Học viên có toàn bộ mã nguồn và được hướng dẫn từng bước để thực hiện. Học viên đăng ký học được xem học liệu vĩnh viễn. Khóa học liên tục được cập nhật bài giảng mới, công nghệ mới.

Giảng viên:

Nguyễn Đức Hoàng: 11 năm phát triển phần mềm

Tự làm hơn 700 video Youtube về lĩnh vực lập trình:

https://www.youtube.com/c/nguyenduchoang

Phương pháp học

Học viên có tài khoản riêng để truy cập vào hệ thống đào tạo trực tuyến của Techmaster. Khóa học có nhiều section, mỗi section có nhiều lesson là một video khoảng 5-10 phút hướng dẫn thực hành. Sau mỗi video là 3-5 câu hỏi quiz. Các lesson về sau thường là bài tập lập trình, hoàn thiện một ứng dụng thực tế.

Techmaster có chương trình đào tạo React Native Offline thông qua ví dụ thực tế 

Yêu cầu với học viên thực tập lớp React Native

- Chăm chỉ, yêu thích công việc lập trình.
- Có kiến thức cơ bản về Javascript(nếu chưa có sẽ đc chia sẻ tài liệu trước khi tham gia các bài học React Native).
- Có khả năng đọc và nghiên cứu tài liệu tiếng Anh, những vấn đề khó hoặc chưa hiểu sẽ được giảng viên cùng hỗ trợ.

Nội dung

1. Phần cơ bản

- Các khái niệm cơ bản trong React Native: components, props, state.

- Layout các Component với Flexbox, StyleSheet,...

- Các cú pháp trong javascript ES6: arrow functions, async, await, promise,... sẽ được lồng vào các ví dụ cụ thể.

2. Phần bài tập ứng dụng

- Ứng dụng Shopping List, quản lý danh sách các mặt hàng cần mua, thêm bớt, xoá và lưu dữ liệu vào App

- RSS Reader: App cập nhật và quản lý danh sách tin tức thời sự cập nhật.

- Ứng dụng đặt xe(Car Booking App): có chức năng hiển thị bản đồ, tìm kiếm địa điểm, xe, ghim một vị trí trên bản đồ. Có hướng dẫn tạo các hiệu ứng Animations đẹp mắt.

Khóa học lập trình di động tại Techmaster:

Để cài đặt MacOSX lên phần cứng không phải Apple liên hệ chuyên gia cài Hackintosh:

  • Nguyễn Minh Sơn: 01287065634
  • Huỳnh Minh Sơn: 0936225565
  • Website: caidatmacos.com

 

 

Code trên github:
https://github.com/sunlight3d/ReactNativeTechmaster01

Chú ý: đây là khoá học đang được xây dựng. Giảng viên đều đặn cập nhật mỗi ngày một lesson. Một số nội dung có thể được bổ xung, thêm bớt theo góp ý từ học viên và cộng đồng mạng

 

Giáo trình
0. Giới thiệu
  •  React Native là gì?
  •  So sánh React Native app và Native app
  •  Cài đặt React native
  •  Props trong React Native
  •  State trong React Native
1. Layout và thiết kế giao diện
  •  Style các Components với Stylesheet
  •  Layout các Components với Flexbox
  •  TextInput và ràng buộc dữ liệu-data binding
2. List Views và ScrollView
  •  Hiện danh sách hữu hạn các Components với ScrollView
  •  Hiện danh sách bất kỳ với FlatList
  •  Phân chia section trong danh sách với SectionList
3. Thực hành viết app ShoppingList
  •  Luồng dữ liệu của ShoppingList App
  •  Sử dụng NativeBase làm giao diện màn hình ProductList
  •  Khởi tạo state và thêm sự kiện cho màn hình ProductList
  •  Chuyển qua lại giữa hai màn hình ProductList và DetailProduct
  •  Truyền function và cập nhật dữ liệu từ màn hình DetailProduct
  •  Hiện Modal nhập thông tin sản phẩm mới
  •  Truyền hàm insertNewProduct giữa hai màn hình ProductList và Modal
  •  Lưu và xoá dữ liệu trong App với AsyncStorage
4. Xây dựng app RSS Reader-App cập nhật tin tức
  •  Giới thiệu về RSS Reader App và luồng dữ liệu trong App
  •  Viết giao diện các màn hình trong RSS Reader app-phần 1
  •  Viết giao diện các màn hình trong RSS Reader app-phần 2
  •  Giới thiệu về MobX và quản lý state với store và các biến observable
  •  Sử dụng hàm fetch lấy thông tin RSS Feed và thêm vào FeedsList
  •  Lấy danh sách các entry hoặc item của một Feed
  •  Dùng WebView hiển thị nội dung các URL của từng Entry
5. Xây dựng app CarBooking-app đặt xe
  •  Giới thiệu về Car Booking App-Ứng dụng đặt xe
  •  Cài đặt và đăng ký API key cho MapView trên ios và android
  •  Hiển thị MapView và Marker. Xoay các Marker theo nhiều hướng khác nhau
  •  Sử dụng Geocode để lấy thông tin từng điểm khi di chuyển Map
  •  Code màn hình LocationPin chỉ đến vị trí tâm của MapView
  •  Sử dụng Animation trong React Native hiện màn hình Loading tìm vị trí xe
  •  Sử dụng Animation hiện danh sách chọn xe-giống ứng dụng Grab
thumbnail
800000đ
Học trực tuyến
6 phần, 33 bài học
Đánh giá
4 sao
5 người đánh giá
Long Nguyen Van
Bài giảng dễ hiểu, có ví dụ trực quan. Mình đã xem video trên Youtube miễn phí của thầy Hoàng. Các video Youtube thường giải thích các hàm, kỹ thuật nhỏ. Còn khoá học này dạy kết nối và làm dự án cụ thể.
Lụcky Star
Chú ý khoá học này yêu cầu phải biết về JavaScript rồi. Lúc đầu mua, xem chẳng hiểu gì cả. Sau đó giảng viên gợi ý một cuốn sách Ebook JavaScript. Mình học độ 1 tháng vừa JavaScript và khoá học này, hiện đã lập trình được ứng dụng List.
CongTyMobileStart
Mua cho nhân viên học. Nội dung kiến thức phù hợp với người đã biết lập trình JavaScript. Cảm ơn anh Hoàng
Do Kim Quy
Thêm Redux và hướng dẫn 1 số lib mới của firebase fcm... nữa thì hay
KeChinhPhuc
4 sao thôi. Cần tạo thêm nhiều ứng dụng nữa. Làm sao để tôi chỉ cần copy and paste là xong app, gia công được. Hiện vẫn chưa xin được việc React Native
Gói học phí
Bạn có thắc mắc
Nhận hỗ trợ
Để lại thông tin, chúng tôi sẽ liên hệ với bạn
Đóng trọn gói
800000đ
Học viên hoàn thành học phí trong một lần