강의

멘토링

커뮤니티

Programming

/

Web Development

Dễ dàng học Svelte với các dự án (SvelteKit + Supabase)

Thực hành và triển khai dự án có hệ thống, sử dụng cửa hàng tích hợp sẵn và ứng dụng toàn ngăn xếp cùng một lúc với SvelteKit và Supabase!

(5.0) 11 đánh giá

92 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

  • Michael Kwon
Svelte
Svelte
sveltekit
sveltekit
supabase
supabase
Svelte
Svelte
sveltekit
sveltekit
supabase
supabase

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

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

5.0

5.0

이종수

100% đã tham gia

Các bài giảng được cấu trúc ngắn gọn theo đơn vị chức năng, giúp việc học trở nên dễ dàng và trôi chảy.

5.0

슈퍼아스라다

100% đã tham gia

Bạn đã giải thích rất rõ ràng và giúp tôi hiểu được sức hấp dẫn của svelte. Cảm ơn bạn.

5.0

흔들거북이

100% đã tham gia

Tôi nghĩ đây sẽ là một bài khởi động tốt cho những người mới làm quen với Svelte. Vì tôi học bằng cách làm việc theo từng dự án nên thật tuyệt khi có thể hoàn thành khóa học một cách nhanh chóng và trong thời gian ngắn mà không cảm thấy nhàm chán.

Bạn sẽ nhận được điều này sau khi học.

  • Tìm hiểu các chức năng cốt lõi của giao diện người dùng và phát triển kỹ năng giải quyết vấn đề thông qua các dự án về nhiều chủ đề khác nhau, từ trang chủ, trò chơi thông thường đến ứng dụng toàn diện.

  • Chúng tôi sử dụng cú pháp ngắn gọn và trực quan của Svelte để xây dựng kiến ​​trúc dựa trên thành phần và bao gồm các chủ đề chính như quản lý trạng thái, xử lý sự kiện và định tuyến.

  • Tạo và xây dựng các dự án thông qua Vite và dễ dàng triển khai chúng lên web thông qua GitHub và Vercel.

  • Bạn có thể dễ dàng tìm hiểu cách xử lý quản lý trạng thái toàn cầu thông qua cửa hàng tích hợp sẵn.

  • Dễ dàng phát triển các ứng dụng full-stack với SvelteKit và Supabase.

  • Bạn có thể học được rất nhiều thứ trong một khoảng thời gian tối thiểu.

Thực hành và triển khai dự án từng bước một cách có hệ thống, sử dụng kho lưu trữ tích hợp và phát triển ứng dụng đầy đủ với SvelteKit và Supabase—tất cả trong một nơi!

Khóa học này nhằm mục đích cung cấp kiến thức thực tế về các nguyên tắc cơ bản của Svelte , phù hợp với các xu hướng phát triển web mới nhất. Svelte tự hào với tính trực quan, thiết kế gọn nhẹ, hiệu suất tuyệt vời và khả năng tối ưu hóa thời gian biên dịch hiệu quả để giảm kích thước mã và mang lại hiệu suất vượt trội.

Đối với những người mới bắt đầu đã học những kiến thức cơ bản về HTML, CSS và JavaScript và hiện muốn tìm hiểu một khuôn khổ (thư viện), nó có thể khơi dậy hứng thú của họ trong lĩnh vực phát triển, và đối với những nhà phát triển đã sử dụng các khuôn khổ khác, đây là lựa chọn thứ hai tốt nhất để trải nghiệm sự đơn giản và linh hoạt của Svelte so với các khuôn khổ UI hiện có!

Ngày càng nhiều nhà phát triển và công ty sử dụng Svelte (SvelteKit) để phát triển ứng dụng web, và các dự án được xây dựng bằng Svelte đang vận hành thành công. Đừng chỉ học cú pháp rồi chán nản bỏ cuộc. Hãy học bằng cách xây dựng!

