Unlock the power of Svelte 5 and SvelteKit with this comprehensive course. Whether you're new to Svelte or an experienced developer, this course will walk you through the fundamentals and guide you in mastering the latest features of Svelte 5, along with the robust features of SvelteKit. By the end of the course, you'll be able to build reactive web applications with ease and efficiency.
The journey begins with an introduction to the course structure and the new updates in Svelte 5, setting the stage for what's to come. You'll dive deep into the structure of Svelte files, learn how to manage reactive state, and understand the nuances of input handling and side effects. Key concepts such as derived runes and debugging with Inspect rune will be thoroughly explored. You'll also gain practical knowledge on how to pass props across components and implement advanced features like snippets and templating.
The second part focuses on SvelteKit, covering its structure and routing systems for both client-side and server-side navigation. You’ll learn to fetch server-side data using the page.server.ts file, and handle data fetching for both the server and client using the load function. To round out your skill set, you'll learn to create custom API endpoints, which will be essential for building dynamic and data-driven web applications.
This course is perfect for web developers looking to level up their skills in modern front-end development using Svelte 5 and SvelteKit. Ideal for beginners to intermediate learners, this course will take you through hands-on projects and real-world examples. A basic understanding of JavaScript is recommended to get the most out of the course, but no prior Svelte experience is necessary.
Overview
Syllabus
- Course Intro
- In this module, we will introduce the course and guide you through the goals and structure of this Svelte 5 and SvelteKit course. You'll also learn about the major updates in Svelte 5, setting the stage for the content and approach that will shape your learning journey.
- Svelte 5 Crash Course
- In this module, we will take you through the essential elements of Svelte 5, covering file structure, reactivity, debugging, and passing props. You'll gain a deeper understanding of advanced state management and how to use Svelte’s features to build efficient and dynamic applications.
- SvelteKit Crash Course
- In this module, we will dive into SvelteKit's powerful routing and data-fetching features. You’ll learn how to structure a SvelteKit project, fetch data efficiently, and build custom API endpoints to enhance your web applications.
Taught by
Packt - Course Instructors