Bài giảng này là một video bài giảng về cách tạo dự án SLOG trong nửa sau của cuốn sách tôi viết có tên ‘Web Frontend Bắt đầu với Svelt’. Tôi chuẩn bị bài giảng này để bù đắp cho một số thiếu sót trong cuốn sách và mong rằng sẽ có nhiều người quan tâm đến front-end framework mang tên Svelte.
Đánh giá từ những học viên đầu tiên
5.0
임상훈
Tôi nghĩ đây là một bài giảng ngắn gọn, đơn giản mà theo dòng chảy ý thức sẽ giúp nắm được khung cơ bản. Tuyệt vời!
5.0
김경태
Tôi nghĩ đây là một bài giảng hay cho những người mới làm quen với Svelt lần đầu ~ ^^
5.0
ataraxia808
Đó là điều tốt nhất..... Nếu bạn biết một chút về backend thì ôi! Bạn có thể thấy rằng đây là cách hoạt động của giao tiếp. Cảm ơn bạn rất nhiều..
Cách sử dụng Trung cấp Svelte
Phương thức giao tiếp bằng Rest API
Phương pháp giao tiếp máy chủ hiệu quả bằng Axios
Triển khai phân trang bằng cách sử dụng cuộn vô hạn
Phương thức xác thực bằng mã thông báo JWT
Xác thực mẫu
Svelte, xu hướng FE đang lên
Nhanh chóng có được những kiến thức cần thiết cho các nhà phát triển trung cấp!
Giờ đây, khi bạn đã nắm vững những kiến thức cơ bản về Svelte, bước tiếp theo là thực hiện một dự án thực tế. Hãy tích lũy kinh nghiệm cơ bản khi làm việc trên một dự án thực tế với khóa học dự án REST-API Svelte này!
Khóa học này sẽ hướng dẫn bạn cách tạo, đọc, cập nhật và xóa dữ liệu trên máy chủ bằng Svelte. Bạn cũng sẽ được học các yếu tố thiết yếu để phát triển các dự án front-end, chẳng hạn như xác thực bằng mã thông báo JWT và phân trang bằng cuộn vô hạn.
Trang bình luận
Trang đăng nhập
Bài giảng này là phiên bản video của chương cuối cùng trong cuốn sách 'Web Frontend Starting with Svelte'.
(Điều kiện tiên quyết: Kiến thức cơ bản về HTML/CSS và JavaScript, kiến thức cơ bản về Svelte)
.png?w=960)
Có lẽ nhiệm vụ phổ biến nhất trong phát triển front-end là tạo ra một dịch vụ giao tiếp với REST API. Việc yêu cầu dữ liệu từ máy chủ, hiển thị dữ liệu trên màn hình và yêu cầu thêm, sửa đổi và xóa dữ liệu (CRUD) là những yếu tố thiết yếu đối với bất kỳ lập trình viên front-end nào .
Bài giảng này trình bày cách sử dụng thiết yếu của các API REST này từ góc nhìn giao diện người dùng.
Ngoài việc sử dụng REST API một cách thiết yếu, chúng tôi còn đề cập đến cách cải thiện hiệu quả giao tiếp bằng cách thực hiện các sửa đổi một phần thay vì tải lại toàn bộ dữ liệu khi có thay đổi trong danh sách bằng cách sử dụng Store của Svelte, cũng như các vấn đề có thể phát sinh khi triển khai giao diện người dùng cuộn vô hạn được sử dụng rộng rãi và cách giải quyết chúng.
Ngoài ra, chúng tôi đã chuẩn bị một khóa học được thiết kế để giúp bạn nắm vững những kiến thức cơ bản về phát triển front-end, một điều bạn sẽ cần cân nhắc khi chuyển từ trình độ sơ cấp sang trung cấp, thông qua các phương pháp xác thực sử dụng JWT, xác thực biểu mẫu để nâng cao tính hoàn thiện của ứng dụng, chế độ xem ngày tháng trực quan hơn và tạo các thành phần có thể tái sử dụng độc lập. Hãy cùng nhau giải quyết vấn đề này! (Svelte, Axios, Yup, Datejs)
Bất kỳ ai quan tâm đến phát triển front-end
Bất kỳ ai muốn tạo ra thứ gì đó nhanh hơn trên web
Bất kỳ ai muốn triển khai điều gì đó bằng cách sử dụng kiến thức cơ bản về HTML và JavaScript
Nhà phát triển front-end mới bắt đầu muốn trở thành nhà phát triển FE trung cấp
Nếu bạn đã hoàn thành khóa học front-end, tôi khuyên bạn nên tham gia khóa học xây dựng máy chủ API cho dịch vụ đó. Chúng tôi đã chuẩn bị một khóa học back-end sử dụng các công nghệ Node.js mới nhất, bao gồm Fastify, Prisma và TypeScript.
Liên kết khóa học: https://inf.run/mpCv8
H. Tôi có cần biết những kiến thức cơ bản về Svelte không?
Bạn có thể học những kiến thức cơ bản về Svelte trong 1-2 giờ thông qua khóa học miễn phí khác của tôi. Tôi khuyên bạn nên học khóa đó trước, sau đó mới đến khóa này.
H. Môi trường phát triển như thế nào?
Bạn có thể cài đặt và tiếp tục sử dụng 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 Node.js, bao gồm macOS, Windows và Linux.
H. Dự án này có giống hệt với dự án trong cuốn sách "Web Front: Bắt đầu với Svelte" không?
Mặc dù bản thân dự án vẫn như vậy, tôi đã tạo một video bổ sung cho phần lớn nội dung của cuốn sách. Video bao gồm các chi tiết bổ sung, chẳng hạn như xác thực bằng mã thông báo JWT và tách các phần liên quan đến thao tác cuộn thành một thành phần độc lập duy nhất. Tôi khuyên bạn nên xem video này ngay cả khi bạn đã học sách rồi.
💾 Tài liệu tham khảo lớp học
Khóa học này dành cho ai?
Bất cứ ai quan tâm đến phát triển front-end
Bất kỳ ai muốn tạo nội dung nào đó nhanh hơn trên web
Bất kỳ ai muốn tìm hiểu những điều cơ bản về HTML và Javascript và sau đó triển khai một cái gì đó bằng cách sử dụng chúng
Cần biết trước khi bắt đầu?
Kiến thức cơ bản về HTML và CSS
Cơ bản về Javascript
Cơ bản về mảnh dẻ
2,502
Học viên
66
Đánh giá
87
Trả lời
4.8
Xếp hạng
5
Các khóa học
Bắt đầu công việc phát triển web một cách nghiêm túc từ giữa những năm 2000, tôi đã và đang hoạt động với tư cách là một nhà phát triển tự do cho đến nay. Trong khoảng 5 năm trực tiếp đào tạo thực hành và hỗ trợ phát triển giải pháp Amplix BI, tôi đã có nhiều kinh nghiệm cũng như trăn trở về việc làm thế nào để truyền đạt các công nghệ mới một cách hiệu quả nhất.
Hiện tại, song song với công việc phát triển, tôi đang tìm kiếm các công nghệ mới trong lĩnh vực web có ích cho các nhà phát triển và chia sẻ chúng thông qua các bài giảng và sách.
Hiện tại) Freelancer Trước đây) Trưởng nhóm Bộ phận Giải pháp Chiến lược tại Công ty Cổ phần Bizplug Trước đây) Trưởng nhóm Phát triển Dịch vụ Weenystory tại Công ty Cổ phần Funnymonkeys youtube: https://www.youtube.com/channel/UC3cJspjF4TRTy
Hiện tại) Freelancer
Cựu Trưởng phòng Bộ phận Giải pháp Chiến lược tại Công ty Cổ phần Bizplug
Cựu Trưởng nhóm phát triển dịch vụ Winnie Story tại Công ty Cổ phần Funny Monkeys
youtube: https://www.youtube.com/channel/UC3cJspjF4TRTyD_RS0azeaw
email: freeseamew@gmail.com
blog1: https://medium.com/freeseamew
blog2: https://dev.to/freeseamew
Phát triển máy chủ backend Node.js thế hệ mới (cùng với Fastify & Prisma & Typescript)
Chinh phục GraphQL (Khóa học Full-stack học qua việc triển khai Kiosk ảo)
Chinh phục hoàn toàn GraphQL (cùng với Fastify & Prisma & Typescript) phát triển End-server (Khóa học Full-stack học thông qua việc triển khai Kiosk ảo) Sách đã xuất bản tại yes24, Kyobo Book, Aladin
Chinh phục hoàn toàn GraphQL với phát triển Server-end (cùng Fastify & Prisma & Typescript) (Khóa học Full-stack học thông qua việc triển khai Kiosk ảo) Sách đã xuất bản tại yes24, Kyobo Books, Aladin
Chinh phục hoàn toàn GraphQL trong phát triển End-server (cùng với Fastify & Prisma & Typescript) (Khóa học Full-stack học thông qua việc triển khai kiosk ảo) Sách đã xuất bản tại yes24, Kyobo Books, Aladin
Tất cả
20 bài giảng ∙ (3giờ 14phút)
1. Mô tả dự án SLOG
02:44
6. Vị trí cửa hàng
03:20
20. hoàn thành
01:28
Tất cả
15 đánh giá
4.9
15 đánh giá
Đánh giá 2
∙
Đánh giá trung bình 4.0
Đánh giá 15
∙
Đánh giá trung bình 5.0
Đánh giá 5
∙
Đánh giá trung bình 5.0
Đánh giá 2
∙
Đánh giá trung bình 5.0
Đánh giá 3
∙
Đánh giá trung bình 5.0
Miễn phí
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
![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]Course Thumbnail](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
![[Phần 1.5] Dự án Spring Boot đầu tiên được tạo ra cùng với developer hàng xóm với sự hiểu biết thực sựCourse Thumbnail](https://cdn.inflearn.com/public/files/courses/337643/cover/01jwvhjbnyjc1z49m3t0wzmyf4?f=avif&w=420)
