Viết mã một bản sao Reddit là một dự án tuyệt vời giúp bạn học nhiều kỹ năng và công nghệ lập trình khác nhau
Chúng tôi vừa xuất bản một khóa học trên freeCodeCamp. org Kênh YouTube sẽ hướng dẫn bạn cách viết mã bản sao Reddit bằng React, Firebase, Next. js, Chakra UI và TypeScript
Shadee Merhi ban đầu tạo ra khóa học này. Shadee là nhà phát triển full stack và người tạo khóa học
Khóa học bắt đầu bằng cách thiết lập dự án và hiểu các khái niệm cơ bản của Next. js, bao gồm các trang và định tuyến phía máy khách
Tiếp theo, chúng ta sẽ chuyển sang cài đặt gói cốt lõi, bao gồm Chakra-React, Firebase và Recoil, cũng như thiết lập ChakraProvider và tìm hiểu về React 18 [với Chakra]. Chúng tôi cũng sẽ tạo chủ đề Chakra và tìm hiểu về kiểu dáng toàn cầu
Sau đó, chúng tôi sẽ đi sâu vào React TypeScript và tạo Tiếp theo. js Thành phần bố cục. Từ đó, chúng ta sẽ bắt đầu xây dựng Thanh điều hướng, bao gồm cấu trúc thư mục thành phần và tìm hiểu về các nguyên tắc cơ bản về kiểu dáng của Giao diện người dùng Chakra, chẳng hạn như hộp linh hoạt và thiết kế đáp ứng với các truy vấn phương tiện
Chúng tôi cũng sẽ đề cập đến các chủ đề quan trọng như tạo thành phần SearchInput, các nút và phương thức xác thực cũng như làm việc với Recoil và Firebase. Bạn sẽ tìm hiểu cách sử dụng các hook như useCreateUser, useSignInWithGoogle và useAuthState để quản lý dữ liệu người dùng, cũng như cách sử dụng các giao dịch và bộ sưu tập phụ của Firestore
Ngoài ra, chúng tôi sẽ đề cập đến các tính năng quan trọng như tạo và tham gia cộng đồng, chức năng đám mây và kết xuất phía máy chủ với NextJS. Chúng ta cũng sẽ tìm hiểu cách xử lý việc xóa bài đăng, tùy chỉnh hình ảnh cộng đồng và bỏ phiếu cho bài đăng
Khóa học sẽ kết thúc với phần giải thích chi tiết về cách triển khai với Vercel và triển khai các quy tắc bảo mật của Firebase
Khi kết thúc khóa học này, bạn sẽ hiểu rõ về cách xây dựng một bản sao Reddit đầy đủ tính năng bằng các công nghệ mới nhất, bao gồm React, Firebase, Next. js, Chakra UI và TypeScript. Vì vậy, đây là một cơ hội tuyệt vời để học hỏi và cải thiện kỹ năng mã hóa của bạn cũng như xây dựng một dự án mà bạn có thể giới thiệu với các nhà tuyển dụng tiềm năng
Xem toàn bộ khóa học trên freeCodeCamp. org kênh YouTube [12 giờ xem]
QUẢNG CÁO
QUẢNG CÁO
Tôi là giáo viên và nhà phát triển với freeCodeCamp. tổ chức. Tôi chạy freeCodeCamp. tổ chức kênh YouTube
Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn
Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu