Khóa Học React Native Cho Người Mới Bắt Đầu(Expo + TypeScript)

Chia Sẻ Khóa Học React Native Cho Người Mới Bắt Đầu (Expo + TypeScript)

React Native là framework mạnh mẽ nhất hiện nay giúp bạn xây dựng ứng dụng di động đa nền tảng (iOS & Android) chỉ với một ngôn ngữ lập trình duy nhất. Khóa học này tập trung vào quy trình hiện đại với Expo và TypeScript, giúp bạn từ một người mới trở thành lập trình viên Mobile thực thụ. Dù bạn chưa biết gì về Mobile App hay đã có nền tảng Web, lộ trình bài bản này sẽ giúp bạn làm chủ các kỹ thuật từ cơ bản đến xây dựng dự án thực tế.

Vì Sao Bạn Nên Học React Native (Expo + TypeScript)

Lộ trình học hiện đại, sử dụng Expo giúp rút ngắn thời gian phát triển và deploy ứng dụng.

Viết mã an toàn và chuyên nghiệp hơn với TypeScript thay vì JavaScript thuần.

Xây dựng ứng dụng chạy mượt mà trên cả hai hệ điều hành Android và iOS cùng lúc.

Cộng đồng hỗ trợ cực lớn, cơ hội việc làm và thu nhập hấp dẫn trong ngành Mobile Dev.

Nắm vững tư duy xử lý UI/UX, Logic ứng dụng và quản lý State hiệu quả.

Bạn Sẽ Học Được Gì Từ Khóa Học Này

Nắm vững toàn bộ kiến thức cốt lõi về React Native, JSX, TSX và Lifecycle.

Thành thạo các Component quan trọng: View, Text, FlatList, SectionList, TextInput...

Kỹ năng Layout đỉnh cao với FlexBox và Styling chuyên nghiệp cho Mobile.

Làm chủ kỹ thuật chuyển trang phức tạp với Stack, Bottom Tabs và Drawer Navigator.

Quản lý Logic ứng dụng bằng React Hooks nâng cao (useReducer) thông qua dự án thực tế.

Tự tay xây dựng các dự án: TodoList, Màn hình Login, Shopping Cart hoàn chỉnh.

Khóa Học Này Phù Hợp Với

Người mới bắt đầu tìm hiểu về lập trình di động (Mobile App Development).

Web Developer (ReactJS) muốn mở rộng kỹ năng sang lĩnh vực Mobile.

Sinh viên CNTT muốn trang bị kỹ năng làm dự án thực tế để đi thực tập/đi làm.

Freelancer muốn nhận các dự án xây dựng ứng dụng di động đa nền tảng nhanh chóng.

Nội dung khóa học

01 - Giới thiệu tổng quan về React Native

001 Giới thiệu về React Native.mp4

002 Thuân lợi và khó khăn khi phát triển React Native.mp4

003 Phân biệt JSX và TSX khi phát triển ứng dụng React Native.mp4

02 - Cài đặt môi trường phát triển và Viết chương trình HelloWorld

004 Cài đặt môi trường phát triển React Native.mp4

005 Cài đặt Visual Code và Extention.mp4

006 Cài đặt NodeJS và Expo Go.mp4

007 Viết chương trình HelloWorld sử dụng Expo.mp4

008 Phân biệt Expo và CLI khi phát triển ứng dụng React Native.mp4

009 Vòng đời của component trong React Native (Lifecycle).mp4

010 Host Platform React Native.mp4

03 - Component cơ bản trong React Native

011 View & Text.mp4

012 Button.mp4

013 TextInput.mp4

014 Images.mp4

015 Sử dụng Icons.mp4

016 ScrollView.mp4

017 Component do người dùng định nghĩa - Class component.mp4

018 Component do người dùng định nghĩa - Function component.mp4

019 Khái niệm về PROPS trong React Native.mp4

020 Khái niệm về STATE trong React Native.mp4

021 FlatList component.mp4

022 FlatList component Event.mp4

023 SectionList component.mp4

024 Android Components APIs DrawerLayoutAndroid.mp4

025 Android Components APIs TouchableNativeFeedback.mp4

026 iOS Components APIs InputAccessoryView.mp4

027 iOS Components APIs SafeAreaView.mp4

028 React native Navigator P1.mp4

029 React native Navigator P2.mp4

04 - Styles và Layout trong React Native

030 Cơ bản về Styles.mp4

031 Thuộc tính Width vs Height trong React Native.mp4

032 FlexBox Layout.mp4

033 Layout màn hình Login.mp4

034 Layout màn hình Login = Ẩn hiện password.mp4

035 Layout màn hình Login = validation form.mp4

036 Layout màn hình shopping cart = Header.mp4

037 Layout màn hình shopping cart = Sản phẩm.mp4

038 Layout màn hính shopping cart = Checkout.mp4

05 - Sử dụng Navigator trong React Native

039 Khái niệm về React Native Navigator.mp4

040 Stack Navigator P1.mp4

041 Stack Navigator P2.mp4

042 Bottom Tabs Navigator.mp4

043 Drawer Navigator.mp4

044 Navigator lồng nhau - Stack Navigator & Bottom Tabs.mp4

045 Các Hooks được sử dụng trong Navigator.mp4

06 - React Hooks

046 Khái niệm cơ bản useReducer.mp4

047 Ứng dụng useReducer trong dự án TodoListTask P1.mp4

048 Ứng dụng useReducer trong dự án TodoListTask P2.mp4

049 Ứng dụng useReducer trong dự án TodoListTask P3.mp4

050 Ứng dụng useReducer trong dự án TodoListTask P4.mp4

051 Shopping cart useReducer = Hiển thị danh sách sản phẩm.mp4

052 Shopping cart useReducer = Thay đổi số lượng bán.mp4

053 Shopping cart useReducer = Xóa sản phẩm.mp4

054 Shopping cart useReducer = Tính tổng tiền.mp4