Svelte.js Beginner's Guide
HEROPY
Free Svelte.js course for beginners over 2 hours long!!
초급
Svelte
BEST
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!
Đánh giá từ những học viên đầu tiên
Bạn sẽ nhận được điều này sau khi học.
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!
.jpg?w=960)
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ẻ
4,195
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Đánh giá 7
∙
Đánh giá trung bình 5.0
5
100% đã tham giaI completed the movie search project using Svelte :) Actually, I bought this course and watched only the beginning part, but it's been quite a while since I've been preparing to study front-end development in earnest after quitting my job, so I looked it up again. I first got to know the instructor through the YouTube Svelte course, and the explanations were simple and clear, and I guess... since he was a designer, he was really excellent at making it so that anyone could understand even if they had little basic knowledge, as long as they followed the explanations. I compared this course with the movie search site example made with Vue.js in the Fast Campus Super Gap package, and I could see that the amount of code was greatly reduced, and since the complex store concept of Vue was completely eliminated, I think I could grasp the big picture of the project design more clearly. And Svelte seems to be a framework that is developing rapidly day by day. Daum's home screen is already using Svelte, so I think it's more promising in the future because it has no shortcomings that can be used in practice. There are still a lot of react and vue, but I see the word svelte coming out little by little in the job market. ㅎㅎ If you want to become a front-end developer in the future, I highly recommend not only this lecture, but also instructor Park Young-woong's svelte introduction and complete guide lectures :D Thank you.
- mysend
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
100% đã tham giaI was very interested in the front end, and the progression was so clean that it stuck in my head, and above all, I enjoyed it!
- heropyGiảng viên
Thank you for liking my lecture~ I'm glad you enjoyed it. I hope the lecture was helpful~ Thank you.😉
- hanmg
Đánh giá 10
∙
Đánh giá trung bình 4.9
5
100% đã tham giaThank you for the great lecture. I was able to get a lot of information about not only svelte but also netlify, which is necessary for practical deployment.
- heropyGiảng viên
I'm glad that my lecture was helpful to HAN_MG. I hope I can come back with a better lecture~😆 Thank you.
- the27920609
Đánh giá 13
∙
Đánh giá trung bình 5.0
5
100% đã tham giaIt's the best. It's a very clean lecture structure.
- heropyGiảng viên
Hi Jon~ Thank you for the wonderful and encouraging class review~👍 Have a nice day!🍀
894.396 ₫
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!
![Svelte.js [Core API] Complete Guide강의 썸네일](https://cdn.inflearn.com/public/course-325523-cover/f70444f1-ed0a-4b46-b5ec-39c250885e9a?f=avif&w=420)
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!
![Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]강의 썸네일](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
