인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
Programming

/

Mobile Application Development

[2025] Masterclass Phát triển Ứng dụng React Native Dành cho Người Trái Ngành

Những người có ý tưởng nhưng không biết phải phát triển ứng dụng như thế nào, Hãy cùng làm chủ việc phát triển ứng dụng bằng cách làm thử 4 dự án thực tế!

(2.4) 5 đánh giá

106 học viên

JavaScript
React
Node.js
React Native
TypeScript

Khóa học này dành cho Người mới học.

Dịch cái này sang tiếng Việt

  • Cú pháp React Native thực chiến 100%

  • React - Ngữ pháp thực chiến

  • Cấu hình môi trường phát triển tối ưu cho phát triển hiệu quả

  • Api를 통해 외부 정보를 가져오기

  • Trên 100 kỹ năng thực chiến thường dùng trong app thực tế

  • Triển khai tính năng đăng nhập

[2025] [CẬP NHẬT] Lớp học nâng cao về phát triển ứng dụng React Native dành cho người không chuyên

[MỚI!] Bài giảng mới cho tháng 2, tất cả đều được làm mới

A Tôi trở lại với bài giảng mới.

Quay vào tháng 12 / Biên tập vào tháng 1
Hãy xem ngay các bài giảng mới và được biên soạn lại 100% ngay bây giờ.

Các bài giảng được tổ chức bằng cách chỉ áp dụng các công nghệ được sử dụng trong lĩnh vực này.

Với thời lượng lên tới 13 giờ, chúng tôi sẽ biến bạn thành một nhà phát triển ứng dụng.

Bạn vẫn còn học những bài giảng thiên về lý thuyết phải không?

Một nhà phát triển ứng dụng có 5 năm kinh nghiệm phát triển ứng dụng sẽ chia sẻ bí quyết thực tế của mình .

Những người nào sẽ được hưởng lợi khi tham gia khóa học này? 🤔

· 💡 Những người có ý tưởng nhưng gặp khó khăn khi biến chúng thành ứng dụng

· 📱 Dành cho những ai muốn tham gia vào lĩnh vực phát triển ứng dụng

· 📱 Dành cho những ai muốn tạo ứng dụng của riêng mình

· 🧑‍💼 Những người muốn có việc làm là nhà phát triển ứng dụng

· 💻 Dành cho những ai muốn học phát triển ứng dụng nhanh chóng và tạo một dự án phụ

· 💭 Bất kỳ ai quan tâm đến phát triển ứng dụng

· 💸 Những người muốn phát triển dịch vụ ứng dụng của riêng mình và kiếm tiền từ nó

Tại sao nên sử dụng React Native?

Sau đây là một số lý do lớn nhất để sử dụng React Native.

ĐIỂM 1 Được hơn 1.000 công ty lớn áp dụng

🏢 React Native được sử dụng bởi hơn 1.000 công ty lớn trên toàn thế giới, bao gồm ToX, BaeX, Minjok và Instagram

ĐIỂM 2 Đổi mới trong phát triển đa nền tảng

| Đa nền tảng là gì? Công nghệ cho phép phát triển cả Android và iOS chỉ bằng một mã

🔯 Đa nền tảng React Native => Cách nhanh nhất và dễ nhất để phát triển cho cả hai hệ điều hành

ĐIỂM 3 Cộng đồng và hệ sinh thái mạnh mẽ

🕸 Hơn 10.000 nhà phát triển đang hoạt động trên Github và Stack Overflow

🔭 Hỗ trợ từ cộng đồng lớn => Nhiều plugin và tính năng được cập nhật

ĐIỂM 4 Phát triển nhanh và nạp đạn nóng

🔥 Tính năng tải lại nóng độc quyền : Xem các thay đổi ngay lập tức bất cứ khi nào bạn sửa đổi mã trong quá trình phát triển

🛠 Hữu ích cho MVP (Sản phẩm khả thi tối thiểu)

