Dự án đồ chơi React full-stack - REST, GraphQL (dành cho nhà phát triển FE)
Thực hành REST API và GraphQL trong khi tạo dịch vụ SNS dựa trên React đơn giản.
Giới thiệu một cách đơn giản và dễ dàng để tạo môi trường phụ trợ cho việc phát triển giao diện người dùng.
Các nhà phát triển front-end, hãy nâng cấp! Xây dựng sự tự tin trong truyền thông dữ liệu.
Trong bài giảng này
Hiểu cách sử dụng REST API và GraphQL , Bằng cách xây dựng một cơ sở dữ liệu đơn giản Sử dụng nó trong danh mục đầu tư của bạn!
Bạn đang chuẩn bị hồ sơ năng lực với mục tiêu tìm được việc làm lập trình viên front-end ? Trong bài giảng này, chúng ta sẽ tạo một dịch vụ mạng xã hội đơn giản bằng React thông qua một dự án nhỏ mang tên "clone coding ". Chúng ta sẽ cùng theo dõi, xây dựng không chỉ mã máy khách mà còn cả máy chủ và cơ sở dữ liệu.
Một nỗi sợ mơ hồ về máy chủ Bạn có muốn giải quyết vấn đề này không?
Gần đây, khi hướng dẫn những người chuẩn bị cho công việc front-end, tôi nhận thấy nhiều người cảm thấy áp lực khi phải học các công nghệ phía máy chủ.
Học tập xung quanh phía máy chủ Những lo lắng của một nhà phát triển FE mới vào nghề.
“Tôi cảm thấy gánh nặng rất lớn khi xây dựng môi trường phụ trợ.”
“Tôi muốn thử GraphQL, nhưng tôi không biết phải bắt đầu thế nào nếu không có sự trợ giúp từ phía sau.”
“Có thực sự đúng khi học MongoDB, MySQL, Firebase, v.v. trước khi đi làm không?”
Là một người không chuyên ngành nhưng cũng từng trải qua những khó khăn tương tự, tôi muốn chia sẻ với các bạn những kiến thức tôi đã tích lũy được. Nếu bạn sao chép, mã hóa bài giảng này và theo dõi dòng suy nghĩ của tôi, bạn sẽ tự nhiên tự tin hơn trong lĩnh vực truyền thông dữ liệu .
Bằng cách áp dụng phương pháp sử dụng JSON làm DB, bạn sẽ không gặp vấn đề gì khi thực hành giao tiếp dữ liệu ngay cả khi bạn có ít kiến thức về máy chủ và cơ sở dữ liệu.
Bằng cách thực hành di chuyển REST API sang GraphQL, bạn sẽ có đủ kiến thức để áp dụng GraphQL.
Nếu bạn đang tìm việc, vẫn chưa quá muộn để học MongoDB, MySQL, Firebase và các công nghệ khác sau này khi bạn cần. Hiện tại, tốt nhất là tập trung vào phát triển front-end. Bạn chỉ nên học các khía cạnh phía máy chủ cần thiết cho phát triển front-end.
Về truyền thông dữ liệu Xây dựng sự tự tin của bạn.
Gửi đến những người này Tôi khuyên bạn nên làm vậy.
người tìm việc
Việc làm front-end Chuẩn bị Không chuyên ngành
Tiền vệ Junior
Tôi muốn có được bí quyết Giao diện hiện tại Các nhà phát triển cũng được chào đón!
Thực hành ngay lập tức
API REST, GraphQL Cả hai Bất kỳ ai muốn thực hành
Điều này đặc biệt hữu ích cho những người sau:
✅ Những người cảm thấy gánh nặng khi học tập trên máy chủ ✅ Các nhà phát triển front-end muốn làm việc độc lập trên một danh mục đầu tư hoặc dự án đồ chơi ✅ Các nhà phát triển front-end hiện tại muốn đẩy nhanh quá trình phát triển front-end trước khi API sẵn sàng trong giai đoạn phát triển.
Các tính năng của khóa học này
Để xây dựng một DB cục bộ CRUD tối thiểu Bằng cách chỉ xử lý các chức năng Ít gánh nặng học tập hơn.
Thay vì giải thích tập trung vào ngữ pháp, Tập trung vào các ví dụ thực tế Kỹ năng phát triển thực tế Bạn có thể nâng nó lên.
Quá trình phát triển thực tế Chỉ cần làm theo Tất nhiên, dòng chảy tổng thể Bạn có thể hiểu được.
Chúng ta sẽ bắt đầu phát triển front-end bằng React và Next.js. Chúng ta sẽ tạo dữ liệu giả và triển khai tất cả các chức năng mà không cần giao tiếp với máy chủ.
2. Máy chủ - Triển khai REST API
Chạy máy chủ dựa trên nền tảng Express trong Node.js. Xây dựng cơ sở dữ liệu và tạo tuyến đường bằng JSON.
3. Giao tiếp giữa máy khách và REST API
Khách hàng hoàn thành CRUD dựa trên dữ liệu thực tế thông qua giao tiếp REST API.
4. Máy chủ - Triển khai GraphQL
Chuyển đổi máy chủ sang cú pháp GraphQL dựa trên Apollo Server.
5. Khách hàng - Giao tiếp GraphQL
Triển khai giao tiếp GraphQL trên máy khách. Chúng ta cũng sẽ khám phá API react-query, chuyên về cuộn vô hạn.
Câu hỏi dự kiến Hỏi & Đáp
H. Đây có phải là khóa học mà sinh viên không chuyên ngành cũng có thể tham gia không?
Đúng vậy, mục tiêu của chúng tôi là cung cấp một môi trường backend tối thiểu để phát triển frontend cho những người không chuyên.
H. Tôi có cần chuẩn bị gì trước khi tham dự buổi thuyết trình không?
Bạn cần cài đặt Node.js và Yarn. Bạn cũng nên làm quen với React và ECMAScript mới nhất để quá trình diễn ra suôn sẻ.
H. Tôi có phải tham dự buổi thuyết trình không?
Không, điều đó không đúng. Tôi đã đăng toàn bộ mã nguồn lên GitHub . Tôi đã tách từng chương thành các nhánh. Nếu bạn có thể xem mã nguồn và học trực tiếp, bạn vẫn có thể nắm vững toàn bộ khóa học mà không cần phải tham dự bài giảng này.
Tuy nhiên, dòng chảy ý thức mà tôi truyền tải bằng lời nói trong suốt bài giảng không thể đạt được chỉ thông qua mã GitHub. Đối với những ai chưa tự tin vào khả năng lập trình và tự giải quyết vấn đề, tôi tin rằng bài giảng này sẽ mang lại trải nghiệm bổ ích hơn nhiều.
Người chia sẻ kiến thức Bạn có quan tâm đến các bài giảng khác không?
Mặc dù tôi không gặp nó dễ dàng trong các bài giảng khác,
Đây có vẻ như là một khóa học bắt buộc dành cho các nhà phát triển front-end!
Tôi không chắc liệu mình có nên nghiên cứu full stack hay không vì việc phát triển FN cũng đòi hỏi kiến thức về phía máy chủ, nhưng thật tuyệt khi có thể hiểu và trải nghiệm các khái niệm giao tiếp cơ bản một cách tương đối dễ dàng.
Chào thầy! Tôi cũng chăm chỉ đọc hổ sách (giọng to)!! Tôi đang tìm kiếm một dự án full-stack và khi thấy một khóa học mới xuất hiện, tôi đã đăng ký nó với tốc độ ánh sáng (lợi ích cho người đăng ký sớm 🐶!), tích trữ nó và bây giờ bắt đầu học. Mình mới xem phần 1 thôi nhưng mình rất thích những lời giải thích ngắn gọn nhưng đầy ý nghĩa, và mình cũng rất vui khi bạn tiếp tục cập nhật những phản hồi bổ sung, dù nhỏ nhưng về sau sẽ hay nên mình mới xem. 'Tôi đang viết bài đánh giá trước!
Nếu bạn không hiểu, tôi sẽ quay lại với một câu hỏi.
Mình cũng sẽ đợi những phiên bản bổ sung của TS như bài viết dưới đây!!
Khi làm một dự án phải hoàn thành trong thời gian ngắn, tôi phải khẩn trương tạo một local API vì không có máy chủ để bàn giao API mặc dù tôi cần test chức năng giao tiếp.
Tôi đã có thể truy cập bài giảng một cách rất kịp thời và may mắn thay, tôi đã có thể kiểm tra và thể hiện chức năng giao tiếp mà không gặp vấn đề gì trong thời gian đó :)
Bản thân bài giảng rất ngắn gọn và xác định chính xác những phần cần thiết nên bạn có thể dễ dàng tự làm bài giảng sau khi xem qua bài giảng.
Cảm ơn, nó đã giúp tôi rất nhiều! Cảm ơn!
Trước khi tiếp tục dự án đồ chơi, tôi đã nghe một bài giảng để hiểu quy trình tổng thể và nó rất hữu ích. Bằng cách chuyển từ phần còn lại sang graphql, tôi có thể trực tiếp cảm nhận rằng graphql linh hoạt hơn, nhưng là một người mới nghe về graphql lần đầu nên thấy khó hiểu nên tôi đã tìm kiếm thêm thông tin. Đặc biệt, tôi nghĩ rằng tôi cần xem xét phần truy vấn React nhiều hơn để áp dụng trực tiếp nó ở phía máy khách. Tuy nhiên, có vẻ như các truy vấn React chắc chắn có những lợi thế. Từ những gì tôi nghe được sau khi kết thúc chương trình đào tạo, tôi cảm thấy như mình đang làm việc với công nghệ mới (?) chứ không chỉ là một dự án đồ chơi full-stack, vì vậy đó là phạm vi để nghiên cứu trong tương lai, nên dù khó khăn nhưng tôi hài lòng .
Tôi đã tham gia khóa học mà không hiểu gì về GraphQL. Đó là thời điểm tôi có thể cảm nhận được công nghệ này như thế nào. Mặc dù khối lượng học không lớn nhưng tôi vẫn có thể học một cách vui vẻ. Cần phải có một số hiểu biết về React và Next.js, đồng thời việc xử lý đột biến của phần 6 và các phần bảo mật chức năng khác hơi khó khăn.