.jpg?w=960)
Svelte.js 입문 가이드
HEROPY
2시간이 넘는 입문자를 위한 Svelte.js 무료 강의!!
초급
Svelte
BEST
Svelte.js [Core API] Complete Guide
The best Svelte.js course ever, over 21 hours long!
Reviews from Early Learners
What you will learn!
Learn the latest Svelte.js Core API from the basics!
You can understand the immutability and mutable nature of JavaScript data!
Understand asynchrony in JavaScript and learn various asynchronous patterns!
Understand the basic structure of Rollup.js and create a real project with additional configuration!
You can create a ‘Trello clone app’ with Sortable.js as the core module, sign up for Netlify service, and continuously deploy (CD) your project!
The hottest new JavaScript FE framework,
Fall in love with Svelte.js !
Let's get started!
A simpler example and detailed explanation for beginners,
Various patterns and new syntax of Svelte API for intermediate and above users, etc.
We've put together content that will be helpful to anyone learning Svelte!
To make it easier to understand than the homepage example,
I prepared most of the part examples myself, racking my brain!
Even if you don't take the class right away,
You can get a taste of the basic concepts of Svelte through the preview!
At the end of the preview, we'll also create a simple Todo example.
You will find that it is an easier and more convenient front-end framework than React or Vue.
And be sure to check out the full curriculum!
Last year (2019), version 3, which made Svelte what it is today, was officially released for the first time.
It's a very hot, interesting and attractive framework that's only been around for a year now~
Essential learning!
.gif)
Key examples!
After learning the Svelte Core API, let's create a clone app for the Trello service!
We'll build a project based on the Rollup bundler and introduce a number of technologies (we'll also learn SCSS).
We've also added a new version that migrates to the latest Snowpack build tools!
We also use Netlify to perform continuous deployment based on GitHub repositories.
Please refer to the curriculum for more details.
GitHub Repo: https://github.com/HeropCode/Svelte-Trello-app
Snowpack GitHub Repo: https://github.com/HeropCode/Svelte-Trello-app-Snowpack
Demo: https://boring-agnesi-165a0d.netlify.app
please refer to this!
After the first few lessons, the sound quality improves.
I changed to a more expensive and better microphone~
Any questions?
If you have any questions during the course, please use the Questions & Answers page.
We will respond as quickly as possible.
If you are concerned about taking the course or have any other questions before taking the course,
Please use the inquiry page before registering for the course .
Svelte documentation.
If you need Korean documentation for Svelte API,
Check out the post 'Svelte.js Complete Guide (Renew)'.
https://heropy.blog/2019/09/29/svelte
announcement!
20 20.10.22
As we near the end of the course preparations, we've added several technologies from the latest Svelte version.
We will update soon!
20 20.11.03
I updated the post with 'Svelte.js Complete Guide (Renew)'.
Watch along with the video lecture.
20 20.11.08
We've added the following parts to this course!
- 7-4 . Key block
- 11-4 . Slot Forwarding
- 18-1 . What is Snowpack?
- 18-2 . Understanding the Installation and Configuration of Svelte Templates Based on Snowpack
- 19-1 . Copying the main directory and applying HMR
- 19-2 . Installing and Configuring Core Modules
- 19-3 . Configuring SCSS and Svelte Preprocess
- 19-4 . Configuring log removal in product mode
- 19-5 . Code optimization (minimization) and path alias configuration
- 19-6 . Creating a GitHub repository and pushing the project
- 19-7 Continuous Deployment with Netlify
20 20.12.24
We've added the following parts to this course!
Be sure to watch this before starting the 'Building a Trello Clone App' tutorial example!
- 15-1 . Matching the lecture example module version
20 20.12.30
We've added the following parts to this course!
- 11-5 . $$slots
Svelte.js, Frontend, Framework, Core API, Sortable,js, Rollup.js, React, Vue.js, Angular
Recommended for
these people
Who is this course right for?
Experience the new cutting-edge web front-end framework!
For those who lack front-end development experience!
Those who find the official Svelte.js documentation difficult to learn or do not understand certain parts!
People who don't mind a lot of explanations!
Need to know before starting?
HTML
CSS
JS
4,188
Learners
221
Reviews
162
Answers
4.9
Rating
3
Courses
안녕하세요~ 반갑습니다!
저는 현재 작은 스타트업에서 기업 관리 솔루션을 개발하고 있는 프론트엔드 개발자 박영웅입니다.
HEROPY 기술 블로그를 운영하고 있고,
그 외 기업 출강이나 온/오프라인 강의 활동도 하고 있습니다.
Blog: https://heropy.blog
Youtube: https://www.youtube.com/channel/UCcjhMpoaNvyy0StN9KgtF6w
Email: thesecon@gmail.com
Curriculum
All
116 lectures ∙ (21hr 18min)
Published:
Last updated:
Reviews
All
38 reviews
4.9
38 reviews
madstone devReviews 1
∙
Average Rating 5.0
5
99% enrolled하나의 개념을 설명하실때 부가적인 활용방법까지 엄청 꼼꼼하게 알려주시기 때문에 일반적으로 궁금할만한 사항들 대부분이 강의에 포함되어있다고 보시면됩니다. 또 es6의 장점을 최대한 활용해서 작성하시기 때문에 강의가 끝날 때쯤엔 깔끔하고 간결한코드의 습관도 기를 수 있습니다. 프레임워크 경험이없는분들이 듣기에도 아주 좋은 강의입니다. 다음 강의가 기대됩니다 ㅎㅎ
- HEROPYInstructor
좋은 평가 남겨주셔서 정말 감사합니다. :D 완강 축하드리고, 이 강의가 madstone dev님께 많은 도움이 되었길 진심으로 바랍니다! 다음 강의도 열심히 준비해서 업로드하고 공지하겠습니다. 즐거운 하루 보내세요~ 감사합니다^^
- Taylor
Reviews 2
∙
Average Rating 5.0
5
28% enrolled최근에 vue.js를 학습하는 과정에서 svelte 가 주목받고 있다는 정보를 들었습니다. 그래서 흥미를 가지게 되었고 구매를 하게 되었습니다. 아직 완강을 하진 못했지만 중간 소감을 적는다면 참 성의있게 강의를 준비하셨다는 느낌을 받습니다. 설계해주신 커리큘럼을 보니 이 강의에 대한 애착과 고민이 느껴집니다. 코멘트 적어주신 신규 기능에 대한 업데이트도 기다리고 있겠습니다
- HEROPYInstructor
강의를 만든 보람이 느껴지는 감동적인 평가 감사합니다 :) 이 강의가 SIMONS 님께 많은 도움이 되면 정말 좋겠습니다. 신규 기능도 빠르게 업데이트하고 공지하겠습니다. 기분 좋은 하루 보내세요~
- 소라연
Reviews 81
∙
Average Rating 5.0
5
98% enrolled샘플강의 듣고 반해서 수강합니다^^
- HEROPYInstructor
좋은 평가 감사합니다^^ 다른 파트도 마음에 드셨으면 좋겠습니다! 즐거운 하루 보내세요~
다른 파트도 완전 마음에 들어요! 특히 Trello 예제는 너무 재미있어서 아껴듣는중입니다^^
- HEROPYInstructor
다른 파트도 마음에 드셔서 다행입니다 :D Trello 예제도 재미있으시다니 정말로 기쁘구요ㅜㅠ Svelte.js가 소라연님의 웹 개발에 많은 도움이 되길 진심으로 바랍니다! 상쾌하고 행복한 주말 보내세요~
즐겁게 완강 했습니다. 감사합니다. 강의 정말 최고에요! 다음 강의도 기대하겠습니다. 강사님도 즐거운 주말 보내세요~
- HEROPYInstructor
강의 시간이 짧지만은 않은데 완강하셨다니 진심으로 축하드려요 :D 다음 강의도 빠르게 열심히 준비해서 공지하겠습니다! 소라연 님도 즐거운 한 주 보내세요^^
- Truestar
Reviews 26
∙
Average Rating 4.9
5
100% enrolled제가 리뷰는 잘 안하는 편인데 일단 강의 리딩 실력이 너무 출중하셔서 어떤 강의를 하셔도 주저없이 들을 것 같습니다. 강의 배속을 1.5 로 맞춰 재생하는데 그럼에도 발음이 좋은신 탓인지 내용이 쏙쏙 들어옵니다 중반정도 듣고있는데, 리뷰 남겨요! 0. 질의 응답을 괭장히 세세하게 설명해주십니다 1. 목차와 항목 구분이 강의내용과 확실히 매칭됩니다 2. 정보전달방식에 프레임이 있어, 매 강의 특정시점 마다 대략적으로 이런내용을 다루는구나 라고 짐작이 가능합니다. 3. 자주쓰이는 패턴 예시를 두어 응용하기가 좋습니다(유틸함수 쓰는 느낌) 4. 무엇보다 좋다고 생각이 드는부분은, 매 영상초반에 전달하는 전,후 맥락에 대한 설명을 가볍게 설명해주시는데 이 때문에 흐름을 파악하기 매우좋습니다 (때에 따라서 다소 지루한 감이 있을 순 있지만, 배속 기능이 있기에 상관없다 생각합니다. 저의 경우는 오히려 전체를 파악하기 좋았던 것 같습니다) 5. 골이 깊은 개념을 누구나 알기 쉽게 풀어서 설명합니다. 6. 각 주제를 단계적이고, 디테일 하고, 많은 예시를 두어 깊게 다룹니다. 몇 일간 장점을 정리해서 남길 정도로 추천합니다. 무엇보다.. 혜자스러운 강의 분량에 감탄을 했습니다.
- HEROPYInstructor
앗! Truestar 님 안녕하세요. '질문 & 답변'에서 글 정리하시는 데 많은 공이 들어간다고 답변해주신 거 같은데, 이렇게 장문의 멋지고 깔끔한 수강평을 남겨주시니 정말 감동적입니다ㅠㅜ 남은 중반 이후 강의가 Truestar 님께 실망을 안겨드리지 않았으면 좋겠고, 정말 도움이 많이 되시길 희망합니다!! 그럼 좋은 밤 되시고, 즐겁고 행복한 한 주 보내시길 바라요~👍 멋진 수강평 진심으로 감사드립니다~😭
아이고.. 제가 가 오해할만한 얘길 남긴건가요?^^; 전 그냥 제가 강의노트를 책쓰듯 하는 버릇이 있어서 공이 많이 들어간다는 소릴 짧게 남겨서 오해가 있으셨네요.. 강의 정말 좋아요.. `고퀄`이 어울리는 강의 입니다. 박리다매 가 떠오르는건 저만 그런건가요.. 업데이트도 계속 해주셔서 감사할 따름이지요.. 이 강의 만드시느라 든 노고가 느껴지는 강의입니다 기초 끝내고 응용편 에서도 잘 부탁드립니다!
$41.80
HEROPY's other courses
Check out other courses by the instructor!
Similar courses
Explore other courses in the same field!
![GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]강의 썸네일](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