ĐIỂM 5 Hiệu suất gốc và Trải nghiệm người dùng

🔧 Sử dụng các thành phần gốc => Hiệu suất tuyệt vời

🔗 Mã được viết bằng JS tương tác trực tiếp với API gốc => Không làm giảm hiệu suất

⚽ Hiệu suất tuyệt vời trong xử lý hoạt hình và cử chỉ => Trải nghiệm người dùng mượt mà

Vui lòng nhập tiêu đề_-001 (26)

Sau khi tham dự buổi thuyết trình... 💭

· 👨‍💻 Bạn có thể xử lý React Native một cách thành thạo tùy theo tình huống .

· 📱 Bạn có thể phát triển ý tưởng của riêng mình thành một ứng dụng.

· 👀 Tôi có thể phát triển các tính năng của ứng dụng mà tôi muốn.

· 👥 Bạn có thể học nhanh các ngôn ngữ khác bằng cách liên kết những gì bạn đã học với React Native .

· 💨 Ý tưởng về ứng dụng và tính năng ứng dụng cấp doanh nghiệp có thể được triển khai ngay lập tức.

Khóa học này có những đặc điểm gì? ⭐

Bài giảng hướng thực hành 🏃 ‍ ➡

Thay vì một lớp học tập trung vào những lý thuyết trừu tượng chỉ mang tính phù phiếm, sinh viên sẽ học trong khi phát triển các dự án thực tế .
Các bài giảng được thiết kế theo hình thức lớp học hướng thực hành .

Một bài giảng trung thực với tình hình thực tế 🤺

Nếu bài giảng chỉ nói với bạn rằng "Nếu bạn làm điều này, điều này sẽ xảy ra", thì ngay cả khi đó là lớp học hướng đến thực hành, nó cũng vô ích.
Nó nên được sử dụng ở đâu trong thực tế? Những chức năng nào được sử dụng phổ biến nhất trong các ứng dụng thực tế?
Chúng tôi sẽ thông báo cho bạn để bạn có thể sử dụng nó 100% trong thực tế.

Bài giảng dành cho người mới bắt đầu 🧑‍🎓

Khóa học này dạy cho bạn vô số kỹ năng thực tế trong React Native, nhưng
Mức độ khó của khóa học là dành cho người mới bắt đầu . Trong bài giảng này, sinh viên sẽ tìm hiểu về lĩnh vực phát triển ứng dụng.
Chúng tôi sẽ giải thích các khái niệm một cách rõ ràng để ngay cả khi bạn không biết gì , bạn vẫn có thể hiểu được tất cả các khái niệm.

Tại sao tôi nên tham gia khóa học này?

Tôi đã so sánh khóa học này với các khóa học khác trên Inflearn.

Inflearn các khóa học khác

Trên 30.000₩

⛔ Bài giảng lý thuyết chỉ nghiên cứu các khái niệm trừu tượng

🔻 Càng nghe bài giảng này, tôi càng không hiểu

🚫 Một bài giảng không cho bạn biết lý do tại sao và trong những tình huống nào nên sử dụng nó

❌ Các khóa học không cung cấp mã đầy đủ

⚠ Bài giảng có cấu trúc thực nghiệm không có hệ thống

📃 Bài giảng không có lời giải thích đầy đủ

💸 Học phí cơ bản vượt quá 30.000 won

V S

[2024] Từ Người mới bắt đầu đến Chuyên gia phát triển ứng dụng với React Native

22.000₩, 1600₩ một giờ

✅ Bài giảng thực tế nơi bạn học trong khi tạo ra các dự án thực tế

🔺 Một bài giảng liên tục nhắc nhở bạn ngay cả những phần cơ bản để chúng được lưu trữ trực tiếp trong não bạn

💡 Một bài giảng giải thích rõ ràng TẠI SAO và KHI NÀO

📔 Các khóa học cung cấp mã đầy đủ

🪜 Phương pháp có hệ thống để nắm vững những điều cơ bản bài giảng

