Svelte.js 입문 가이드
HEROPY
2시간이 넘는 입문자를 위한 Svelte.js 무료 강의!!
초급
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!
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 Svelt , tạo SPA của riêng bạn làm ví dụ!
.jpg?w=960)
Mời các bạn tham khảo thêm các bài giảng Svelte khác nữa nhé!
“Hướng dẫn đầy đủ về API cốt lõi của Svelte.js”
“Hướng dẫn giới thiệu Svelte.js”
Bắt đầu!
Tạo một ví dụ SPA (Ứng dụng một trang) bằng Svelte.js!
Bạn có thể sử dụng bộ định tuyế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 cuộn.
Sử dụng SF (chức năng không có máy chủ) mà không cần xây dựng một máy chủ nặng nề, riêng biệt.
Bạn có thể nhanh chóng tạo các API phụ trợ và dễ dàng quản lý chúng.
Giải quyết các vấn đề bảo mật vốn là 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 hiện đại nhất,
Thời gian xây dựng phát triển có thể được giảm đáng kể.
Bạn có thể phát triển trong một môi trường thoải mái hơn!
Tôi sử dụng CD của Netlify (triển khai liên tục).
Ngay sau khi bạn tải nó lên kho 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!
xin vui lòng tham khảo điều này!
Mặc dù bài giảng này đòi hỏi kiến thức tiên quyết nhưng nó được giải thích theo cách đơn giản nhất có thể.
Sau khi củng cố những kiến thức cơ bản về Svelte với ‘ Hướng dẫn hoàn chỉnh API Svelte.js Core ’ đã phát hành trước đó
Sẽ tốt hơn nữa nếu bạn tham gia bài giảng này.
Hãy tạo một trang SPA nơi bạn có thể tìm kiếm các bộ phim thực tế bằng API OMDb!
Định cấu hình API phụ trợ 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 để lộ Khóa API.
Kho lưu trữ GitHub: https://github.com/HeropCode/Svelte-Movie-app
Bản trình diễn: https://competent-cori-258206.netlify.app
Thông số kỹ thuật
mảnh dẻ
Lớp tuyết
Bộ định tuyến SPA
API OMDb
Lưu trữ Netlify với GitHub (CD)
Chức năng không có máy chủ của Netlify
Gói
lớp băng tuyết
@snowpack/plugin-svelte
@snowpack/plugin-dotenv
@snowpack/plugin-sass
@snowpack/plugin-tối ưu hóa
@snowpack/plugin-babel
babel-plugin-transform-remove-console
mảnh dẻ
bộ định tuyến spa mảnh dẻ
tiền tố tự động
postcs
lodash
trục
qs
netlify-cli
Có câu hỏi nào 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 nhanh 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 tham gia khóa học .
Tài liệu mảnh dẻ.
Nếu bạn cần tài liệu tiếng Hàn cho API Svelte,
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 các phần sau!
Hãy nhớ xem các ví dụ đầy đủ về khóa học trước khi bạn bắt đầu!
- 2-1. So khớp các phiên bản mô-đun ví dụ của khóa học
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,165
Học viên
217
Đá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á
judeĐánh giá 7
∙
Đánh giá trung bình 5.0
5
100% đã tham gia스벨트로 만드는 영화검색 프로젝트 완강했습니다 :) 사실 이 강의를 구입해놓고 앞부분만 조금 보고나서 시간이 꽤 됐는데, 퇴사 후 본격적으로 프론트 개발 공부 준비를 하면서 다시 찾아보게 됐어요. 강사님을 처음 알게된건 유튜브 스벨트 강의 였는데, 설명이 간단 명료하고, 뭐랄까... 디자이너 출신이셔서 그런지 기초 지식이 거의 없어도 설명만 잘 따라 오면 누구나 이해할 수 있도록 진행하는 것이 정말 탁월했어요. 패스트캠퍼스의 초격차 패키지에서 vue.js로 만든 영화검색 사이트 예제를 진행하고나서 이 강의를 비교해가면서 진행해봤는데 역시 코드량이 많이 줄어든 것을 볼 수 있고, vue의 복잡한 store 개념이 아예 빠져버리니까 프로젝트 설계의 큰 그림을 좀 더 명료하게 잡을 수 있는거 같아요. 그리고 스벨트는 정말 나날이 빠르게 발전해나가는 프레임워크인거 같아요, daum 첫 화면도 이미 스벨트를 쓰고 있어서 실무에 써도 될만큼 부족함이 없다는 것이 앞으로 더욱 기대가 되는거 같아요. 여전히 react나 vue가 많긴 하지만 채용 시장에서 조금씩 스벨트라는 단어가 나오는 것도 보이구요 ㅎㅎ 앞으로 프론트 개발자가 되고 싶은 분들이라면 이 강의 뿐만 아니라 박영웅 강사님의 스벨트 입문, 완벽 가이드 강의도 적극 추천 드립니다 :D 감사합니다.
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] 완벽 가이드강의 썸네일](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!
![GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]강의 썸네일](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
