
Thực hành trung tâm! React cho người mới bắt đầu FE
IT Share
Sau khi hoàn thành toàn bộ bài giảng, bạn sẽ có khả năng tự mình phát triển một dịch vụ web.
초급
React, Node.js, Redux
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ế!
122 học viên
Độ khó Nhập môn
Thời gian Không giới hạn
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
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ờ.
Sau đây là một số lý do lớn nhất để sử dụng React Native.
🏢 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
| Đ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
🕸 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
🔥 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)
🔧 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à
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 .
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ế.
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 đã so sánh khóa học này với các khóa học khác trên Inflearn.
⛔ 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
✅ 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à
Tôi đã giới thiệu tóm tắt các bài giảng theo từng phần.
- Phần xem trước
- Mô tả cấu trúc bài giảng
- 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
- 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
🍌 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 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
🟦 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 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
🟦 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 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ẻ
🟦 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 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ý
📖 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
🔗 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
🤖 Quy trình triển khai Android
🍎 Quy trình triển khai iOS
🐈⬛ Quy trình triển khai Github
♋ Redux từ cơ bản đến nâng cao
⚛ Phản ứng Redux
➿ Redux-persist
⚡ Phản ứng gốc MMKV
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ệ .
Màn hình ứng dụng máy tính
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
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.
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
Màn hình ứng dụng dịch
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
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
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
Màn hình ứng dụng thời tiết
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
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
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
Màn hình ứng dụng Coin
Điều hướng Tab dưới cùng
Điều hướng ngăn xếp gốc
Quản lý nhà nước
Làm sâu hình ảnh
Đăng nhập Google
Hiển thị ảnh hồ sơ, tên và thông tin email
Kiểm tra xem bạn đã đăng nhập chưa
Huy hiệu thẻ
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
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
Đú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.
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.
Đú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
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ì.
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
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.
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).
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)
32,809
Học viên
74
Đánh giá
4.7
Xếp hạng
1
Khóa học
IT Share là một nhóm chuyên gia cung cấp mọi thông tin về các vị trí công việc trong lĩnh vực IT.
Tất cả
119 bài giảng ∙ (13giờ 26phút)
Tài liệu khóa học:
Tất cả
8 đánh giá
2.9
8 đánh giá
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
Mời các bạn xem lại toàn bộ video. Có quá nhiều đoạn edit lạ và quá nhiều đoạn code được thêm vào đột ngột mà không có lời giải thích.
Xin chào, đây là người chia sẻ kiến thức Jeong Hyeon-woo. Trước khi viết bình luận, tôi thành thật xin lỗi vì sự thiếu kinh nghiệm trong việc xem lại video. Khi xem lại toàn bộ bài giảng, có vẻ như trong phần chỉnh sửa video thường xuyên mắc lỗi gọi là chỉnh sửa cắt video do quá chú trọng đến việc học viên phải học nhanh. Chúng tôi chân thành xin lỗi về điều này và chúng tôi dự định xem lại toàn bộ video trong tháng 9 và sửa lại bài giảng bằng cách chỉnh sửa lại video để video ổn định hơn và bổ sung mọi giải thích về những thay đổi trong video. Tôi xin gửi lời xin lỗi đến sinh viên vì đã gửi bài giảng còn thiếu sót. Tôi cũng muốn bày tỏ lòng biết ơn của mình đến sinh viên vì đã đánh giá cao dù bài giảng còn thiếu sót. Chúng tôi sẽ sửa lại bài giảng sớm nhất có thể, trong vòng tháng Chín. Cảm ơn
Đánh giá 6
∙
Đánh giá trung bình 4.8
5
Cảm ơn bạn.
Chúc mừng hoàn thành khóa học, vô cùng cảm ơn đánh giá quý báu 😊😊🙇♂️
Đánh giá 4
∙
Đánh giá trung bình 4.0
1
Bạn đã tải lên ít bài giảng hơn? Ứng dụng máy tính đột nhiên chạy lần thứ hai và tôi thậm chí còn không biết rằng nó chạy Android auto được kết nối, vậy đây là gì?
Xin chào, đây là người chia sẻ kiến thức Jeong Hyeon-woo. Xin lỗi😢.. Hiện tại, bài giảng cần được đổi mới hoàn toàn do thư viện đã bị bãi bỏ, nhưng nó hoàn toàn trùng lặp với lịch trình cá nhân của tôi và thời gian gia hạn. Vì vậy, tôi hiện đang tải các bài giảng lên theo tuần tự và tôi sẽ đánh giá cao nếu điều đó xảy ra. bạn có thể lưu ý điều này. Trước hết, chúng tôi đang tiến hành thời gian gia hạn chặt chẽ nhất có thể, vì vậy hãy kiên nhẫn. Xin lỗi 🙇♂️ Và tôi có thể xác nhận rằng câu hỏi bạn hỏi là lần thứ hai trong phần ứng dụng máy tính. Xin hãy hiểu điều này.
Đánh giá 9
∙
Đánh giá trung bình 4.3
1
Trước hết, vì kỹ năng của tôi kém xa so với giảng viên nên tôi đọc lướt qua toàn bộ bài giảng thay vì đọc kỹ trước. Điều này có thể gây khó chịu cho giảng viên, nhưng hãy để tôi kể cho bạn nghe từ góc nhìn của một người chưa biết. 1. Có vấn đề với âm thanh của dòng sông. 2. Chất lượng hình ảnh không phải là vấn đề lớn, nhưng tôi không biết rõ về React, nhưng cũng không có dự án tham khảo nào và vì đây là lần đầu tiên tôi sử dụng React Native nên không dễ theo dõi. Có một số phần mà bài giảng nhảy lung tung. Tất nhiên có thể là do tôi không hiểu, nhưng chắc chắn có những phần không được ghi lại giữa bài giảng thứ nhất và thứ hai. Và có quá nhiều thay đổi về công cụ OBS trong quá trình giảng dạy. 3. Nó giống như một bài giảng đơn độc. Không biết có phải vì thời gian không còn nhiều nhưng hơi thất vọng khi có cảm giác câu chuyện như bị kéo dài về phía trước hơn là khiến người xem hiểu được. Tóm lại~ Điều tôi học được là React Native trông như thế này. Tôi cũng biết được rằng các ứng dụng di động sử dụng những thứ này. Sau này, tôi thấy điều gì đó tương tự như thế này trong bài giảng đó và tôi nghĩ nó sẽ hữu ích để tham khảo. Cảm ơn
Xin chào nannyahoo, đây là người chia sẻ kiến thức Jeong Hyeon-woo. Trước hết tôi xin chân thành cảm ơn và xin lỗi vì đã dành thời gian nghe một số bài giảng chưa được đổi mới cũng như những góp ý quý báu của bạn trong quá trình đổi mới khóa học do thư viện bị bãi bỏ. Tôi thành thật xin lỗi vì có những bài giảng tôi không chú ý đến chi tiết, và bạn đã không sai, có những bài giảng trước khi đổi mới trình bày quá vội vàng, và cũng có những bài giảng trước khi đổi mới. đã vội vàng chỉnh sửa. Tuy nhiên, trong bài giảng đổi mới này, vấn đề bạn nêu đã được cải thiện hoàn toàn. Việc đổi mới bài giảng sẽ hoàn tất vào Chủ Nhật tuần này “22/9”, kính mời các bạn tham khảo. Chúng tôi xin lỗi vì không thể cung cấp một bài giảng vừa ý và chúng tôi sẽ quay lại với một bài giảng được đổi mới tốt hơn.
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!