💡 Học tập thực hành theo dự án

  • Bạn có thể trải nghiệm những lớp học thú vị, nơi bạn dần dần tiếp thu kiến thức thông qua các dự án thay vì chỉ tập trung vào ngữ pháp.

  • Phương tiện trực quan và lời giải thích ngắn gọn, dễ hiểu giúp người mới bắt đầu học dễ dàng hơn.

Tìm hiểu về những điều này

1⃣ Trang chủ thông tin phim

Bạn sẽ học những kiến thức cơ bản về phát triển ứng dụng front-end, bao gồm các thành phần, liên kết dữ liệu, xử lý biến trạng thái, nội dung động và vòng đời.

Trang chủ thông tin phim

2⃣ Trang chủ thương hiệu

Bạn có thể triển khai các trang động bằng cách sử dụng các tính năng định tuyến để kết nối các trang và truyền dữ liệu đến các trang bằng tham số URL. Cuối cùng, bạn có thể triển khai kết quả lên web.

Trang chủ thương hiệu

3⃣ Tạo một trò chơi thông thường

Chúng ta sẽ tìm hiểu toàn diện các kỹ năng phát triển cốt lõi mà chúng ta đã học cho đến nay, chẳng hạn như phát triển chức năng ở cấp độ thành phần, quản lý trạng thái, sự kiện và vòng đời, đồng thời tận dụng tối đa quản lý trạng thái toàn cầu để quản lý điểm trò chơi.

Trò chơi thông thường (ghép cặp)

Ứng dụng Nhật ký 4⃣ (SvelteKit + Supabase)

Thông qua dự án SvelteKit, mở rộng chức năng của Svelte, bạn sẽ học cách xử lý định tuyến dựa trên tệp, logic phía máy chủ và thậm chí xây dựng một ứng dụng đầy đủ tích hợp với cơ sở dữ liệu thực. Với Supabase, bạn có thể dễ dàng xử lý cơ sở dữ liệu đám mây.

Ứng dụng nhật ký

Những điều cần lưu ý trước khi tham gia khóa học

Môi trường thực hành

  • Hệ điều hành và Phiên bản (OS): Hỗ trợ tất cả các hệ điều hành, bao gồm Windows, macOS và Linux.

  • Công cụ sử dụng: Visual Studio Code, tài khoản GitHub

  • Thông số kỹ thuật của PC: PC có thông số kỹ thuật cơ bản có khả năng truy cập Internet

Tài liệu học tập

  • Định dạng tài liệu học tập được cung cấp: Chia sẻ liên kết GitHub, văn bản, mã nguồn, v.v.

  • Số lượng và dung lượng: Tài liệu học tập được cung cấp cho từng phần

Kiến thức và biện pháp phòng ngừa của người chơi

  • Cơ bản về HTML, CSS, JavaScript


  • Bài giảng này được giữ bản quyền bởi tác giả, nghiêm cấm phân phối và sao chép trái phép. Tài liệu học tập cũng được giữ bản quyền, nghiêm cấm mọi hành vi sử dụng cho mục đích khác ngoài mục đích học tập cá nhân.

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

Khóa học này dành cho ai?

  • Những người có hiểu biết cơ bản về HTML, CSS và JavaScript nhưng có ít kinh nghiệm sử dụng framework hoặc thư viện.

  • Bất cứ ai muốn tìm hiểu những điều cơ bản về front-end

  • Những người muốn học nhanh và tập trung vào đào tạo thực tế

  • Các nhà phát triển muốn có kết quả nhanh chóng so với đầu vào

Cần biết trước khi bắt đầu?

  • Khái niệm cơ bản về HTML, CSS và JavaScript

Xin chào
Đây là

243

Học viên

30

Đánh giá

17

Trả lời

4.9

Xếp hạng

5

Các khóa học

