Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

React Native: Advanced Concepts

React Native: Các Khái Niệm Nâng Cao

React Native: Các Khái Niệm Nâng Cao

Làm chủ các chủ đề nâng cao của React Native: Hoạt ảnh, Bản đồ, Thông báo, Điều hướng và Hơn thế nữa!

4.4
(5,832 đánh giá)
55,120 học viên
Giảng viên
Stephen Grider
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 379.000đ -87%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
16.5 giờ video
151 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 18/03/2026

Bạn sẽ học được gì

Tạo ứng dụng hấp dẫn bằng các tính năng chuyên sâu của React Native
Tạo các hoạt ảnh mượt mà và hiệu suất cao đáng kinh ngạc
Xây dựng ứng dụng React Native mới với Expo
Hiểu các tùy chọn Điều hướng mới nhất cho ứng dụng React Native
Thêm logic cho backend Firebase của bạn bằng Google Cloud Functions
Cập nhật cho người dùng bằng Thông báo Đẩy đa nền tảng
Xử lý trường hợp người dùng mất kết nối mạng với Redux Persist

Yêu cầu

Hiểu biết cơ bản về React Native

Đối tượng phù hợp

Khóa học này dành cho bất kỳ ai muốn tìm hiểu các chủ đề nâng cao của React Native

Nội dung khóa học

13 phần • 149 bài giảng
1 Giới thiệu - Bắt đầu tại đây!
2 Tạo Ứng dụng React Native
3 Tại sao chọn Expo?
4 Tạo Ứng dụng Đầu tiên của Chúng ta
1 Hệ thống Hoạt ảnh
2 Mô-đun Hoạt ảnh
3 Hoạt ảnh từ Bước Cơ bản
4 Di chuyển một Quả bóng
5 Hoạt ảnh Hoạt động như thế nào
6 Hoạt ảnh từ một Góc độ Khác
7 Thuộc tính của Swipe Deck
8 Boilerplate cho Component
9 Tương tác giữa các Component
10 Dữ liệu Bộ bài
11 Tùy chỉnh Từng Thẻ riêng lẻ
1 Hệ thống Pan Responder
2 Trình xử lý Sự kiện của Pan Responder
3 Đối tượng Gesture
4 Kéo một Thẻ
1 Tạo Hoạt ảnh cho Từng Thẻ
2 Cách Xoay các Phần tử
3 Nội suy Giá trị Xoay
4 Quan hệ Tuyến tính với Phép Nội suy
5 Giới hạn Góc Xoay bằng Phép Nội suy
6 Trở về Vị trí Mặc định với Hiệu ứng Spring
7 Phát hiện Khoảng cách Vuốt Tối thiểu
8 Hoạt ảnh Lập trình
9 Buộc Vuốt
10 Gọi lại khi Hoàn tất Vuốt
1 Viết Component Có thể Tái sử dụng
2 Hệ thống DefaultProps
3 Đặt lại Vị trí Thẻ
4 Chuyển sang Thẻ tiếp theo trong Bộ bài
5 Xử lý Danh sách Rỗng
6 Làm cho các Thẻ Xếp chồng lên nhau
7 Khắc phục Sự cố Hình ảnh Nhấp nháy
8 Danh sách Thẻ Xếp tầng
9 Tạo Hoạt ảnh cho Thẻ Tiếp theo
10 Đặt lại Chỉ mục
11 Tổng kết về Bộ bài
1 Ôn tập các Luồng Xác thực Phổ biến
2 Chi tiết về Mật khẩu Một lần
3 Tech Stack với Google Cloud Functions
4 Máy chủ Truyền thống so với Google Cloud Functions
5 Cấu trúc của Google Cloud Functions
6 Thiết lập Dự án Firebase
7 Triển khai Dự án Firebase
8 Kiểm tra các Hàm đã Triển khai
9 Cấu trúc Tệp Dự án
10 Các Đối tượng Request và Response
11 Tạo Tài khoản Dịch vụ
12 Làm sạch Đầu vào từ Người dùng
13 Tạo Người dùng Mới
14 Kiểm tra Việc Tạo Người dùng Mới
1 Nhắn tin từ Twilio
2 Thông tin Xác thực Twilio
3 Truy cập Người dùng đã Lưu
4 Lưu ý Nhanh
5 Gửi Tin nhắn cho Người dùng
6 Tạo Mã Truy cập
7 Xác minh Mật khẩu Một lần
8 Vô hiệu hóa Mã đã Sử dụng
9 Tạo JWT
1 Chuyển sang React Native
2 Boilerplate cho Ứng dụng
3 Định nghĩa Thuộc tính Instance
4 Gọi Cloud Functions
5 Tái cấu trúc với Async/Await
6 Gỡ lỗi với Async/Await
7 Async/Await khi Người dùng Đăng nhập
8 Lưu giữ Token
9 Xác thực Firebase với JWT
10 Nghỉ giải lao và Ôn tập
1 Tổng quan về Ứng dụng
2 Hướng dẫn qua các Màn hình
3 Thêm Hướng dẫn qua Màn hình
4 Thách thức và Giải pháp cho Ứng dụng
5 Màn hình so với Component
6 Các Tùy chọn Điều hướng trong React Native
7 Thực hành với React Navigation
8 Boilerplate cho Màn hình
9 Triển khai Bộ điều hướng Đầu tiên
10 Lồng ghép các Bộ điều hướng
11 Kết nối các Stack Navigator
12 Thuộc tính Lớp so với Thuộc tính Instance
13 Tùy chỉnh với Header Options
14 Điều hướng bằng Lập trình
15 Tạo kiểu cho Thanh Điều hướng
16 Màn hình Chào mừng
17 Tạo kiểu cho Màn hình Chào mừng
18 Thêm Kiểu cho Màn hình Chào mừng!
19 Điều hướng từ Màn hình Chào mừng
20 Thêm về Điều hướng từ Màn hình Chào mừng
1 Luồng Xác thực Facebook
2 Facebook Dev Console
3 Thiết lập Redux
4 Sử dụng Async Storage
5 Cú pháp Async/Await Phức tạp
6 Đăng nhập bằng Facebook
7 Kiểm tra Luồng Đăng nhập của Facebook
8 Lưu ý Nhanh
9 Lỗi Phổ biến Lớn nhất Thế giới
10 Reducer Xác thực
11 Bỏ qua Màn hình Xác thực
12 Kiểm tra Luồng Xác thực
13 Nâng cao Màn hình Chào mừng
14 Xử lý Màn hình Đang tải
1 Hiển thị Bản đồ
2 Tương tác với MapView
3 Xử lý các Vấn đề với MapView
4 Khóa API Indeed
5 Indeed Jobs API
6 Sự không Khớp của API Vị trí
7 Chuyển đổi Tọa độ sang Mã Zip
8 Lấy Danh sách Công việc
9 Kích hoạt Action Creators từ MapScreen
10 Reducer Công việc
11 Điều hướng từ Action Creators
12 Màn hình Bộ bài
13 Nhập Component Bộ bài
14 Áp dụng Component Vuốt
15 Tạo kiểu cho Thẻ Công việc
16 Tùy chỉnh MapViews
17 Tương thích Android
18 Key Props Động
19 Sửa lỗi Swipe Deck cuối cùng
20 Thích một Công việc
21 Chỉ Xem xét Công việc Duy nhất
22 Màn hình Xem lại
23 Hiển thị Danh sách Công việc Đã thích
24 Ứng tuyển Công việc
25 Hiển thị Vị trí Công việc trên Bản đồ
26 Tạo kiểu cho Thẻ Công việc
27 Xóa Công việc Đã thích
28 Chuyển hướng Quay lại Bản đồ
29 Lỗi Callback
30 Biểu tượng Thanh Tab
31 Cấu hình Thanh Tab
32 Các Bản sửa lỗi dành riêng cho Android
1 Thông báo Đẩy và Duy trì Dữ liệu
2 Duy trì Trạng thái Ứng dụng
3 Kết nối Redux Persist
4 Cách Redux Persist Hoạt động
5 Redux Persist - Lỗi Rất Lớn!
1 Tổng quan về Thông báo Đẩy
2 Đăng ký Thông báo Đẩy
3 Tạo Token Thông báo Đẩy
4 Kiểm tra Thông báo
5 Thêm về Thông báo và Tổng kết