📚 Bài giảng giải thích từ những hiểu biết cơ bản

👌 1.600 won một giờ, cả đời nghe giảng với giá một con gà

Khóa học này được cấu trúc như thế nào? ✏

Tôi đã giới thiệu tóm tắt các bài giảng theo từng phần.

Mục 1. GIỚI THIỆU

Khoảng 5 phút

- Phần xem trước
- Mô tả cấu trúc bài giảng

✯✩✩✩✩
Mục 2. REACT NATIVE

Khoảng 31 phút

- Phần xem trước
- Giải thích kiến ​​thức lập trình cơ bản như biến và hàm
- Hãy xem React Native

✯✯✩✩✩
Phần 3. Bắt đầu

Khoảng 1 giờ 40 phút

- Cấu hình môi trường phát triển
- Cách xây dựng ứng dụng
- Xem qua các thành phần cơ bản của React Native

✯✯✯✩✩
Mục 4. Ứng dụng máy tính

Khoảng 1 giờ 6 phút

🧑‍💻 Phát triển

🍌 Cơ bản về JavaScript

🏃‍➡️ Bắt đầu với Node.js create-expo-app

🗂 Hiểu cấu trúc tệp

🧐 Các thành phần cơ bản như Văn bản, Chế độ xem, v.v.

🔘 Nút TouchableOpacity

💡 onLiên kết chức năng & báo chí

🔐 Sử dụng nâng cao useState

🤼‍♂ Sử dụng hoàn hảo giá trị mặc định của useState

🤔 Liên kết câu lệnh useState và if

🫗 Hiểu về null

🎛 Sử dụng các tham số

🔄️ Triển khai khởi tạo giá trị

📚 Tạo mảng và liên kết bản đồ

🎨 Kiểu dáng

⚪ Kiểu dáng cơ bản của React Native

💅 Các thành phần được tạo kiểu

📕 15+ kiểu cơ bản

✴ Cú pháp sắp xếp cốt lõi

🔨 Cải tiến giao diện người dùng bằng cách sử dụng các kiểu

✯✯✩✩✩
Mục 5. Ứng dụng dịch thuật

Khoảng 50 phút

🧑‍💻 Phát triển

🟦 Cơ bản về TypeScript

🏃‍➡️ Bắt đầu với cli cộng đồng

🪛 Giới thiệu thư viện bên ngoài

👇 Bộ chọn React Native

⌨ thành phần đầu vào

❇ Lưu dữ liệu đầu vào của người dùng

📚 Tạo một biến danh sách

❓ Biến kiểu boolean

🪬 Sử dụng toán tử logic (&&)

⚒ Sử dụng chức năng bản đồ

🟰 Ngăn chặn các bản dịch cùng ngôn ngữ (toán tử ba ngôi)

🎨 Kiểu dáng

🔲 Kiểu dáng thiệp hiện đại

💅 Các thành phần được tạo kiểu

✴ Cú pháp sắp xếp cốt lõi

🔨 Cải tiến giao diện người dùng bằng cách sử dụng các kiểu

🫸 lề kiểu cơ bản

✯✯✯✯✩
Mục 6. Ứng dụng thời tiết

Khoảng 2 giờ 4 phút

phát triển

🟦 TypeScript nâng cao

🪛 Giới thiệu API bên ngoài + khái niệm API

🔧 Lấy VS Axios

🛑 Các khái niệm về Node.js

🚩 Yêu cầu quyền truy cập vị trí của người dùng

🗺 Vị trí người dùng Thời tiết

📷 Thành phần hình ảnh

🪧 Tích hợp trình quét API & RN

🛡 Xác thực dữ liệu (Toán tử ba ngôi)

🔗 Thêm nút Liên kết

🌟 yêu cầu API useEffect

Kiểu dáng

🔲 Kiểu dáng thiệp hiện đại

💅 Các thành phần được tạo kiểu

✴ Cú pháp sắp xếp cốt lõi

