강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Front-end

Dự án REST-API mảnh dẻ

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.

(5.0) 13 đánh giá

992 học viên

  • Indie Coder
스벨트
svelte
3시간 만에 완강할 수 있는 강의 ⏰
저자 직강
restapi
Svelte
REST API
Thumbnail

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • 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!

Những điều cần thiết để xây dựng với Svelte

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 tạo bài đăng

Trang bình luận

Trang đăng nhập


Học những điều này ✒️

Bài giảng trực tiếp từ tác giả cuốn sách Svelte!

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)

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.

  • ✅ Hướng dẫn sử dụng Svelte trung cấp
  • ✅ Giao tiếp bằng Rest API
  • ✅ Giao tiếp máy chủ hiệu quả bằng Axios
  • ✅ Triển khai phân trang bằng Infinite Scroll
  • ✅ Xác thực bằng mã thông báo JWT
  • ✅ Xác thực biểu mẫu, Sử dụng bộ định tuyến

Giao tiếp dữ liệu REST API, nhiều giải pháp khác nhau...
Những điều cần biết đối với các nhà phát triển FE trung cấp!

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)

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 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ỏi & Đáp 💬

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

Khuyến nghị cho
những người này

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ẻ

Xin chào
Đây là

2,417

Học viên

56

Đánh giá

84

Trả lời

4.8

Xếp hạng

5

Các khóa học

2000년도 중반부터 본격적으로 웹개발을 시작하여 현재까지 프리랜서 개발자로 활동하고 있습니다. 약5년간 Amplix BI 솔루션 실무자 교육을 진행하고 개발을 지원하며 새로운 기술을 효율적으로 전달하는 것에 대한 많은 경험과 고민을 했습니다. 

현재는 개발 업무와 함께 개발자들에게 도움이 될만한 웹관련 분야의 새로운 기술을 찾고 강좌와 책을 통해 공유하고 있습니다. 

 

현) 프리랜서

전) (주) 비즈플러그 전략솔루션 사업부 팀장

전) (주) 퍼니몽키스 위니스토리 서비스 개발 팀장

youtube: https://www.youtube.com/channel/UC3cJspjF4TRTyD_RS0azeaw 

email: freeseamew@gmail.com

blog1: https://medium.com/freeseamew

blog2: https://dev.to/freeseamew

 

강좌 목록

출간도서

yes24, 교보문고, 알라딘

 

 

 

Chương trình giảng dạy

Tất cả

20 bài giảng ∙ (3giờ 14phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

13 đánh giá

5.0

13 đánh giá

  • aaaaboooo4835님의 프로필 이미지
    aaaaboooo4835

    Đánh giá 4

    Đánh giá trung bình 5.0

    5

    60% đã tham gia

    • vincentmattari8178님의 프로필 이미지
      vincentmattari8178

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      30% đã tham gia

      I think it's a good class to get started with Svelte~^^

      • ataraxia8084204님의 프로필 이미지
        ataraxia8084204

        Đánh giá 3

        Đánh giá trung bình 5.0

        5

        30% đã tham gia

        It's awesome..... If you know even a little bit about backend, you can see that it's like, "Oh! This is how communication works." Thank you so much..

        • startop10님의 프로필 이미지
          startop10

          Đánh giá 4

          Đánh giá trung bình 4.0

          5

          100% đã tham gia

          This is a good lecture.

          • hsk18079575님의 프로필 이미지
            hsk18079575

            Đánh giá 2

            Đánh giá trung bình 5.0

            5

            70% đã tham gia

            Miễn phí

            Khóa học khác của Indie Coder

            Hãy khám phá các khóa học khác của giảng viên!

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!