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
- 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
- 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
- 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
- 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
- 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
- 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
5 người đánh giá
