Svelte.js 입문 가이드
HEROPY
2시간이 넘는 입문자를 위한 Svelte.js 무료 강의!!
초급
Svelte
BEST
Hướng dẫn đầy đủ về Svelte.js [Core API]
Hơn 21 giờ bài giảng Svelte.js hay nhất!
Đá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 API lõi Svelte.js mới nhất từ những điều cơ bản!
Bạn có thể hiểu dữ liệu JavaScript bất biến và có thể thay đổi!
Hiểu tính không đồng bộ trong JavaScript và tìm hiểu các mẫu không đồng bộ khác nhau!
Hiểu cấu hình cơ bản của Rollup.js và tạo một dự án thực tế với cấu hình bổ sung!
Bạn có thể tạo một ứng dụng nhân bản Trello với Sortable.js làm mô-đun cốt lõi, đăng ký dịch vụ Netlify và liên tục triển khai (CD) dự án của bạn!
Khung JavaScript FE mới nhất,
Hãy yêu thích Svelte.js !
.jpg?w=960)
Hãy xem thêm các khóa học khác của Svelte nhé!
Dự án tìm kiếm phim SPA 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!
Một ví dụ đơn giản hơn và giải thích chi tiết cho người mới bắt đầu,
Nhiều mẫu và cú pháp mới của Svelte API dành cho người dùng trung cấp trở lên, v.v.
Chúng tôi đã tổng hợp nội dung hữu ích cho bất kỳ ai đang học Svelte!
Để dễ hiểu hơn ví dụ trên trang chủ,
Tôi đã tự mình chuẩn bị hầu hết các ví dụ, sau khi đã vắt óc suy nghĩ!
Ngay cả khi bạn không tham gia lớp học ngay lập tức,
Bạn có thể hiểu sơ qua các khái niệm cơ bản của Svelte thông qua bản xem trước!
Vào cuối phần xem trước, chúng ta cũng sẽ tạo một ví dụ Todo đơn giản.
Bạn sẽ thấy đây là một framework front-end dễ dàng và tiện lợi hơn React hoặc Vue.
Và đừng quên xem toàn bộ chương trình giảng dạy nhé!
Năm ngoái (2019), phiên bản 3, phiên bản đã tạo nên Svelte như ngày nay, đã chính thức được phát hành lần đầu tiên.
Đây là một khuôn khổ rất hấp dẫn, thú vị và mới chỉ xuất hiện được một năm nay~
Học tập thiết yếu!
.gif)
Ví dụ điển hình!
Sau khi tìm hiểu về Svelte Core API, hãy cùng tạo một ứng dụng bản sao cho dịch vụ Trello!
Chúng ta sẽ xây dựng một dự án dựa trên Rollup bundler và giới thiệu một số công nghệ (chúng ta cũng sẽ tìm hiểu về SCSS).
Chúng tôi cũng đã thêm phiên bản mới chuyển sang công cụ xây dựng Snowpack mới nhất!
Chúng tôi cũng sử dụng Netlify để thực hiện triển khai liên tục dựa trên kho lưu trữ GitHub.
Vui lòng tham khảo chương trình giảng dạy để biết thêm chi tiết.
Kho lưu trữ GitHub: https://github.com/HeropCode/Svelte-Trello-app
Kho lưu trữ GitHub của Snowpack: https://github.com/HeropCode/Svelte-Trello-app-Snowpack
Bản demo: https://boring-agnesi-165a0d.netlify.app
vui lòng tham khảo tại đây!
Sau vài bài học đầu tiên, chất lượng âm thanh sẽ được cải thiện.
Tôi đã đổi sang một chiếc micro đắt tiền hơn và tốt hơn~
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.10.22
Khi chúng tôi gần kết thúc quá trình chuẩn bị cho khóa học, chúng tôi đã bổ sung một số công nghệ từ phiên bản Svelte mới nhất.
Chúng tôi sẽ sớm cập nhật!
20 20.11.03
Tôi đã cập nhật bài đăng với nội dung 'Hướng dẫn đầy đủ về Svelte.js (Gia hạn)'.
Hãy xem cùng với bài giảng video.
20 20.11.08
Chúng tôi đã thêm các phần sau vào khóa học này!
- 7-4 . Khối phím
- 11-4 . Chuyển tiếp khe cắm
- 18-1 . Snowpack là gì?
- 18-2 . Hiểu về cài đặt và cấu hình các mẫu Svelte dựa trên Snowpack
- 19-1 . Sao chép thư mục chính và áp dụng HMR
- 19-2 . Cài đặt và cấu hình các mô-đun lõi
- 19-3 . Cấu hình SCSS và Svelte Preprocess
- 19-4 . Cấu hình xóa nhật ký ở chế độ sản phẩm
- 19-5 . Tối ưu hóa mã (tối thiểu hóa) và cấu hình bí danh đường dẫn
- 19-6 . Tạo kho lưu trữ GitHub và đẩy dự án
- Triển khai liên tục 19-7 với Netlify
20 20.12.24
Chúng tôi đã thêm các phần sau vào khóa học này!
Hãy nhớ xem phần này trước khi bắt đầu hướng dẫn ví dụ về 'Xây dựng ứng dụng bản sao Trello' nhé!
- 15-1 . Phù hợp với phiên bản mô-đun ví dụ bài giảng
20 20.12.30
Chúng tôi đã thêm các phần sau vào khóa học này!
- 11-5 . $$slots
Svelte.js, Frontend, Framework, API cốt lõi, Sortable,js, Rollup.js, React, Vue.js, Angular
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Bất cứ ai muốn trải nghiệm framework giao diện người dùng web mới, tiên tiến!
Những người thiếu kinh nghiệm phát triển front-end!
Những ai cảm thấy khó học hoặc không hiểu một số phần trong tài liệu chính thức của Svelte.js!
Ai không ngại thì giải thích nhiều nhé!
Cần biết trước khi bắt đầu?
HTML
CSS
J.S.
4,191
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ả
116 bài giảng ∙ (21giờ 18phút)
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
38 đánh giá
4.9
38 đánh giá
madstone devĐánh giá 1
∙
Đánh giá trung bình 5.0
5
99% đã tham gia하나의 개념을 설명하실때 부가적인 활용방법까지 엄청 꼼꼼하게 알려주시기 때문에 일반적으로 궁금할만한 사항들 대부분이 강의에 포함되어있다고 보시면됩니다. 또 es6의 장점을 최대한 활용해서 작성하시기 때문에 강의가 끝날 때쯤엔 깔끔하고 간결한코드의 습관도 기를 수 있습니다. 프레임워크 경험이없는분들이 듣기에도 아주 좋은 강의입니다. 다음 강의가 기대됩니다 ㅎㅎ
- HEROPYGiảng viên
좋은 평가 남겨주셔서 정말 감사합니다. :D 완강 축하드리고, 이 강의가 madstone dev님께 많은 도움이 되었길 진심으로 바랍니다! 다음 강의도 열심히 준비해서 업로드하고 공지하겠습니다. 즐거운 하루 보내세요~ 감사합니다^^
- Taylor
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
28% đã tham gia최근에 vue.js를 학습하는 과정에서 svelte 가 주목받고 있다는 정보를 들었습니다. 그래서 흥미를 가지게 되었고 구매를 하게 되었습니다. 아직 완강을 하진 못했지만 중간 소감을 적는다면 참 성의있게 강의를 준비하셨다는 느낌을 받습니다. 설계해주신 커리큘럼을 보니 이 강의에 대한 애착과 고민이 느껴집니다. 코멘트 적어주신 신규 기능에 대한 업데이트도 기다리고 있겠습니다
- HEROPYGiảng viên
강의를 만든 보람이 느껴지는 감동적인 평가 감사합니다 :) 이 강의가 SIMONS 님께 많은 도움이 되면 정말 좋겠습니다. 신규 기능도 빠르게 업데이트하고 공지하겠습니다. 기분 좋은 하루 보내세요~
- 소라연
Đánh giá 81
∙
Đánh giá trung bình 5.0
5
98% đã tham gia샘플강의 듣고 반해서 수강합니다^^
- HEROPYGiảng viên
좋은 평가 감사합니다^^ 다른 파트도 마음에 드셨으면 좋겠습니다! 즐거운 하루 보내세요~
다른 파트도 완전 마음에 들어요! 특히 Trello 예제는 너무 재미있어서 아껴듣는중입니다^^
- HEROPYGiảng viên
다른 파트도 마음에 드셔서 다행입니다 :D Trello 예제도 재미있으시다니 정말로 기쁘구요ㅜㅠ Svelte.js가 소라연님의 웹 개발에 많은 도움이 되길 진심으로 바랍니다! 상쾌하고 행복한 주말 보내세요~
즐겁게 완강 했습니다. 감사합니다. 강의 정말 최고에요! 다음 강의도 기대하겠습니다. 강사님도 즐거운 주말 보내세요~
- HEROPYGiảng viên
강의 시간이 짧지만은 않은데 완강하셨다니 진심으로 축하드려요 :D 다음 강의도 빠르게 열심히 준비해서 공지하겠습니다! 소라연 님도 즐거운 한 주 보내세요^^
- Truestar
Đánh giá 26
∙
Đánh giá trung bình 4.9
5
100% đã tham gia제가 리뷰는 잘 안하는 편인데 일단 강의 리딩 실력이 너무 출중하셔서 어떤 강의를 하셔도 주저없이 들을 것 같습니다. 강의 배속을 1.5 로 맞춰 재생하는데 그럼에도 발음이 좋은신 탓인지 내용이 쏙쏙 들어옵니다 중반정도 듣고있는데, 리뷰 남겨요! 0. 질의 응답을 괭장히 세세하게 설명해주십니다 1. 목차와 항목 구분이 강의내용과 확실히 매칭됩니다 2. 정보전달방식에 프레임이 있어, 매 강의 특정시점 마다 대략적으로 이런내용을 다루는구나 라고 짐작이 가능합니다. 3. 자주쓰이는 패턴 예시를 두어 응용하기가 좋습니다(유틸함수 쓰는 느낌) 4. 무엇보다 좋다고 생각이 드는부분은, 매 영상초반에 전달하는 전,후 맥락에 대한 설명을 가볍게 설명해주시는데 이 때문에 흐름을 파악하기 매우좋습니다 (때에 따라서 다소 지루한 감이 있을 순 있지만, 배속 기능이 있기에 상관없다 생각합니다. 저의 경우는 오히려 전체를 파악하기 좋았던 것 같습니다) 5. 골이 깊은 개념을 누구나 알기 쉽게 풀어서 설명합니다. 6. 각 주제를 단계적이고, 디테일 하고, 많은 예시를 두어 깊게 다룹니다. 몇 일간 장점을 정리해서 남길 정도로 추천합니다. 무엇보다.. 혜자스러운 강의 분량에 감탄을 했습니다.
- HEROPYGiảng viên
앗! Truestar 님 안녕하세요. '질문 & 답변'에서 글 정리하시는 데 많은 공이 들어간다고 답변해주신 거 같은데, 이렇게 장문의 멋지고 깔끔한 수강평을 남겨주시니 정말 감동적입니다ㅠㅜ 남은 중반 이후 강의가 Truestar 님께 실망을 안겨드리지 않았으면 좋겠고, 정말 도움이 많이 되시길 희망합니다!! 그럼 좋은 밤 되시고, 즐겁고 행복한 한 주 보내시길 바라요~👍 멋진 수강평 진심으로 감사드립니다~😭
아이고.. 제가 가 오해할만한 얘길 남긴건가요?^^; 전 그냥 제가 강의노트를 책쓰듯 하는 버릇이 있어서 공이 많이 들어간다는 소릴 짧게 남겨서 오해가 있으셨네요.. 강의 정말 좋아요.. `고퀄`이 어울리는 강의 입니다. 박리다매 가 떠오르는건 저만 그런건가요.. 업데이트도 계속 해주셔서 감사할 따름이지요.. 이 강의 만드시느라 든 노고가 느껴지는 강의입니다 기초 끝내고 응용편 에서도 잘 부탁드립니다!
1.133.612 ₫
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!
![GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]강의 썸네일](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
