Svelte.js Beginner's Guide
HEROPY
Free
Basic / Svelte
4.9
(156)
Free Svelte.js course for beginners over 2 hours long!!
Basic
Svelte
The best Svelte.js course with over 21 hours of content!
533 learners
Level Basic
Course period Unlimited
Reviews from Early Learners
5.0
madstone dev
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 ㅎㅎ
5.0
Taylor
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.
5.0
소라연
I took the class because I liked it after listening to the sample lecture^^
Learn the core APIs of the latest Svelte.js thoroughly from the basics!
I can understand the immutability and mutability of JavaScript data!
Understand JavaScript's asynchrony and learn various asynchronous patterns!
Understand the basic configuration of Rollup.js and create a real project with additional configurations!
You can create a 'Trello clone app' using Sortable.js as the core module, sign up for the Netlify service, and continuously deploy (CD) your project!
Dive into the charm of the brand-new, latest JavaScript FE framework,
Svelte (Svelte.js)!một framework Front-end JavaScript mới nhất và cực kỳ thú vị!
Please check out other Svelte courses as well!
"Svelte.js SPA Movie Search Project"
"Svelte.js Introductory Guide"
Easier examples and detailed explanations for beginners,
various patterns of the Svelte API and new syntax for intermediate users and above,
it is composed of content that will be helpful to anyone learning Svelte!
I have personally prepared most of the examples for each section, racking my brain to ensure they are even easier to understand than the ones on the official homepage!
Even if you don't take the course right away,
you can get a taste of the basic concepts of Svelte through the preview!
At the end of the preview, we will also build a simple Todo example.
You will find that it is a frontend framework that is easier and more convenient 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 fresh, exciting, and attractive framework that's only been out for a year~
Essential learning!
After completing the Svelte Core API study, we will build a clone app of the Trello service!
We will configure the project based on the Rollup bundler and introduce many different technologies (SCSS will also be covered).
A version migrated to the latest Snowpack build tool has also been newly added!
We will also perform Continuous Deployment based on the GitHub repository using the Netlify service~
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
The sound quality improves after the first few lectures.
I changed to a more expensive and better microphone~
If you have any questions during the course, please use the Q&A page.
I will respond as quickly as possible.
If you are hesitant about taking the course or have any other questions before enrolling,
Pre-enrollment Inquiry please use the page..
If you need Korean documentation for the Svelte API,
please check the 'Svelte.js Complete Guide (Renew)' post.
https://heropy.blog/2019/09/29/svelte
2020.10.22
With the lecture preparations complete, a few new features from the latest Svelte version have been added.
I will update it soon!
2020.11.03
The post has been updated to 'Svelte.js The Complete Guide (Renew)'.
Please watch it along with the video lecture.
2020.11.08
The following parts have been added to this course!
- 7-4. Key blocks
- 11-4. Slot Forwarding
- 18-1. What is Snowpack?
- 18-2. Understanding Snowpack-based Svelte template installation and configuration
- 19-1. Copying main directories and applying HMR
- 19-2. Core module installation and configuration
- 19-3. SCSS and Svelte Preprocess configuration
- 19-4. Configuring log removal in production mode
- 19-5. Code optimization (minification) and path alias configuration
- 19-6. GitHub repository creation and project Push
- 19-7. Continuous deployment via Netlify
2020.12.24
Added the following parts to this lecture!
Before starting the 'Trello Clone App' lecture example, please make sure to watch this!
- 15-1. Matching the module versions of the lecture examples. Đồng nhất phiên bản module của ví dụ bài giảng
2020.12.30
The following part has been added to this lecture!
- 11-5. $$slots
Svelte.js, Frontend, Framework, Core API, Sortable.js, Rollup.js, React, Vue.js, Angular, React, Vue, Angular
Who is this course right for?
Looking for someone to experience the latest new web frontend framework!
Those with little experience in frontend development!
For those who find it difficult to learn or have trouble understanding parts of the official Svelte.js documentation!
For those who don't mind detailed explanations!
Need to know before starting?
HTML
CSS
JS
Career Verified
4,243
Learners
224
Reviews
162
Answers
4.9
Rating
3
Courses
Hello~ Nice to meet you! I'm Youngwoong Park, a frontend developer currently developing enterprise management solutions at a small startup. I also run the HEROPY tech blog.
Hello~ Nice to meet you!
I am Park Young-woong, a front-end developer currently developing enterprise management solutions at a small startup.
I run the HEROPY tech blog,
and I am also active in corporate training and online/offline lectures.
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 27
∙
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!
Reviews 84
∙
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^^
Check out other courses by the instructor!
Explore other courses in the same field!
Free