Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]
Bạn sẽ tìm hiểu cách sử dụng GraphQL cơ bản và nâng cao, công nghệ kiểm soát API thế hệ tiếp theo và trải nghiệm dự án thực tế thông qua dịch vụ kiosk ảo được tạo bằng GraphQL.
Khóa học đã được cập nhật một phần lên phiên bản mới nhất, apollo-server v4, kể từ tháng 2 năm 2024.
Có thể triển khai cả front-end và back-end! Trải nghiệm GraphQL trong thực tế 💪
Bí quyết tốt nhất cho sự tự tin là Đó là việc tạo ra một cái gì đó từ đầu đến cuối. Nếu bạn có một chút kiến thức về web, Hãy tận dụng cơ hội này để tiến thêm một bước với nhiều công nghệ khác nhau!
Làm chủ GraphQL 👑
GraphQL, công nghệ kiểm soát API thế hệ tiếptheo bổ sung và nâng cao API REST, đã có mặt . Từ những kiến thức cơ bản về GraphQL đến các dịch vụ nâng cao, hoàn chỉnh, khóa học nàysẽ hướng dẫn bạn mọi thứ, từ backend, frontend đến triển khai. Bạn có muốn cùng nhau tạo một menu thông minh không?
Nội dung khóa học được chuẩn bị để dễ hiểu
#1. GraphQL của Ngữ pháp cơ bản và nâng cao
Bạn sẽ được học từng bước tất cả ngữ pháp cần thiết cho GraphQL. Phần lý thuyết của bài giảng được thiết kế sao cho dễ hiểu nhất có thể, sử dụng hình ảnh và hoạt ảnh.
#2. Dự án thực tế (Menu thông minh) Triển khai
Bây giờ bạn đã nắm vững những kiến thức cơ bản, bước tiếp theo là triển khai một dự án thực tế. Chúng ta sẽ tạo một dịch vụ kiosk ảo, Smart Menu, bằng GraphQL. Từ máy chủ backend đến frontend, toàn bộ quá trình triển khai sẽ tập trung vào GraphQL.
#3. Nhiều vấn đề khác nhau Cách giải quyết
Không chỉ đơn giản là đọc, ghi và sửa đổi mã nguồn, bạn sẽ được tìm hiểu về nhiều vấn đề và giải pháp khác nhau có thể phát sinh khi xây dựng dịch vụ . Bạn sẽ được tìm hiểu về các vấn đề toàn vẹn dữ liệu phát sinh khi sử dụng Apollo Cache, các biện pháp phòng ngừa khi tải tệp lên NodeJS và các quy trình xác thực thiết yếu cho dịch vụ.
#4. Hiệu quả hơn Phương pháp phát triển front-end
Chúng tôi cũng sẽ hướng dẫn bạn cách sử dụng nền tảng Svelte đang nổi lên mạnh mẽ để phát triển front-end hiệu quả hơn. Khóa học này sẽ cung cấp cho bạn kiến thức cơ bản về GraphQL và kinh nghiệm thực tế với back-end, front-end và triển khai một dịch vụ duy nhất.
Tôi giới thiệu điều này cho những người này 🙋♀️
Bất kỳ ai quan tâm đến GraphQL và đang cân nhắc bắt đầu
Bất kỳ ai muốn trải nghiệm backend và frontend web đầy đủ
Bất kỳ ai tò mò về trang web được tạo bằng các công nghệ mới nhất như Apollo và Svelte
Những người muốn triển khai một cái gì đó sau khi học những kiến thức cơ bản về HTML và Javascript
Xem trước dự án triển khai 👀
Màn hình xem menu được triển khai với tính năng cuộn vô hạn
Màn hình đăng nhập
Màn hình đăng ký menu
Màn hình báo động sau khi đặt hàng
Tài liệu tham khảo bài giảng 📍
Để biết liên kết đến các gói hoặc mã nguồn được sử dụng trong bài giảng, vui lòng tham khảo 'Phần 2 Cơ bản về GraphQL - Giới thiệu về tài liệu bài giảng'.
Bài giảng tham khảo 📚
Câu hỏi dự kiến Hỏi & Đáp 💬
H. Đây có phải là bài giảng lý thuyết về GraphQL không?
Tìm hiểu mọi thứ, từ cách sử dụng cơ bản đến cách áp dụng vào các dự án thực tế. Đối với các dự án, chúng tôi sẽ hướng dẫn cách triển khai GraphQL ở cả backend và frontend.
H. Đối với phần front-end, tôi có cần phải học Svelte trước không?
Tôi đã chuẩn bị một phần giới thiệu ngắn gọn về những kiến thức cơ bản của Svelte trong suốt khóa học. Nếu bạn hiểu rõ nội dung được trình bày, tôi tin rằng bạn sẽ có thể hoàn thành khóa học.
H. Môi trường phát triển như thế nào?
Bạn có thể cài đặt và tiến hành các chương trình cần thiết cho môi trường phát triển trên bất kỳ PC nào có thể cài đặt NodeJs, bao gồm Mac, Windows và Linux.
Giới thiệu Người chia sẻ kiến thức ✒️
Tôi bắt đầu phát triển web toàn thời gian vào giữa những năm 2000 và làm việc tự do kể từ đó. Trong khoảng năm năm, tôi đã cung cấp đào tạo thực tế về các giải pháp BI của Amplix và hỗ trợ phát triển, tích lũy kinh nghiệm quý báu và hiểu biết sâu sắc về cách triển khai công nghệ mới một cách hiệu quả.
Hiện tại, tôi đang nghiên cứu phát triển các công nghệ mới trong lĩnh vực liên quan đến web có thể hữu ích cho các nhà phát triển và tôi chia sẻ chúng thông qua các khóa học và sách.
Người làm việc tự do hiện tại
Cựu Trưởng nhóm, Bộ phận Giải pháp Chiến lược, Bizplug Co., Ltd.
Cựu Trưởng nhóm, Nhóm phát triển dịch vụ Winnie Story, Công ty TNHH Funny Monkeys
Nhìn chung thời gian giảng ngắn, có ưu điểm là không gây cảm giác nặng nề và có ưu điểm là trả lời câu hỏi nhanh chóng.
Về phần nhược điểm...
Mã đã được viết sẽ được hiển thị và giải thích ở định dạng ppt.
(Khi được nhấn, mã hiện có sẽ bay đi và mã được thêm vào bằng một thanh trượt)
Mặc dù tôi đang xem các cấu trúc mã lạ và nghe giải thích ở định dạng ppt, nhưng tôi không thể hiểu được dòng mã và rất khó theo dõi.
Đã có mã bài giảng cho phần này trên GitHub, vậy tại sao bạn không sao chép và dán nó? Bạn có thể làm điều đó.
Tuy nhiên, nếu bạn đã có ý định làm như vậy thì GitHub lẽ ra cũng nên lưu mã vào các nhánh cho từng phần bài giảng.
Mã bài giảng GitHub đã là mã hoàn chỉnh và việc sao chép và dán mã bằng cách so sánh chúng với bài giảng mà tôi hiện đang nghe rất mệt mỏi.
Nghe phần server đầu khóa mình đã học chăm chỉ suốt 4 tiếng đồng hồ không ngừng nghỉ và say mê nhưng từ khi tham gia phần front mình bắt đầu nghĩ học phí quá đắt so với chất lượng. của bài giảng tôi đã chuyển nó đi.
Cuối cùng, đây không phải là một buổi hội thảo như Tech Tech, nhưng tôi nghĩ sẽ có nhiều người không thích bài giảng dạng PPT này hơn là thích nó. Hơn nữa, mã không quá phức tạp hay dài nên tôi nghĩ sẽ tốt hơn nếu bạn thêm phần giải thích khi nhập mã cùng nhau.
Khi tôi theo dõi bài giảng đến ppt, tôi cảm thấy thực sự mệt mỏi với tư cách là một người nghe. Tôi chỉ xem nửa sau của bài giảng và bỏ qua nó bằng cách nhấp vào nút.
Bạn đã hoàn thành khóa học.
Với sự hiểu biết cơ bản về Javascript, HTML và CSS,
Tôi tham gia lớp học vì tôi muốn tạo một dịch vụ toàn diện.
Ngoài ra còn có React và Vue nhưng Svelte được cho là dễ dàng và hấp dẫn.
Tôi đã chọn thư viện này.
Lớp này bao gồm toàn bộ quá trình từ con số 0 đến việc tạo ra một dịch vụ menu thông minh.
Lời giải thích được giải thích từng bước nên tôi hiểu rất rõ.
///
Điều đáng thất vọng là tôi cứ bị mắc kẹt trong giờ học. Tôi đã mắc một số lỗi chính tả khi viết mã, nhưng có nhiều lỗi chính tả quan trọng trong video bài giảng, vì vậy sẽ nảy sinh vấn đề nếu tôi cố gắng làm theo bằng cách chỉ xem video bài giảng.
Thỉnh thoảng có lỗi chính tả trong mã ví dụ nên mỗi lần chạy máy chủ và kiểm tra nó, tôi thường bối rối không biết mình đã mắc lỗi hay có lỗi đánh máy trong nội dung bài giảng.
(Tôi không hiểu làm thế nào những người viết bài đánh giá lớp khác lại tiến hành lớp học mà không đặt câu hỏi trên bảng thông báo. Chẳng phải họ đã đi đến cùng sao?)
Môi trường trong lớp là Mac OS và môi trường của tôi là môi trường Windows, vì vậy không giống như lớp đó, lệnh thực thi máy chủ là met.bat thay vì sao băng.
Hoặc có vấn đề về tiến độ lớp học khác nhau do phiên bản hiện tại của Meteor khác.
Tuy nhiên, khi tôi đăng câu hỏi về những vấn đề này lên bảng tin cộng đồng, giáo viên đã trả lời trong vòng một hoặc hai ngày nên tôi có thể tiếp tục đến lớp.
//
Từ phần 4 về cách tạo SMART MENU, ban đầu thì không sao, nhưng khi mã ngày càng mở rộng, việc so sánh sự khác biệt với mã trước đó khi xảy ra lỗi trở nên rất quan trọng.
Tôi cảm thấy cần phải kiểm soát phiên bản, đồng thời nghiên cứu và áp dụng Git riêng biệt.
Vì tôi tham gia lớp học bằng cách tạo một nhánh bất cứ khi nào mã trong mỗi phần được hoàn thành mà không có lỗi và cam kết mỗi khi hoàn thành một chương nhỏ trong phần đó nên tôi có thể phản hồi nhanh chóng ngay cả khi có lỗi xảy ra sau phần 12 và 13.
Đối với những người mới bắt đầu như tôi, tôi khuyên bạn nên học Git riêng và sử dụng nó trong lớp.
Ngoài ra, về việc gỡ lỗi trong lớp, tôi nghĩ sẽ tốt hơn cho những người mới bắt đầu như tôi nếu có nhiều phần hơn để kiểm tra cửa sổ terminal cho phần phụ trợ và cửa sổ bảng điều khiển cho giao diện người dùng. Đây là nội dung cơ bản nên tôi không nghĩ nó được đưa vào nội dung của lớp.
Tuy nhiên, tôi nghĩ sẽ tốt hơn nếu đề cập ngắn gọn về git và các phương pháp gỡ lỗi trong lớp.
//
< Sự cố chặn phụ đề >
Ngoài ra còn có các video có phụ đề giữa các bài giảng và tôi hy vọng rằng khi đổi mới phụ đề, chúng sẽ được đặt phía trên thanh phát. Mỗi lần tôi dừng lại và nhìn, phụ đề đều bị che khuất. ㅠ
//
Trong khi dạy lớp, tôi đã làm việc chăm chỉ để báo cáo bất kỳ chỗ mắc kẹt và lỗi chính tả nhỏ nào, và để giải quyết những chỗ này,
Giáo viên cho biết công việc đổi mới khóa học sẽ được thực hiện vào tháng 3 năm 2023, vì vậy những người tham gia lớp học sau đó có thể sẽ thấy lớp học thoải mái hơn.
//
Sau khi hoàn thành lớp học,
- Cách thức hoạt động của GraphQL nói chung và cách vận hành nó trên máy chủ Apollo.
- Bạn đang sử dụng Svelte để xây dựng front-end kết nối với back-end một cách dễ dàng và nhanh chóng?
Tôi đã có thể tìm ra.
Tôi chăm chú nghe và hiểu, nhưng tôi nghĩ mình cần đọc lại hai ba lần để hiểu rõ hơn về cấu trúc và cách thức hoạt động.
Cá nhân tôi nghĩ mình cần nghiên cứu thêm về cách tạo front-end bằng Svelte, vì vậy tôi nghĩ mình cần phải học thêm.
Là người mới bắt đầu chỉ xem React hoặc Vue qua video nên tôi không chắc lắm, nhưng sau khi tạo dịch vụ bằng Svelte, tôi thấy Svelte rất dễ dàng và trực quan.
Một khung tích hợp dành riêng cho Svelte có tên là svelteKit đã được phát hành và tôi hy vọng rằng bạn cũng sẽ tạo một khóa học cho phần này..
Nội dung bài giảng thực sự mang tính thông tin nên nếu bạn muốn nghe thì hãy nghe nhé.
Tôi rất vui vì bạn đã hoàn thành bài giảng một cách an toàn.
Trước tiên, chúng tôi đã cải thiện lỗi chính tả và các phần có vấn đề bằng cách nhận xét về video.
Cảm ơn bạn đã chỉ ra phần này.
Và về sveltekit, chúng tôi sẽ cố gắng ra mắt sớm nhất có thể.
Một lần nữa xin chúc mừng bạn đã hoàn thành khóa học.
Cảm ơn
Cảm ơn bạn vì bài giảng tuyệt vời.
Tôi quen với cách phát triển giao diện người dùng/được hỗ trợ dựa trên graphql.
Các phần bộ đệm, liên kết, tải lên tệp và xác thực cũng rất hữu ích.
Đây là lần đầu tiên tôi sử dụng sao băng, nhưng tôi thấy nó hữu ích sau khi làm theo quá trình triển khai cuối cùng.
Tôi mong đợi nội dung tốt trong tương lai.