Svelte.js Beginner's Guide
HEROPY
Free Svelte.js course for beginners over 2 hours long!!
초급
Svelte
The best Svelte.js course ever, over 21 hours long!
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 !
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)
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
After the first few lessons, the sound quality improves.
I changed to a more expensive and better microphone~
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 .
If you need Korean documentation for Svelte API,
Check out the post 'Svelte.js Complete Guide (Renew)'.
https://heropy.blog/2019/09/29/svelte
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
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,199
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
All
116 lectures ∙ (21hr 18min)
All
38 reviews
4.9
38 reviews
Reviews 1
∙
Average Rating 5.0
5
When explaining a concept, you will be very meticulous in explaining additional usage methods, so you can see that most of the things you are generally curious about are included in the lecture. Also, since you write by making the most of the advantages of ES6, you will be able to develop the habit of writing clean and concise code by the end of the lecture. This is a very good lecture for those who do not have framework experience. I look forward to the next lecture ㅎㅎ
Thank you so much for your great review. :D Congratulations on completing the course, and I sincerely hope that this lecture was helpful to madstone dev! I will prepare the next lecture diligently and upload it and announce it. Have a nice day~ Thank you^^
Reviews 2
∙
Average Rating 5.0
5
Recently, I heard that Svelte is gaining attention while learning Vue.js. So I became interested and bought it. I haven't finished the course yet, but if I were to write an intermediate review, I feel that you have prepared the course with great sincerity. Looking at the curriculum you designed, I can feel your affection and concern for this course. I will also wait for updates on the new features you commented on.
Thank you for the touching evaluation that makes me feel the worth of making the lecture :) I really hope this lecture will be of great help to SIMONS. I will also update and announce new features quickly. Have a nice day~
Reviews 81
∙
Average Rating 5.0
5
I took the class because I liked it after listening to the sample lecture^^
Thank you for your good review^^ I hope you like other parts too! Have a nice day~
I really like the other parts too! Especially the Trello example is so fun that I'm saving it for later^^
I'm glad you like the other parts too :D I'm really glad you enjoyed the Trello exampleㅜㅠ I really hope Svelte.js will be of great help to Sorayeon's web development! Have a refreshing and happy weekend~
I had a great time. Thank you. The lecture was really great! I look forward to the next lecture. I hope you have a great weekend too, instructor~
The lecture time was not short, but I sincerely congratulate you for completing it :D I will prepare the next lecture quickly and diligently and announce it! I hope you have a great week, Sora Yeon^^
Reviews 26
∙
Average Rating 4.9
5
I don't usually write reviews, but since your lecture reading skills are so outstanding, I think I would listen to any lecture without hesitation. I play the lecture at 1.5 speed, and even then, I can hear the content very well, perhaps because of your good pronunciation. I'm only halfway through listening, so I'm leaving a review! 0. You explain the Q&A in great detail. 1. The table of contents and the division of items are clearly aligned with the lecture content. 2. There is a frame in the information delivery method, so you can roughly guess what kind of content is being covered at each specific point in the lecture. 3. It is easy to apply by providing examples of frequently used patterns (it feels like using a utility function) 4. The best part is that it briefly explains the context before and after the beginning of each video, which makes it very easy to understand the flow (It may feel a bit boring at times, but I think it doesn't matter because there is a speed-up function. In my case, it was actually good for understanding the whole thing) 5. It explains deep concepts in a way that anyone can easily understand. 6. It covers each topic in depth step by step, in detail, and with many examples. I recommend it so much that I will write down the advantages for a few days. Above all, I was impressed by the generous amount of lectures.
Oh! Hello Truestar. I think you answered in the 'Questions & Answers' that you put a lot of effort into organizing the text, so I'm really touched that you left such a long, nice, and neat reviewㅠㅜ I hope the remaining lectures after the middle part won't disappoint Truestar, and I really hope they'll be of great help!! Then, have a good night, and have a fun and happy week~👍 I sincerely thank you for your nice review~😭
Oh my.. Did I leave something that could be misunderstood?^^; I just have a habit of writing my lecture notes like a book, so I briefly mentioned that a lot of work went into it, so there was a misunderstanding.. The lecture is really good.. It's a lecture that suits `high quality`. Is it just me that thinks of 박리다매.. I'm grateful that you keep updating it.. This lecture shows the effort that went into making it. I hope you'll do well in the application section after finishing the basics!
Limited time deal ends in 7 days
$37,730.00
30%
$41.80
Check out other courses by the instructor!
Explore other courses in the same field!