React Native: Learn & Practice

Học React Native thông qua các giải thích ngắn gọn, ví dụ mã thực tế và các bài tập nhỏ. Khám phá 148 bài học trong 10 mô-đun, mở một ví dụ trong trình soạn thảo mã và chỉnh sửa nó để hiểu cách giao diện hoạt động.

Một lộ trình rõ ràng từ cơ bản đến thực hành

Bắt đầu với văn bản, khung nhìn, biến, thành phần, hình ảnh và kiểu dáng. Tiếp tục với bố cục Flexbox, biểu mẫu, nhập văn bản, nút, tương tác cảm ứng, cuộn và danh sách. Các mô-đun sau giới thiệu các hook, các thành phần có thể tái sử dụng, quản lý trạng thái, các khái niệm về hiệu suất, bố cục đáp ứng và các dự án thực hành.

Đọc ý tưởng trước khi chỉnh sửa

Mỗi bài học kết hợp mục tiêu, tổng quan bằng ngôn ngữ dễ hiểu, ý tưởng chính, mã, mẹo thực tế, một bài tập nhỏ và các câu hỏi để tự đánh giá. Xem ví dụ cùng với phần giải thích, sau đó mở phiên bản có thể chỉnh sửa khi bạn sẵn sàng thử nghiệm. Các nhãn Người mới bắt đầu, Trung cấp và Thực hành giúp bạn hiểu vị trí của mỗi chủ đề trong khóa học.

Hãy thử các thay đổi của riêng bạn

Sử dụng trình soạn thảo JavaScript và JSX tích hợp để điều chỉnh văn bản, giá trị, kiểu dáng và hành vi của thành phần. Tô sáng cú pháp và số dòng giúp các ví dụ dễ theo dõi hơn. Chức năng Hoàn tác và Làm lại giúp bạn khám phá các thay đổi, trong khi chức năng Đặt lại mã sẽ khôi phục ví dụ ban đầu. Chạm vào Chạy ứng dụng để mở bản xem trước trong ứng dụng, sau đó quay lại chế độ chỉnh sửa để thử lại.

Khám phá các mẫu hữu ích

Nghiên cứu các trường nhập liệu được kiểm soát, xác thực biểu mẫu, hiển thị mật khẩu, bộ đếm ký tự, lọc danh sách, các mục có thể chọn và trạng thái trống. Thực hành với bộ đếm, bộ hẹn giờ, đồng hồ trực tiếp, bộ chuyển đổi nhiệt độ, máy tính tiền boa, thẻ, accordion, các tab đơn giản và danh sách việc cần làm nhỏ. Đây là những ví dụ học tập cho phép bạn xem xét cách các thành phần nhỏ của giao diện kết hợp với nhau.

Tìm bài học bạn cần

Tìm kiếm tiêu đề bài học hoặc thu hẹp thư viện theo mô-đun. Chuyển đổi giữa tất cả các bài học, bài học đang học, bài học yêu thích đã lưu và bài học đã hoàn thành. Sử dụng các nút Trước và Tiếp theo hoặc vuốt giữa các bài học. Khi bạn mở một bài học từ thư viện đã lọc, điều hướng sẽ theo lựa chọn đó để bạn có thể tiếp tục với các chủ đề bạn đã chọn.

Theo dõi quá trình học tập của bạn

Đánh dấu các bài học để xem lại và đánh dấu chúng là đã hoàn thành khi bạn sẵn sàng. Màn hình chính hiển thị tiến độ khóa học, số lượng đã hoàn thành và đã lưu, và chuỗi học tập liên tục. Tiếp tục bài học cuối cùng hoặc chuyển sang chủ đề chưa hoàn thành tiếp theo. Tiến độ và dấu trang được lưu trữ cục bộ trên thiết bị của bạn.

Quay lại các thí nghiệm của bạn

Chạy một ví dụ sẽ lưu mã của nó dưới dạng bản nháp cục bộ cho bài học đó. Mở lại trình soạn thảo để khôi phục bản nháp hoặc đặt lại để quay lại mã gốc. Điều này giúp bạn dễ dàng xem lại một ý tưởng sau khi nghỉ mà không cần thay thế tài liệu ban đầu.

Chọn giao diện thoải mái

Chọn chế độ sáng, chế độ tối hoặc chủ đề hệ thống cho giao diện học tập. Đọc một khái niệm, xem xét mã của nó, thực hiện một thay đổi tập trung và sử dụng thử thách để thực hành áp dụng nó.

Được thiết kế cho sinh viên, người mới bắt đầu có hứng thú với lập trình và các nhà phát triển đang xem lại các khái niệm giao diện di động. Các ví dụ chạy trong bản xem trước dựa trên web; API và hành vi cụ thể của nền tảng có thể khác với ứng dụng gốc. Ứng dụng có chứa quảng cáo. Ứng dụng giáo dục độc lập; không liên kết hoặc được chứng thực bởi dự án React Native.