Clone coding ứng dụng giao hàng [với React Native]
Chúng tôi sẽ cùng bạn xây dựng một ứng dụng giao hàng dành cho tài xế bằng React Native. Đây là khóa học của một nhà phát triển đã có 6 năm kinh nghiệm làm việc với React Native, từng tạo ra hơn 5 ứng dụng và đã bán lại công ty cho Kakao Mobility.
Phương pháp giảng dạy là xem xét mã. Từ phần tạo ứng dụng, chúng ta cùng nhau mã hóa theo cấu trúc thư mục và cấu trúc màn hình, nhưng cơ bản là bật mã do người hướng dẫn viết và đọc từng mã một để hiểu quy trình. bạn có thể theo dõi JavaScript và React ở một mức độ nào đó. Điều đó có thể hiểu được. Tôi thích nó vì tôi cảm thấy giống một đồng nghiệp hơn là một người hướng dẫn. Khi giải thích, hoặc là bạn giải thích sâu những gì đã thuộc lòng vì sách không giải chi tiết, hoặc ngược lại, bạn mạnh dạn bỏ qua những điều không cần phải suy nghĩ kỹ từng cái một (ví dụ: xuất mặc định, useState , toán tử bậc ba, v.v.) để rõ ràng bạn giỏi hơn người mới bắt đầu. Tôi có thể thấy nó phù hợp với người chơi ở trình độ trung cấp. Tôi đã tham gia khóa học này vì sự cần thiết trong khi làm việc và nó rất phù hợp với tôi!!
5.0
김민석
81% đã tham gia
Tôi đang tìm việc làm trong tháng thứ 3 tự học React Native. Tôi cảm thấy việc tự mình học từng cái một trên Google sẽ có giá trị hơn là trả hàng trăm đô la cho một học viện tư nhân để học, vì vậy tôi đã mua khóa học này vì rất khó để vượt qua một cấp độ nhất định khi học. Đó là khoảng thời gian vô cùng bổ ích vì tôi cảm thấy như mình đang tiếp nhận được những kiến thức quý giá mà chỉ những người tu luyện mới có thể nghe được. Cảm ơn : )
5.0
alphacircle0322
83% đã tham gia
Tôi đã học được rất nhiều lời khuyên hữu ích. Thật dễ hiểu và chắc chắn hữu ích. Một điều đáng thất vọng là tôi muốn biết một số mẹo để duy trì mã sạch như thể nó được sử dụng trong thực tế, nhưng có nhiều mã trùng lặp, các thành phần trùng lặp và các chức năng thực hiện cùng chức năng hơn tôi mong đợi. Tôi không biết cách tổ chức những phần như vậy một cách hiệu quả trong thực tế. Tôi đã nghĩ rằng tôi có thể xem mã như thể tôi đang viết nó, nhưng điều đó thật đáng tiếc.
Các định nghĩa kiểu cũng có thể được thực hiện một cách chặt chẽ hơn... Thật không may, tôi muốn thấy chúng được viết một cách chặt chẽ như các tập lệnh kiểu được sử dụng trong thực tế, nhưng...
Bạn sẽ nhận được điều này sau khi học.
React Native
React Navigation
Xác thực mã thông báo
Naver Map
Module gốc
WebSocket
Thông báo đẩy
CodePush
Phát hành ứng dụng
Khóa học phát triển ứng dụng di động của ZeroCho "tin tưởng và lắng nghe"! 🤳
Trong khóa học này?
Hãy cùng học tất cả từ thiết lập môi trường, phát triển đến triển khai bằng cách tạo một ứng dụng giao hàng dành cho tài xế với React Native!
(Bất kỳ ai biết React đều có thể tạo ứng dụng.)
Bối cảnh lập kế hoạch bài giảng 🖋️
React Native là một công nghệ mà tôi vô cùng biết ơn, bởi nhờ nó mà tôi đã xây dựng và vận hành ổn định ứng dụng của công ty hiện tại, thậm chí còn giúp công ty được Kakao Mobility mua lại. Tuy nhiên, khi nhìn vào các khóa học React Native đang có trên thị trường, tôi thấy đa số đều sử dụng Expo hoặc là những ứng dụng quá đơn giản nên không đi sâu vào phần Native. (Cũng có rất nhiều thông tin sai lệch cho rằng chỉ cần biết JS là có thể làm được ứng dụng mà không cần biết gì về Native.) Vì vậy, với phong cách riêng của mình, tôi đã tạo ra khóa học này để đính chính những hiểu lầm đó và chia sẻ một cách thực tế những gì bạn sẽ trải qua, từ việc thiết lập dự án đầu tiên cho đến khi phát hành ứng dụng.
📌 Nếu có điều gì thắc mắc, hãy đặt câu hỏi nhé! Tôi sẽ phản hồi nhanh chóng trong vòng 24 giờ.
Đặc điểm của bài giảng 📚
Tôi sẽ cho bạn biết chính xác những ưu và nhược điểm thực tế của React Native.
Khóa học này đúc kết những trăn trở & bí quyết mà ZeroCho đã tích lũy được trong suốt 6 năm phát triển ứng dụng bằng React Native.
Giáo án bài giảng, tài liệu tham khảo và mã nguồn đều đã được chuẩn bị sẵn sàng!
Bạn có biết rằng các bài giảng của ZeroCho có tốc độ phản hồi Q&A cực kỳ nhanh không? Ngoài ra, nếu có những nội dung mà học viên thường xuyên thắc mắc hoặc muốn biết thêm, tôi sẽ sản xuất và đăng tải chúng dưới dạng bài giảng bổ sung. Hãy để lại ý kiến của bạn trong phần Q&A bất cứ lúc nào nhé!
Ai nên tham gia khóa học này?✋
Những người cảm thấy áp lực khi phải học cả Android và iOS
Những người muốn mở rộng ngôn ngữ lập trình sang các nền tảng khác
Những ai muốn phát hành ứng dụng chỉ với React Native
Hình ảnh của tôi sau khi nghe bài giảng 💭
Tạo ứng dụng thông qua React Native
Phát hành trên App Store và Play Store
Liên kết giữa React Native và Native (Native side)
Xem trước nội dung bài giảng 📣
1. Đăng nhập, đăng xuất
2. Áp dụng Splash Screen, CodePush
3. Một loạt quy trình giao hàng (Chấp nhận đơn hàng, xác nhận vị trí của tôi, tải lên hình ảnh sau khi hoàn tất giao hàng, kiểm tra lợi nhuận)
4. Liên kết TMap
Giải đáp các câu hỏi thường gặp ❔❕
Q. Tôi có cần phải biết React không?
Vâng, React Native cũng là React. Những ai chưa biết rõ có thể xem khóa học miễn phí của tôi trước, sau đó sẽ có thể hiểu được đầy đủ. Ngoài ra, sẽ rất tốt nếu bạn có một chút kiến thức về Flex trong CSS.
Q. Có nhất thiết phải dùng TypeScript không?
Vì tôi sẽ chỉ rõ phần nào trong bài giảng là mã TypeScript, nên nếu muốn, bạn có thể loại bỏ TypeScript và chuyển sang học bằng JavaScript. Tuy nhiên, hãy lưu ý rằng hệ sinh thái JavaScript hiện nay gần như đã chuyển sang TypeScript, và hầu hết các công ty lớn đều sử dụng TypeScript khi phát triển dự án mới!
Q. React và React Native có giống nhau không?
Các nguyên lý cơ bản (state, props, lifecycle, hook, v.v.) đều tương tự nhau. Tuy nhiên, thay vì các thành phần như div hay input, sẽ có các thành phần tương ứng với native riêng. Cách vẽ màn hình sẽ được hướng dẫn riêng trong khóa học.
Q. Dạo này Flutter đang rất phổ biến, nhưng có lý do cụ thể nào nhất định phải là React Native không?
Lý do sử dụng React Native thay vì Flutter là vì chúng ta sẽ cùng học về CodePush (thay đổi mã nguồn thời gian thực mà không cần phát hành lại), hãy kiểm tra trong bài giảng nhé!
Q. Cần phải có máy Mac hoặc iPhone à?
Đối với phía Android, Windows là đủ và bài giảng cũng được thực hiện trên Windows. Tuy nhiên, để phát triển ứng dụng iPhone, bạn cần có máy Mac vì trên Windows sẽ rất chậm và còn có vấn đề về bản quyền. iPhone không phải là bắt buộc nhưng sẽ tốt hơn nếu có để kiểm tra trước khi phát hành.
Khác 🛠️
Portfolio / Video cá nhân Pick of the Day RidersAndroidiOS
Ưu điểm trong các bài giảng của tôi là phần Q&A (Từng 2 lần giành giải Chiến thần giải đáp của Inflearn). Tôi sẽ cố gắng phản hồi trong vòng 24 giờ! Tôi sẽ trả lời với tinh thần như đang cùng bạn giải quyết vấn đề!
Một trong những điểm mạnh chính trong các khóa học của tôi là hỗ trợ Giải đáp thắc mắc (Q&A). (Từng hai lần giành giải thưởng "Vua giải đáp" của Inflearn) Tôi sẽ phản hồi các câu hỏi của bạn trong vòng 24 giờ và cố gắng hết sức để giúp đỡ bạn! Bạn sẽ cảm thấy như chúng ta đang cùng nhau giải quyết các vấn đề.
👉Bài giảng của ZeroCho Lộ trình đầy đủ cho tất cả các bài giảng của ZeroCho. Lộ trình hoàn chỉnh cho tất cả các khóa học của tôi có sẵn tại đây.
– Tác giả của Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript và TypeScript Textbook – Người điều hành ZeroCho.com – Hiện tại) Đang phát sóng về phát triển phần mềm trên YouTube tại ZeroCho TV – Cựu) CTO tại Smoretalk – Cựu) CTO của Today's Pickup (Sau khi thương vụ exit với Kakao Mobility, trở thành Trưởng bộ phận phát triển trẻ tuổi nhất tại Kakao Mobility)
Tác giả của Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript và TypeScript Textbook
Như đã đăng, có thể sẽ hơi khó khăn đối với người mới bắt đầu. Mặc dù có thể khó khăn nhưng tôi bắt đầu nghe bài giảng với suy nghĩ sẽ tự mình lắng nghe và đánh giá, nhưng ở đây tôi cảm thấy mình thực sự chưa có nền tảng. 😆😆😆😆😆 Điều hơi thất vọng là bài giảng có vẻ hơi lộn xộn, cứ quay đi quay lại giữa giải thích a rồi nhớ b và giải thích b. Thay vì sử dụng ppt hoặc hình ảnh để sắp xếp nội dung như các bài giảng khác, các khái niệm được gõ ra trong lớp và đôi khi được giải thích. Đôi khi, tôi nghĩ mình phải chú ý lắng nghe trong lớp mới hiểu được người ta đang nói gì. Có lẽ đó là một điều tốt vì bạn có thể tập trung trong lớp? Tôi nghĩ bạn chắc chắn sẽ có thể học nó dễ dàng nếu bạn học ở cấp độ sơ cấp hoặc cao hơn. Dù sao, tôi dừng lại chỉ sau nửa buổi học để phản ứng và học lại lớp... Tôi không nghĩ rằng mình sẽ hiểu ngay cả khi nghe kỹ hơn. Zerocho-chan
Đây là khóa học tất cả trong một nơi bạn có thể cùng nhau tạo một ứng dụng. Tôi nghĩ đây là một khóa học quý giá dành cho những ai thực sự muốn thử công việc thực tế và khởi chạy ứng dụng. Thay vì chỉ sơ qua và cố gắng làm cho nó dễ dàng, chúng tôi sẽ nói về những khó khăn gặp phải khi khởi chạy một ứng dụng với tư cách là RN dựa trên kinh nghiệm của chúng tôi khi thực sự khởi chạy một ứng dụng với tư cách là RN và lắng nghe nó một cách tập trung trong suốt lớp học.
Tôi đặc biệt giới thiệu nó cho bất kỳ ai cần áp dụng nó vào thực tế. Có thể hơi khó khăn nhưng sau khi nghe hết, bạn sẽ hiểu rõ những phần nào cần có khi khởi chạy một ứng dụng với RN. Cảm ơn bài giảng!
Và đối với những người yếu đuối như tôi, tôi thực sự khuyên bạn nên sử dụng Time Attack do Zerocho điều hành.
Bạn có thể ngăn mình trở nên lười biếng bằng cách xem xét mục tiêu tiến độ hàng tuần và phản hồi từ những người tham gia khóa học.
Phương pháp giảng dạy là xem xét mã. Từ phần tạo ứng dụng, chúng ta cùng nhau mã hóa theo cấu trúc thư mục và cấu trúc màn hình, nhưng cơ bản là bật mã do người hướng dẫn viết và đọc từng mã một để hiểu quy trình. bạn có thể theo dõi JavaScript và React ở một mức độ nào đó. Điều đó có thể hiểu được. Tôi thích nó vì tôi cảm thấy giống một đồng nghiệp hơn là một người hướng dẫn. Khi giải thích, hoặc là bạn giải thích sâu những gì đã thuộc lòng vì sách không giải chi tiết, hoặc ngược lại, bạn mạnh dạn bỏ qua những điều không cần phải suy nghĩ kỹ từng cái một (ví dụ: xuất mặc định, useState , toán tử bậc ba, v.v.) để rõ ràng bạn giỏi hơn người mới bắt đầu. Tôi có thể thấy nó phù hợp với người chơi ở trình độ trung cấp. Tôi đã tham gia khóa học này vì sự cần thiết trong khi làm việc và nó rất phù hợp với tôi!!
Tôi đang tìm việc làm trong tháng thứ 3 tự học React Native. Tôi cảm thấy việc tự mình học từng cái một trên Google sẽ có giá trị hơn là trả hàng trăm đô la cho một học viện tư nhân để học, vì vậy tôi đã mua khóa học này vì rất khó để vượt qua một cấp độ nhất định khi học. Đó là khoảng thời gian vô cùng bổ ích vì tôi cảm thấy như mình đang tiếp nhận được những kiến thức quý giá mà chỉ những người tu luyện mới có thể nghe được. Cảm ơn : )
Tôi đã học được rất nhiều lời khuyên hữu ích. Thật dễ hiểu và chắc chắn hữu ích. Một điều đáng thất vọng là tôi muốn biết một số mẹo để duy trì mã sạch như thể nó được sử dụng trong thực tế, nhưng có nhiều mã trùng lặp, các thành phần trùng lặp và các chức năng thực hiện cùng chức năng hơn tôi mong đợi. Tôi không biết cách tổ chức những phần như vậy một cách hiệu quả trong thực tế. Tôi đã nghĩ rằng tôi có thể xem mã như thể tôi đang viết nó, nhưng điều đó thật đáng tiếc.
Các định nghĩa kiểu cũng có thể được thực hiện một cách chặt chẽ hơn... Thật không may, tôi muốn thấy chúng được viết một cách chặt chẽ như các tập lệnh kiểu được sử dụng trong thực tế, nhưng...
"Thực tế khi code trong thực tế không có thời gian và rườm rà nên có rất nhiều code trùng lặp như khóa học này. Đúng hơn là nó phản ánh thực tiễn thực tế nhiều hơn!”… là một trò đùa. Mình sẽ cố gắng edit nó khi có thời gian. Cảm ơn bạn haha
Tôi đồng ý với nhận xét đó. Cấu trúc của bài giảng hiện tại cũng rất tốt. Có một phần tái cấu trúc riêng biệt, vì vậy ngay cả khi đây không phải là toàn bộ khóa học về tái cấu trúc, thì đó sẽ là một khóa học hoàn hảo nếu có một khóa học về cách tái cấu trúc đúng cách một thứ!
.gif "ezgif.com-gif-maker (3).gif")
.gif "ezgif.com-gif-maker (7).gif")
.gif "ezgif.com-gif-maker (1).gif")
.gif "ezgif.com-gif-maker (4).gif")
![[Sửa đổi lần thứ 3] Sách giáo khoa Node.js - Từ cơ bản đến thực hành dự ánHình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/330181/cover/47e0125e-75ad-4946-96d3-54bbc444a188/330181-eng.jpg?w=420)
![Clone coding Slack [Backend với NestJS + TypeORM]Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/327193/cover/010c8faf-bfc5-4c6a-9623-a68dc3b38697/327193-eng.png?w=420)
![[Renewal] Tự học lập trình: Nhập môn JavaScript cùng ZeroChoHình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/327126/cover/edca2ab2-47b4-45b7-92c6-5bb00fd125eb/327126.jpg?w=420)
![[Làm mới] Tạo ứng dụng bản đồ nhà hàng ngon (React Native & NestJS)Hình thu nhỏ khóa học](https://cdn.inflearn.com/public/files/courses/332375/cover/01k3x8ecea6jym1d28qcc6zcds?w=420)