Bắt đầu với vai trò là người sáng tạo nội dung đa phương tiện tại một startup, tôi không chỉ dừng lại ở một lĩnh vực mà đã dẫn dắt việc lập kế hoạch và phát triển trong các lĩnh vực trò chơi, web và đa phương tiện, đồng thời ra mắt nhiều sản phẩm thương mại đa dạng trong thực tế. Tôi tốt nghiệp chuyên ngành Truyền thông Kỹ thuật số và Điện ảnh tại trường đại học, hiện đang xây dựng các bài hướng dẫn (tutorial) đồng thời giảng dạy về thiết kế web, phát triển front-end và giáo dục truyền thông (hơn 10 năm) tại các tổ chức giáo dục lớn.

- Tác phẩm -

Sách dự án JavaScript (Hanbit Media, 2017)

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

Tất cả

104 bài giảng ∙ (8giờ 23phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

11 đánh giá

5.0

11 đánh giá

  • leaguematter7718님의 프로필 이미지
    leaguematter7718

    Đánh giá 5

    Đánh giá trung bình 4.6

    5

    100% đã tham gia

    Các bài giảng được cấu trúc ngắn gọn theo đơn vị chức năng, giúp việc học trở nên dễ dàng và trôi chảy.

    • csslick
      Giảng viên

      Lee Jong-su, cảm ơn ý kiến quý báu.

  • startop10님의 프로필 이미지
    startop10

    Đánh giá 4

    Đánh giá trung bình 4.0

    5

    100% đã tham gia

    Bạn đã giải thích rất rõ ràng và giúp tôi hiểu được sức hấp dẫn của svelte. Cảm ơn bạn.

    • csslick
      Giảng viên

      귀중한 평가와 의견 감사드립니다~

  • grooveturtle290048님의 프로필 이미지
    grooveturtle290048

    Đánh giá 10

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi nghĩ đây sẽ là một bài khởi động tốt cho những người mới làm quen với Svelte. Vì tôi học bằng cách làm việc theo từng dự án nên thật tuyệt khi có thể hoàn thành khóa học một cách nhanh chóng và trong thời gian ngắn mà không cảm thấy nhàm chán.

    • csslick
      Giảng viên

      Rocking Turtle, cảm ơn đánh giá có giá trị của bạn!

  • antk7894님의 프로필 이미지
    antk7894

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi tham gia khóa học vì tôi muốn sử dụng Svelt và bộ công cụ Svelt, đồng thời tôi nghĩ rằng tôi có thể học tốt cả kiến ​​thức cơ bản lẫn ứng dụng. Tôi thích những phần được giải thích bằng tài liệu tham khảo thực tế và tôi cũng rất hài lòng với những phần mà tôi có thể coi GitHub là nhánh cho mỗi bài giảng. Cảm ơn bạn vì bài giảng có giá trị cao!!

    • csslick
      Giảng viên

      Cảm ơn các bạn đã tham gia lớp học tích cực và có những nhận xét quý báu ^^;

  • kimks018540님의 프로필 이미지
    kimks018540

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    92% đã tham gia

    Qua bài giảng này tôi thực sự cảm nhận được sức hấp dẫn của Svelte, SvelteKit và Supabase! Từ cơ bản đến ứng dụng, giáo trình cô đọng, hệ thống và đặc biệt nhờ có dự án nên tôi đã có thể áp dụng ngay những gì đã học, dễ hiểu hơn rất nhiều. Tôi có kinh nghiệm sử dụng các framework khác nên tôi có thể so sánh chúng và tôi rất thích tính đơn giản và hiệu quả của Svelte. Việc tích hợp phụ trợ bằng Supabase được giải thích theo cách không hề khó khăn nên tôi có thể học một cách tự nhiên ngay cả những phần mà ban đầu tôi chưa quen. Lời giải thích của giảng viên rõ ràng, thân thiện, dễ hiểu, đồng thời các phần, mẹo sửa lỗi thực tế trong giờ học cũng rất hữu ích.

    • csslick
      Giảng viên

      Sự đơn giản của Svelt chính là sức hấp dẫn tuyệt vời của nó. Bài giảng của chúng tôi cũng vậy. Cảm ơn ý kiến ​​quý báu của bạn~

1.028.651 ₫

Khóa học khác của Michael Kwon

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!