강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

Dự án tìm kiếm phim SPA Svelte.js

Chúng tôi đang tạo và phân phối trang tìm kiếm phim SPA dựa trên Svelte!

(5.0) 30 đánh giá

371 học viên

  • HEROPY
Svelte
SPA

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

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

  • Bạn có thể định cấu hình SPA (Ứng dụng một trang) trong Svelte.js!

  • Bạn có thể tận dụng điểm mạnh của SPA và bù đắp điểm yếu của nó!

  • Bạn có thể dễ dàng định cấu hình API phụ trợ của mình bằng Serverless Functions!

Sử dụng Svelte , đây là một ví dụ về cách tạo SPA của riêng bạn!

Hãy xem thêm các khóa học khác của Svelte nhé!
"Hướng dẫn đầy đủ về API cốt lõi của Svelte.js"
"Hướng dẫn dành cho người mới bắt đầu sử dụng Svelte.js"


Chúng ta hãy bắt đầu thôi!

Hãy cùng tạo một ví dụ SPA (Ứng dụng trang đơn) bằng Svelte.js!
Bạn có thể sử dụng bộ định tuyến để phân tách các trang và áp dụng nhiều tính năng khác nhau như hiệu ứng chuyển tiếp và khôi phục thanh cuộn.

Sử dụng SF (chức năng không máy chủ) mà không phải chịu gánh nặng xây dựng một máy chủ riêng biệt,
Tạo API phụ trợ nhanh chóng và quản lý chúng dễ dàng.
Giải quyết các vấn đề bảo mật, một nhược điểm của SPA, một cách nhanh chóng và dễ dàng!

Snowpack là công cụ xây dựng mới nhất,
Nó có thể giảm đáng kể thời gian xây dựng phát triển.
Bạn có thể phát triển trong một môi trường thoải mái hơn!

Sử dụng dịch vụ phân phối liên tục (CD) của Netlify.
Ngay sau khi bạn tải lên kho lưu trữ GitHub, trang web sẽ tự động được triển khai.
Không cần phải tốn thời gian triển khai trang web của bạn!


vui lòng tham khảo tại đây!

Bài giảng này yêu cầu bạn phải có kiến thức trước, nhưng tôi sẽ giải thích một cách đơn giản nhất có thể.
Sau khi xây dựng nền tảng vững chắc trong Svelte với ' Svelte.js Core API Complete Guide ' đã phát hành trước đó,
Sẽ còn tuyệt vời hơn nữa nếu bạn lắng nghe bài giảng này.


Hãy cùng tạo một trang web SPA có thể tìm kiếm phim thực tế bằng API OMDb!
Cấu hình API phụ trợ của bạn với Netlify Serverless Functions,
Bạn có thể cung cấp chức năng tìm kiếm cho người dùng mà không cần tiết lộ khóa API.

Kho lưu trữ GitHub: https://github.com/HeropCode/Svelte-Movie-app
Bản demo: https://competent-cori-258206.netlify.app


Thông số kỹ thuật

Mảnh mai
Tuyết đóng băng
Bộ định tuyến SPA
API OMDb
Lưu trữ Netlify với GitHub (CD)
Các hàm không máy chủ của Netlify


Gói hàng

lớp tuyết
@snowpack/plugin-svelte
@snowpack/plugin-dotenv
@snowpack/plugin-sass
@snowpack/plugin-optimize
@snowpack/plugin-babel
babel-plugin-transform-remove-console
mảnh mai
bộ định tuyến spa mỏng
tự động thêm tiền tố
postcss
lodash
các tiên đề
câu hỏi
netlify-cli


Bạn có thắc mắc gì không?

Nếu bạn có bất kỳ câu hỏi nào trong suốt khóa học, vui lòng sử dụng trang Hỏi & Đáp .
Chúng tôi sẽ phản hồi sớm nhất có thể.

Nếu bạn lo lắng về việc tham gia khóa học hoặc có bất kỳ câu hỏi nào khác trước khi tham gia khóa học,
Vui lòng sử dụng trang yêu cầu trước khi đăng ký khóa học .


Tài liệu ngắn gọn.