🔨 Cải tiến giao diện người dùng bằng cách sử dụng các kiểu

🫸 Kiểu dáng cơ bản của lề

🪂 đệm kiểu dáng cơ bản

🔘 Kiểu dáng nút thẻ

✯✯✯✯✯

Mục 7 • 9 • 10. Ứng dụng Coin

Khoảng 5 giờ 25 phút

phát triển

🟦 Bậc thầy TypeScript

📇 Tạo thành phần của riêng bạn và sử dụng nó

📚 chức năng bản đồ & tích hợp API

⬜ Xem trước (trước khi tải) thành phần

🔗 Liên kết & Biểu tượng Vector React Native

🔖 Hiển thị biểu tượng/huy hiệu xác thực dữ liệu có điều kiện

🏃‍➡️ Di chuyển đến màn hình đăng ký của Tab dưới cùng thông qua useNavigation

🪧 Tạo huy hiệu thẻ

📜 Kết nối ScrollView dọc và FlatList ngang

🔍 Triển khai chức năng tìm kiếm thông qua API tìm kiếm

Kiểu dáng

🔲 Kiểu dáng thẻ nâng cao

💅 Các thành phần được tạo kiểu

✴ Cú pháp sắp xếp cốt lõi

🔨 Cải tiến giao diện người dùng bằng cách sử dụng các kiểu

🔍 Kiểu dáng hộp tìm kiếm

🧱 Tạo kiểu cho các ngăn chia bằng borderBottom

⚪ Đặt fontWeight phù hợp

👤 Kiểu dáng tab hồ sơ hợp thời trang

🔗 Thực hành tạo kiểu bằng các phím tắt tab hợp lý

Quản lý nhà nước

📖 Hiểu rõ cấu trúc của Redux

📜 Thành phần khung cơ bản hiệu quả

🔧 Sử dụng hiệu quả các thành phần Slice

🫙 Thực hành lưu trạng thái với redux-persist

🔌 thực hành tích hợp redux-persist & MMKV

⚡ Quản lý trạng thái chỉ sử dụng MMKV & Redux

đăng nhập

🔗 Nút đăng nhập tự phát triển

⚠ Thực hiện phản hồi cho các lỗi khác nhau

🫙 Lưu thông tin người dùng khi đăng nhập

🔌 Truyền thông tin người dùng đã lưu

👤 Hiển thị thông tin người dùng đã chuyển trong tab hồ sơ

🌉 Màn hình hiển thị tùy thuộc vào việc đã đăng nhập hay chưa

[Phụ lục đặc biệt] Phân phối

🤖 Quy trình triển khai Android

🍎 Quy trình triển khai iOS

🐈‍⬛ Quy trình triển khai Github

✯✯✯✩✩

Mục 8. Đặc biệt. Phát triển ứng dụng Redux Counter

Khoảng 1 giờ 11 phút

Kỹ năng học tập

♋ Redux từ cơ bản đến nâng cao

⚛ Phản ứng Redux

➿ Redux-persist

⚡ Phản ứng gốc MMKV

Mục 11. Kết thúc bài giảng

Khoảng 26 phút

Cuối cùng, đây là phần chúng ta cùng nhìn lại những gì đã học được khi kết thúc bài giảng này.

[Phụ lục] Dành cho những bạn đang băn khoăn không biết nên theo con đường nào sau khi học khóa học này, chúng tôi đã chuẩn bị một loạt Sơ đồ công nghệ .

Sau khi học xong khóa học này, bạn sẽ có thể tạo ra những kết quả như thế này 🖼

Vui lòng nhập tiêu đề_-001 (46)

Màn hình ứng dụng máy tính

P1. Ứng dụng máy tính

| Kỹ năng học tập

  • Tạo Mảng

  • chức năng bản đồ

  • sử dụngState

  • công tắc

  • Chức năng tự phát triển

  • Các thành phần cơ bản