Giới thiệu khóa học

Note: This course assumes you've got the basics of React Native down.  Check out my course 'The Complete React Native and Redux' course, its the perfect preparation!

Go beyond the basics of React Native!  This course will teach you the advanced topics you need to make a #1 best-selling app.

Push Notifications? You will learn it.  In Depth Animations? Included.  Offline Data Persistence? Of course!

------------------------------

What Will You Build?

All of my courses are 'learn-by-doing': no boring endless lectures with Powerpoints, only live, interactive coding examples.  In this course we'll build three separate apps with increasing complexity, each of which will profile different features of React Native.  By putting each concept into a real app, you'll get a better idea of when to use each unique and powerful feature.

1) Build a Tinder-like Swipe Deck. Yes, the classic animated component!  We'll make a big stack of beautiful cards that a user can slide around the screen, swiping right to 'like' an item, or 'left' to dislike an item.  This warmup will get you familiar with interpreting touch input through the PanResponder system, moving elements around with the Animated module, and turning extrapolating animation values through the Interpolation system.

2) Dive into the backend with One Time Password authentication. Ever been prompted to sign in using a code that gets texted to you?  One Time Passwords are a new authentication flow that leverages a user's phone number as their unique identifying token.  We will use the Twilio API to send a text message to a user to verify their identity, while securing our business logic into Firebase's new Google Cloud Functions.

3) Your own Job-Search app.  Tinder for jobs! This app is is 100% feature complete!  We'll build an app with a full welcome-screen tutorial for our new user's, Facebook authentication, and map components.  The user will be presented with a list of jobs to like or dislike based on their location by leveraging Indeed's Job API, then follow up and apply to their choice jobs.

Both OSX and Windows supported - develop iOS or Android!

------------------------------

Here's what we'll learn:

  • Learn the theory and practice of implementing complex Animation systems
  • Bootstrap your app using the new Expo platform
  • Navigate your user around using React-Navigation
  • Engage your users with automated Push Notifications
  • Enhance authentication flows in your app with One Time Passwords with Twilio
  • Increase your app's reliability with Offline Data Persistence
  • Educate your users on how to use your app with Welcome Tutorial pages
  • Authenticate your users using Facebook OAuth
  • Go beyond the mobile front end with Google Cloud Functions: Add custom logic to your Firebase backend
  • Locate your users with cross-platform MapView components


I've built the course that I would have wanted to take when I was learning React Native. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học App Development
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Mobile Development
Hiển thị tất cả khoá học React Native
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