Nếu bạn cần tài liệu tiếng Hàn cho Svelte API,
Hãy xem bài đăng 'Hướng dẫn đầy đủ về Svelte.js (Gia hạn)'.
https://heropy.blog/2019/09/29/svelte


thông báo!

20 20.12.24
Đã thêm phần tiếp theo!
Hãy nhớ xem hết bài giảng mẫu trước khi bắt đầu nhé!
- 2-1. Phù hợp với phiên bản mô-đun ví dụ bài giảng

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

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

  • Bất kỳ ai cần ví dụ về cách sử dụng Svelte.js!

  • Bất kỳ ai đang chuẩn bị tạo một trang SPA!

  • Bất kỳ ai muốn trải nghiệm Netlify Serverless Functions!

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

  • HTML

  • CSS (SCSS)

  • J.S.

  • mảnh dẻ

Xin chào
Đây là

4,185

Học viên

221

Đánh giá

162

Trả lời

4.9

Xếp hạng

3

Các khóa học

   

안녕하세요~ 반갑습니다!
저는 현재 작은 스타트업에서 기업 관리 솔루션을 개발하고 있는 프론트엔드 개발자 박영웅입니다.

HEROPY 기술 블로그를 운영하고 있고,
그 외 기업 출강이나 온/오프라인 강의 활동도 하고 있습니다.

Blog: https://heropy.blog
Youtube: https://www.youtube.com/channel/UCcjhMpoaNvyy0StN9KgtF6w

Email: thesecon@gmail.com

    

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

Tất cả

49 bài giảng ∙ (7giờ 46phút)

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

Đánh giá

Tất cả

30 đánh giá

5.0

30 đánh giá

  • shk72301233님의 프로필 이미지
    shk72301233

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    スベルトで作る映画検索プロジェクト頑張りました:) 実はこの講義を購入しておいて前の部分だけ少し見てから時間がかなりになりましたが、退社後本格的にフロント開発の勉強準備をしながら再度探すことになりました。 講師様を初めて知ったのはYouTubeスベルト講義でしたが、説明が簡単明瞭で、なんだろうか… ファーストキャンパスの超格差パッケージでvue.jsで作った映画検索サイトの例を進めてからこの講義を比較しながら進めてみましたが、やはりコード量が大幅に減ったことがわかります。大きな絵をもっと明瞭に捉えることができると思います。 そしてスベルトは本当に日々急速に発展していくフレームワークだと思います。 それでもreactやvueが多いですが、採用市場で少しずつスベルトラという言葉が出てくるのも見えますよㅎㅎ 今後フロント開発者になりたい方は、この講義だけでなく、パク・ヨンウン講師様のスベルト入門、完璧ガイド講義も積極的におすすめします。 ありがとうございます。

    • mysend님의 프로필 이미지
      mysend

      Đánh giá 4

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      フロント側に興味が多かったのですが、進行がすっきりして頭の中にすっぽり詰まっている感じで、何よりもおもしろく見ました!

      • heropy
        Giảng viên

        私の講義をよく見ていただきありがとうございます〜 面白く見たのは幸いですね。 講義が役立つことを願っています〜 ありがとう。😉

    • mdhyunjin님의 프로필 이미지
      mdhyunjin

      Đánh giá 4

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      実際に役立つ情報が豊富でたくさん学びました。

      • heropy
        Giảng viên

        私の講義が役に立ったので気分がいいですね! よく見てくれてありがとう。 楽しい一週間を過ごしてください〜😊

    • hanmg님의 프로필 이미지
      hanmg

      Đánh giá 10

      Đánh giá trung bình 4.9

      5

      100% đã tham gia

      良い講義ありがとうございます。 svelteだけでなく、実習展開に必要なnetlifyに関する情報もたくさん得られました。

      • heropy
        Giảng viên

        私の講義がHAN_MGさんにお役に立てたことを嬉しく思います。 もっと良い講義で探してみることができたらいいですね〜😆 ありがとうございます。

    • the27920609님의 프로필 이미지
      the27920609

      Đánh giá 13

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      最高です。とてもきれいな講義構成です

      • heropy
        Giảng viên

        Jonさんこんにちは〜 力強い素敵な受講評ありがとうございます〜👍 楽しい一日をお過ごしください!🍀

    896.826 ₫

    Khóa học khác của HEROPY

    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!