ㅣ Chi tiết

  • Logic khởi tạo

  • Thực hiện bốn hoạt động cơ bản

  • Cảm giác về kiểu dáng cơ bản

  • Công việc bổ sung để ngăn ngừa sự dịch chuyển của các thành phần, v.v.

ㅣ Ý nghĩa

  • Học những điều cơ bản về phát triển và tạo kiểu hiệu quả nhất


  • Sau khi trình bày những vấn đề khác nhau xảy ra trong quá trình phát triển, chúng tôi đã cải thiện chúng.

  • Triển khai logic bằng các kỹ năng JS cơ bản

Vui lòng nhập tiêu đề_-001 (47)

Màn hình ứng dụng dịch

Trang 2. Ứng dụng dịch thuật

| Kỹ năng học tập

  • Người hái

  • Thành phần thẻ

  • Mảng & Bản đồ

  • Nhập văn bản

  • Cách sử dụng thư viện bên ngoài

  • Toán tử ba ngôi

ㅣ Chi tiết

  • Hiểu cấu trúc của thư viện bạn muốn sử dụng

  • Theo dõi đầu vào của người dùng

  • Ngăn chặn hoàn toàn việc chọn cùng một ngôn ngữ

  • Tạo kiểu bằng cách sử dụng lề và đệm một cách thích hợp

ㅣ Ý nghĩa

  • Tương tác của người dùng

  • Chủ đề ứng dụng thực tế

  • Phát triển có thể phản ánh 100% ý định của nhà phát triển

  • Thiết kế Thẻ được sử dụng thường xuyên nhất trong UI

Vui lòng nhập tiêu đề_-001 (48)

Màn hình ứng dụng thời tiết

Trang 3. Ứng dụng thời tiết

| Kỹ năng học tập

  • Vị trí địa lý

  • Yêu cầu API

  • Kiểu dáng thẻ

  • Liên kết

  • Người vuốt

  • Bản đồ

  • sử dụngHiệu ứng

  • Xử lý không đồng bộ

  • Hình ảnh

ㅣ Chi tiết

  • Hiển thị thời tiết tại vị trí của bạn


  • Thu thập dữ liệu cần thiết từ người dùng khi thực hiện yêu cầu API

  • Chỉ chọn và hiển thị dữ liệu bạn cần từ kết quả yêu cầu API

  • Sử dụng hook useEffect để yêu cầu API nhanh nhất có thể

  • Khuyến khích người dùng tương tác với các nút Tìm hiểu thêm

ㅣ Ý nghĩa

  • Chủ đề ứng dụng thực tế

  • Các ứng dụng hoạt động với người dùng ở trung tâm

  • Tìm hiểu cách sử dụng Swiper, một thư viện hữu ích


Vui lòng nhập tiêu đề_-001 (49)

Màn hình ứng dụng Coin

Trang 4. Ứng dụng Coin

| Kỹ năng học tập

ㅣ Chi tiết

  • Sử dụng đầy đủ API

  • Liên kết trang web bên ngoài trong các thành phần khác nhau

  • Kiểu dáng thành phần thẻ hoàn hảo

  • Chức năng tìm kiếm

ㅣ Ý nghĩa

  • Sự cải thiện vững chắc về kỹ năng thông qua phát triển ở các cấp độ khó

  • Một dự án sẽ củng cố các kỹ năng thực tế của bạn

Câu hỏi thường gặp

#1. Người không biết gì về lập trình có thể tham gia khóa học này không?

Đúng. điều đó là có thể. Khóa học này không tập trung sâu vào React Native mà dạy kiến ​​thức lập trình cơ bản theo cách dễ hiểu hơn bất kỳ khóa học nào khác, do đó, ngay cả người mới bắt đầu cũng có thể tham gia khóa học mà không gặp nhiều khó khăn, và những người đã học một chút về lập trình cũng có thể dễ dàng theo học khóa học.

#2. Tôi có nên học React.js trước và tham gia khóa học không?

