Hãy thử sức phát triển ứng dụng di động với React Native!

" Nói không với lập trình ứng dụng chỉ mới bắt đầu và không bao giờ kết thúc!!
Hiện tại tôi là nhà phát triển ứng dụng với React Native !!!"

■ Giới thiệu bài giảng

● Phần 0: Giới thiệu về React Native và Thiết lập Môi trường Phát triển

Phần này sẽ giới thiệu về React Native và giải thích cách thiết lập môi trường phát triển . React Native, một framework đa nền tảng dành cho ứng dụng di động, được thiết kế để giúp bạn hiểu tổng quan về React Native, bao gồm cách một cơ sở mã duy nhất có thể chạy ứng dụng trên iOS và Android, cũng như kiến thức tiên quyết cần thiết để phát triển React Native. Chúng tôi cũng sẽ giải thích cách cài đặt các chương trình và công cụ để phát triển React Native . Việc thiết lập môi trường phát triển React Native có thể khá phức tạp. Vì phiên bản của từng chương trình và công cụ đã được chỉ định, bạn không cần phải lo lắng về các vấn đề tương thích. Phần này được thiết kế để giảm bớt các rào cản khi thiết lập môi trường bằng cách cài đặt từng cái một.

● Phần 1: Chạy Trình mô phỏng

Phần này giải thích cách chạy mã phát triển của bạn trên Trình giả lập Android và Trình mô phỏng iOS . Mặc dù React Native là một nền tảng đa nền tảng, nhưng có một số khác biệt về phong cách và đặc điểm của các thành phần gốc do iOS và Android cung cấp. Phần này được thiết kế để cho phép bạn kiểm tra màn hình đầu ra được hiển thị trên các thiết bị khác nhau bằng cách chạy từng trình mô phỏng.

● Phần 2: ECMAScript 6 (ES6)

Khóa học này sẽ bao gồm ngữ pháp cơ bản của ECMAScript 6 (ES6), kiến thức tiên quyết cho việc phát triển React Native . Phần này tập trung vào các khái niệm cốt lõi được sử dụng trong phát triển React Native, giảm thiểu việc học không cần thiết và đảm bảo việc tiếp thu kiến thức tiên quyết một cách hiệu quả .

● Phần 3: Phản ứng

Khóa học này sẽ bao gồm ngữ pháp React cơ bản, thiết yếu cho việc phát triển React Native . Khóa học sẽ sử dụng mã React Native để giải thích, giúp bạn làm quen với ngôn ngữ. Hơn nữa, phần này tập trung vào các khía cạnh thiết yếu nhất của phát triển React Native, đảm bảo việc học tập hiệu quả .

● Phần 4: Thành phần React Native

Khóa học này sẽ bao gồm các kiến thức cơ bản về ngữ pháp React Native . Tìm hiểu những điều cơ bản về cách sử dụng các thành phần khác nhau tạo nên màn hình ứng dụng (View, Text, Button, Image, TextInput, v.v.) và đi sâu hơn vào việc hiển thị màn hình nâng cao bằng cách kết hợp các thành phần này . Phần này được thiết kế để giúp bạn tìm hiểu ngữ pháp cơ bản và nội dung nâng cao cần thiết để xây dựng một màn hình duy nhất.

● Phần 5: React Navigation Ver. 5

Phần này sẽ giải thích cú pháp cơ bản của React Navigation, một thư viện bên thứ ba hỗ trợ chuyển tiếp màn hình . Phần này sẽ đề cập đến phiên bản 5 mới nhất được cập nhật, và bạn có thể tìm hiểu về Stack Navigator (chuyển tiếp màn hình bằng các nút), Drawer Navigator (các cửa sổ mới mở ra ở bên trái và bên phải màn hình), Tab Navigator (chuyển tiếp màn hình bằng nút Tab) và Vector Icon (sử dụng nhiều biểu tượng tiện lợi). Ngoài ra, phần này được thiết kế để cho phép bạn tìm hiểu các phương thức chuyển tiếp màn hình đa dạng và phong phú thông qua việc thiết kế cấu trúc cây màn hình (navigator lồng nhau) thông qua việc kết hợp từng navigator .

● Phần 6: Sử dụng tài nguyên điện thoại

Phần này giải thích cách sử dụng tài nguyên điện thoại thông minh . Để truy cập các tài nguyên thiết bị như danh bạ, camera và thư viện trong ứng dụng, việc cài đặt thêm các thư viện của bên thứ ba là điều cần thiết và trước tiên phải xác định quyền truy cập. Phần này khám phá các phương pháp ủy quyền để sử dụng tài nguyên thiết bị dựa trên chính sách bảo mật iOS và Android , đồng thời cung cấp hướng dẫn thực tế về cách sử dụng tài nguyên điện thoại thông minh thông qua quá trình phát triển thực tế .

● Phần 7: Hoạt hình

