Getting Started with Svelte!

Learn the fundamentals of Svelte. In this Svelte tutorial for beginners, I'll explain what Svelte is and show you some Svelte basics. You'll learn some of the most common techniques used in the Svelte web development framework: how Svelte files work, writing JavaScript, CSS, and HTML in Svelte files, reactive assignments, reactive declarations, nested components, scoped CSS, props, and loops.
Created by Gregg Fine.

#svelte #webdevelopment #webdev #sveltekit #javascript

? The Code Creative Store: Courses and Free Tutorials!
https://store.thecodecreative.com

?Subscribe for more free Code Creative videos: : https://www.youtube.com/channel/UCmOpHGj4JRWCdXhllVTZCVw?sub_confirmation=1

?Join The Code Creative Community on Facebook:
https://www.facebook.com/groups/thecodecreative

? The Code Creative Official Website
https://www.thecodecreative.com/

? The Code Creative Courses
https://www.thecodecreative.com/courses

▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬

00:16 Installing Svelte
1:10 Project Directory Structure
1:45 Svelte Files
2:45 JavaScript in Svelte
3:20 HTML Markup in Svelte
3:43 Reactive Assignments
5:25 Reactive Declarations
6:50 Nested Components
8:56 Scoped CSS
9:50 Props
11:57 Loops

▬About The Code Creative ▬▬▬▬▬▬▬▬▬▬▬▬

The Code Creative helps web developers learn the fundamentals of programming, algorithms, as well as the latest frameworks and libraries. You can expect web development content that is fun, clear and concise, and keeps you engaged with visuals and a touch of humor.


▬Social Media ▬▬▬▬▬▬▬▬▬▬

▸ Twitter - @GreggFine
▸ Instagram - /greggfinedev
▸ Facebook - https://www.facebook.com/groups/thecodecreative


✅ Recommended related videos:

Debouncing Explained
https://www.youtube.com/watch?v=F2zF8fu7aG0&t=215s

Memoization Explained
https://www.youtube.com/watch?v=dO9LQsIpavM&t=9s

Sorting in JavaScript Explained
https://www.youtube.com/watch?v=kxUNQtheCxM&t=2s


✅ For business inquiries contact me at [email protected]