The Svelte Crash Course

This course will teach you the fundamentals of Svelte

GitHub Repo:

Timeline
0:00 - 5:40 - Introduction
5:40 - 13:45 - Creating a Svelte App
13:45 - 23:22 - HMTL and CSS
23:22 - 33:53 - Iterating and Rendering
33:53 - 1:07:46 - State and Event Handlers
1:10:58 - 1:25:09 - Fetching Data
1:25:09 - 1:31:09 - Lifecycle Hooks
1:31:09 - 1:38:07 - Two Way Binding
1:38:07 - 1:41:29 - Adding Animations
2:01:30 - 2:11:55 - Components
2:11:55 - 2:19:05 - Pages
2:19:05 - 2:25:35 - Layouts
2:54:48 - Global Store

[mikemjlove]

Svelte is the best JS framework. I've used it in production apps and it has always been a pleasure work with Svelte. I strongly recommend to learn Sveltekit right after learning the basic of svelte. Sveltekit is the preferred way of building svelte application and it'll make your life super easy.

[dancyvybes]

I generally don't comment but had to do so on this one. You are an excellent teacher. In fact to say you are excellent will be an understatement. The best tutorial I have followed in a loooong while, and I follow tones. You understand the need of your students and explain with tact. This is perfect. My love for Svelte has been suddenly amplified due to this tutorial. So Practical. THANKS A MILLION TIMES.

[martinsrozenbergs]

This is the best tutorial on Svelte to start learning from 0. The tempo is excellent. Thank you!

[LegendofGopher]

Honestly needs more views. You are a very good teacher!

[edfriesema]

Thanks for the great introduction to Svelte. One note on the calculator app though. Since we bothered to include a decimal point . the = operation should perform a parseFloat instead of a parseInt otherwise the values will be rounded off

[sherlockjunior]

Amazing course, I have tried many youtube tutorials but I have got to say,
This is really one of THE BEST tutorial/crash course videos ever!
I am not exaggerating....
If anyone is going through these comments, trust me, this video is going to be a good good starting point in your Svelte journey!

Kudos to you @Liath Academy! 🥰 Can't thank you enough for this

[knice]

You're the best brother. You make it so easy and clear to understand. Thank you so much. This is the first time I'm commenting on a video like this.

[OneBrighDay]

Really excellent course, I really like SvelteKit and can't wait to do some production projects with it. Couple, of things. I'm one of the few developers I know that doesn't like TypeScript. I feel it adds extra complexity, and when you are learning it, it's unclear what the errors are. The last project in point, you had a TypeScript error you couldn't figure it out and you were like oh well it's going to yell at me. Now, for those that are interested, I did end up putting an actual URL in the imageUrl and used JSON to TypeScript generator to make all the types for me. I just couldn't leave it. Second, on the data.json file in the Biology section you have text instead of question so when you go to the Biology quiz it says undefined. But great overall course I really appreciate it.

[luciusrex]

typescript outside enterprise work looks so painful. thanks for sharing this! super helpful!

[Bockwurst]

wow. I love this! Thank you so much for creating this tutorial! Best Tutorial for learning Svelte on Youtube. I would love to see more Svelte content

[Bockwurst]

just finished all 3 projects! thank you <3

[scott_itall]

Soaking up all things Svelte at the moment, keep it coming. Love your work, thanks!

[gopinathkrm]

your tutorials helped me a lot. Thanks

[yenviet]

Thanks you sir.Tutorial explain is very good and easy to understand 😍

[dejangegic]

Hey Laith, what's up man? I see you've stopped posting, hope you haven't gave up content creation, your channel is a goldmine

[adriandev]

Awesome content, thanks for your effort👍👍

[francoisbouchet]

at 41min (styling of the operation button when clicked), the CSS styling is NOT AT ALL how it should be done.
There is Svelte's class directive that is super useful and meant to do that.

[achrefnabil]

Thanks laith you are the best teacher can you please make a microfront end course with react js

[ahmedadam]

i want to learn svelte, i learn from that course, or the new version of svelte is different?

[nhwhn]

Thank you for such a great tutorial, but it's very hard to hear for the volume is being so low.