Phần này giải thích cách thêm hiệu ứng hoạt hình vào hình dạng và văn bản . React Native hỗ trợ hiệu ứng hoạt hình. Phần này không chỉ đề cập đến các hiệu ứng như màu sắc, độ trong suốt, xoay và chuyển động , mà còn đề cập đến cách tạo hiệu ứng hình ảnh đa dạng và phong phú thông qua việc kết hợp các hiệu ứng hoạt hình (nội suy, tuần tự, song song) .

● Mục 8: Những điều cần biết

Khóa học này bao gồm các kỹ năng nâng cao cần thiết cho việc phát triển React Native . Bắt đầu với phần giới thiệu về Trình gỡ lỗi (Debugger), một công cụ thiết yếu cho lập trình nâng cao, bạn sẽ học cách tạo và sử dụng các thành phần có thể tái sử dụng, cũng như cách xuất kết quả khác nhau cho các nền tảng khác nhau. Mục tiêu của phần này là cung cấp kiến thức nâng cao hơn và rèn luyện các kỹ năng thực tế để sử dụng trong thực tế .

● Phần 9: Kết luận bài giảng

Chúng tôi sẽ giải thích hành trình sau khi hoàn thành khóa học này . Khóa học này bao gồm những kiến thức cơ bản về React Native, nhưng việc hiểu các khái niệm về Redux và back-end là điều cần thiết cho việc phát triển ứng dụng thực tế và làm việc cộng tác trong lĩnh vực này. Khóa học tiếp theo hiện đang mở , nơi bạn sẽ học Redux và phát triển một ứng dụng thực tế thông qua lập trình nâng cao! Nếu bạn muốn tìm hiểu các chủ đề nâng cao như triển khai quy trình đăng nhập, nhận và xuất dữ liệu từ máy chủ, vui lòng tham gia khóa học tiếp theo.

Bạn có tò mò về bài giảng tiếp theo của người chia sẻ kiến thức (khóa học nâng cao) không?

React Native thực tế cho phát triển ứng dụng iOS/Android - Trung cấp
Hãy thử sức mình trong việc phát triển ứng dụng di động với React Native!

■ Tính năng bài giảng

● Tất cả kiến thức tiên quyết cần thiết cho quá trình phát triển React Native đều được đưa vào một bài giảng.

Phát triển React Native đòi hỏi kiến thức về ECMAScript 6 (ES6) và React , nhưng chỉ một phần nhỏ kiến thức đó thực sự được sử dụng trong phát triển React Native. Học mọi thứ mà không biết phải học gì là rất kém hiệu quả . Do đó, khóa học này tập trung vào các yếu tố cốt lõi của phát triển React Native . Chúng tôi hy vọng bạn sẽ thích thú khi học những kiến thức cơ bản về React Native chỉ trong một bài giảng.

● Bao gồm những kiến thức cơ bản về React Native

Khóa học này nhằm mục đích cung cấp cho bạn những kiến thức cơ bản về React Native cho phát triển front-end ứng dụng di động . Khóa học cung cấp những giải thích chi tiết để củng cố kiến thức nền tảng của bạn , đồng thời bao gồm các giải thích bổ sung cho bất kỳ khái niệm nào có thể khó hiểu, ngay cả khi chúng không dành riêng cho React Native. Ngay cả người mới bắt đầu với React Native cũng sẽ thấy dễ hiểu.

● Bao gồm React Navigation Ver. 5

Khóa học này bao gồm phiên bản mới nhất của React Navigation, Phiên bản 5. Đã có những thay đổi đáng kể kể từ bản cập nhật từ Phiên bản 4. Khóa học này được thiết kế để giúp bạn tìm hiểu phiên bản mới nhất của React Navigation bằng cách đề cập đến các chủ đề khó nắm bắt thông qua mã hóa thực tế và xem xét tài liệu chính thức .

● Ngay cả những người không chuyên ngành cũng có thể dễ dàng theo dõi

Khóa học này được thiết kế để người học không chuyên ngành có thể dễ dàng theo dõi . Khóa học không chỉ sử dụng ngôn ngữ kịch bản và API với rào cản đầu vào thấp mà còn điều chỉnh cẩn thận độ khó và nhịp độ của quy trình lập trình cùng các giải thích để đảm bảo việc học dễ dàng. Chúng tôi hy vọng rằng ngay cả những người mới bước chân vào thế giới phát triển ứng dụng cũng sẽ thành công với tư cách là nhà phát triển ứng dụng thông qua khóa học này.

■ Lưu ý

● Khóa học này sử dụng máy Mac . Vui lòng thiết lập môi trường Mac.

● Khóa học này sử dụng React Native CLI . Expo CLI, một giải pháp thay thế cho React Native CLI, có thể dễ dàng hơn cho người mới bắt đầu, nhưng lại hạn chế đáng kể về khả năng tự do phát triển. Tìm hiểu cách sử dụng React Native CLI để khắc phục những hạn chế của nó.

(※ Xin hãy hiểu rằng phản hồi cho bài giảng này có thể bị chậm trễ do hoàn cảnh của người chia sẻ kiến thức.)