KHÔNG. Vì React Native là một framework dựa trên React nên bài giảng sẽ giải thích về ngữ pháp cơ bản của React. Ngay cả khi bạn không biết gì về React, bạn vẫn có thể học React và React Native thông qua khóa học này.

#3. Khóa học này có được cập nhật không?

Đúng. Nó sẽ được cập nhật.
Các bài giảng sẽ tiếp tục được cập nhật do thư viện đóng cửa, các vấn đề về bài giảng, v.v.!

Cập nhật lần cuối: 2025-02-27

Lưu ý trước khi tham gia lớp học 🧳

Khóa học sẽ được tiến hành trong môi trường Windows 11 Home.
Ngay cả khi bạn đang sử dụng macOS, bạn vẫn có thể tham gia bài giảng mà không gặp vấn đề gì.

Môi trường thực hành 🪓

  • Hệ điều hành và Phiên bản (OS): Windows 7 trở lên / macOS 10 trở lên / Linux

  • Công cụ sử dụng: Android Emulator, Android Studio, VSCode, Node.js, JDK

  • Không gian lưu trữ cần thiết: Ít nhất 50GB

Tài liệu học tập 📜

  • Cuối mỗi bài giảng đều có những tài liệu tham khảo quan trọng! Nếu có thuật ngữ phát triển nào bị bỏ sót trong bài giảng hoặc nếu cần mã, vui lòng tham khảo phần cuối bài giảng.


Kiến thức và biện pháp phòng ngừa của người chơi ⚠

  • Khóa học này dạy ngữ pháp cơ bản của React và React Native. Nếu bạn biết React, bạn sẽ thấy bài giảng rất dễ theo dõi, nhưng ngay cả khi bạn không biết React, bạn vẫn có thể theo dõi bài giảng mà không gặp vấn đề gì.

  • Khóa học này được lên kế hoạch và ghi hình vào tháng 12 năm 2024 - tháng 1 năm 2025.

  • Khóa học này sẽ được cập nhật thường xuyên dựa trên đánh giá của bạn và các bản cập nhật phiên bản React Native.


  • Tôi sẽ rất cảm kích nếu bạn có thể nghe bài giảng trong khi thực hành.

  • Khóa học này hỗ trợ tính năng Hỏi & Đáp, do đó bạn có thể hỏi cộng đồng bất kỳ câu hỏi nào bạn có.


  • Khóa học này chỉ dành cho những học viên đã thanh toán học phí.

    Việc chia sẻ và sao chép tác phẩm đều bị cấm.

  • Khóa học này sử dụng môi trường Windows (Android).

  • Bạn cũng có thể thực hành đầy đủ trong môi trường macOS (iOS).

Đầu tư 13 giờ và trở thành nhà phát triển ứng dụng chính thức .

Khuyến nghị cho
những người này!

Khóa học này dành cho ai?

  • Những ai muốn tự mình biến ý tưởng thành ứng dụng

  • Những người muốn dấn thân vào lĩnh vực phát triển ứng dụng

  • Ai muốn tự làm ứng dụng riêng

  • Ai muốn làm nhà phát triển ứng dụng

  • Ai muốn học làm app nhanh để có side project

  • Những ai từng quan tâm đến lĩnh vực phát triển ứng dụng

Cần biết trước khi bắt đầu?

  • React.js (tùy chọn)

  • Javascript (tùy chọn)

Xin chào
Đây là

106

Học viên

5

Đánh giá

30

Trả lời

2.4

Xếp hạng

1

Khóa học

Hello, World.

안녕하세요. 저는 5년째 앱 개발 분야에서 활동하고 있는 시니어 앱개발자 정현우라고 합니다 :)

FAQ

  1. 사용할 수 있는 스택:

    React Native, JavaScript, p

    ython, TypeScript, React.js

  2. 전문분야:

    React Native(앱 개발)

LECTURES

[독점]5개 프로젝트로 마스터하는 실전 React Native

Chương trình giảng dạy

Tất cả

119 bài giảng ∙ (13giờ 26phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!