강의

멘토링

로드맵

Inflearn brand logo image
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) 9 đánh giá

80 học viên

  • Michael Kwon
실습 중심
Svelte
sveltekit
supabase

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

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

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

219

Học viên

23

Đánh giá

17

Trả lời

5.0

Xếp hạng

5

Các khóa học

스타트업에서 멀티미디어 콘텐츠 크리에이터로 입문하여 한 분야에만 머물지 않고 게임과 웹, 멀티미디어 분야에서 기획과 개발을 주도하며 현업에서 다양한 상용 작품을 런칭했습니다. 대학에서 디지털 미디어와 영상학을 전공했으며 주요 교육기관에서 웹 디자인과 프론트엔드 개발 및 미디어 교육(10년 이상) 등을 진행하면서 튜토리얼도 제작하고 있습니다.

- 저서 -

자바스크립트 프로젝트북(한빛미디어,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ả

9 đánh giá

5.0

9 đánh giá

  • 이종수님의 프로필 이미지
    이종수

    Đánh giá 5

    Đánh giá trung bình 4.6

    5

    100% đã tham gia

    기능 단위 구현으로 짧게 강의를 구성해서 술술 배울 수 있었습니다.

    • Michael Kwon
      Giảng viên

      이종수님, 소중한 의견 감사드립니다~

  • 슈퍼아스라다님의 프로필 이미지
    슈퍼아스라다

    Đánh giá 4

    Đánh giá trung bình 4.0

    5

    100% đã tham gia

    svelte의 매력을 느낄수 있게 차근차근 잘 설명해주시네요. 감사합니다.

    • Michael Kwon
      Giảng viên

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

  • 흔들거북이님의 프로필 이미지
    흔들거북이

    Đánh giá 10

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    svelte를 처음 입문하시는 분들에게 워밍업으로 좋은 강의가 될 것이라 생각합니다. 프로젝트 단위로 진행하면서 배우는것이다보니 지루하지 않고 단기간에 빠르게 완강 할 수 있어서 좋았네요.

    • Michael Kwon
      Giảng viên

      흔들거북이님, 소중한 평가 감사드립니다!

  • antk7894님의 프로필 이미지
    antk7894

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    스벨트와 스벨트키트를 사용해보고 싶어서 수강했는데 기본기와 응용 모두 잘 학습할 수 있었던 것 같습니다. 실제 레퍼런스와 함께 설명해주시는 부분들이 좋았고 강의 별 브랜치로 깃헙을 참고할 수 있는 부분들도 매우 만족스러웠습니다. 벨류 높은 강의 감사합니다!!

    • Michael Kwon
      Giảng viên

      적극적인 수업 참여와 소중한 의견 감사드립니다 ^^;

  • kimks01님의 프로필 이미지
    kimks01

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    92% đã tham gia

    이 강의를 통해 Svelte와 SvelteKit, 그리고 Supabase의 매력을 제대로 느꼈습니다! 기초부터 응용까지 커리큘럼이 간결하면서도 체계적으로 짜여 있고, 특히 프로젝트 덕분에 학습한 내용을 바로 적용해 볼 수 있어 이해가 훨씬 수월했습니다. 다른 프레임워크를 사용한 경험이 있어 비교가 되는데 Svelte의 간결함과 효율성에 푹 빠지게 되네요. Supabase를 이용한 백엔드 통합도 전혀 어렵지 않게 설명해주셔서, 처음에는 생소했던 부분도 자연스럽게 익힐 수 있었습니다. 강사님의 설명이 명확하고 친절해 쉽게 이해할 수 있었고, 수업 중간중간 실제 오류를 수정하는 부분이나 팁도 유용했습니다~

    • Michael Kwon
      Giảng viên

      스벨트의 간결함은 큰 매력이죠. 저희 강의도 그렇답니다. 소중한 의견 감사드립니다~

1.046.297 ₫

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!