Hướng dẫn giới thiệu Svelte.js
HEROPY
Bài giảng Svelte.js miễn phí cho người mới bắt đầu trong hơn 2 giờ!!
초급
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!
Svelte
Svelte
SPA
SPA
Đá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,201
Học viên
222
Đá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 giaDự án tìm kiếm phim được thực hiện bằng Svelt đã hoàn thành :) Thực ra mình mua khóa học này cũng lâu rồi và chỉ xem qua phần đầu tiên, nhưng sau khi nghỉ việc và chuẩn bị học nghiêm túc về phát triển front-end, mình lại bắt đầu tìm hiểu lại. Lần đầu tiên tôi biết đến người hướng dẫn là qua bài giảng trên YouTube Svelt của anh ấy và những lời giải thích rất đơn giản và rõ ràng. Tôi nên nói gì đây... Có lẽ vì anh ấy là một nhà thiết kế nên anh ấy giảng dạy rất xuất sắc theo cách mà ai cũng có thể hiểu được. liệu họ có làm theo tốt những lời giải thích hay không, ngay cả khi họ có rất ít kiến thức cơ bản. Tôi đã so sánh bài giảng này với ví dụ về một trang tìm kiếm phim được tạo bằng Vue.js trong gói Super Gap của Fast Campus và tôi có thể thấy rằng số lượng mã đã giảm đáng kể và khái niệm cửa hàng phức tạp của Vue đã bị loại bỏ hoàn toàn, giúp việc thiết kế dự án trở nên dễ dàng hơn Tôi nghĩ tôi có thể nhìn thấy bức tranh lớn rõ ràng hơn. Và tôi nghĩ Svelt là một framework đang thực sự phát triển nhanh chóng mỗi ngày. Màn hình đầu tiên của Daum đã sử dụng Svelt, vì vậy tôi rất mong chờ tương lai vì nó không còn đủ để có thể sử dụng được trong thực tế. Vẫn còn rất nhiều React và Vue nhưng tôi có thể thấy từ Svelt xuất hiện dần dần trên thị trường việc làm haha. Nếu bạn muốn trở thành nhà phát triển front-end trong tương lai, tôi thực sự khuyên bạn không chỉ khóa học này mà còn cả phần giới thiệu về Svelt của giảng viên Park Young-woong và các bài giảng hướng dẫn đầy đủ :D Cảm ơn
- mysend
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
100% đã tham giaTôi rất quan tâm đến giao diện người dùng, nhưng tiến độ gọn gàng đến mức tôi có cảm giác như nó mắc kẹt trong đầu, và hơn hết là tôi rất vui khi xem nó!
- heropyGiảng viên
Cảm ơn bạn đã thích bài giảng của tôi~ Tôi rất vui vì bạn thích nó. Tôi hy vọng bài giảng này hữu ích~ Cảm ơn bạn.😉
- hanmg
Đánh giá 10
∙
Đánh giá trung bình 4.9
5
100% đã tham giaCảm ơn bạn vì bài giảng tuyệt vời. Tôi đã có thể thu được nhiều thông tin không chỉ về mảnh dẻ mà còn về cả netlify, những thông tin cần thiết cho quá trình triển khai thực tế.
- heropyGiảng viên
Tôi rất vui vì bài giảng của tôi hữu ích cho HAN_MG. Tôi hy vọng tôi có thể quay lại với một bài giảng hay hơn ~ 😆 Cảm ơn
- the27920609
Đánh giá 13
∙
Đánh giá trung bình 5.0
5
100% đã tham giaĐó là điều tốt nhất. Đây là một cấu trúc bài giảng rất gọn gàng.
- heropyGiảng viên
Xin chào Jon~ Cảm ơn bạn vì bài đánh giá tuyệt vời và đáng khích lệ ~👍 Chúc một ngày tốt lành!
Ưu đãi có thời hạn, kết thúc sau 4 ngày ngày
30.030 ₫
30%
894.617 ₫
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!
![Hướng dẫn đầy đủ về 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!
![Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]강의 썸네일](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)