دوره فشرده Svelte

Quick Svelte intro: build a demo app while learning reactivity, props, events, conditionals, and template loops.

Build a practical Todo app in Svelte to master reactivity, bindings, conditionals, loops, and dynamic class rendering.

Complete your Todo app with filters and editing features using event listeners, conditionals, and reactive properties for a dynamic, user-friendly experience.

Learn Svelte's built-in transitions (fade, fly, scale) and add easy, polished animations to your Todo app for smoother UI.

Learn how to connect multiple Svelte components by dispatching and listening to events, making your Todo app’s state flow smooth and efficient.

Master component communication by using events and props in Svelte. Learn how to build a TodoList component that shares state smoothly and clearly.

Learn how to simplify state management with global writable stores in Svelte. Share and update state effortlessly across components for smoother apps.

Use slots to pass markup between components, enabling customizable instances - see a contact card example for practical, reusable patterns.

Learn three practical ways to fetch API data in Svelte: state, await blocks, or libraries like Svelte Query and SWR.

Get started with SvelteKit—install it and explore SSR, file-based routing, layouts, and static site generation to build modern Svelte apps.

Build server-side API endpoints to fetch data, access databases, and call credentialed APIs with secure, practical examples.

Learn practical SvelteKit deployment options - Vercel serverless, Node (Forge), or static sites - pros, cons, and step-by-step guidance.

Learn three ways to combine Svelte with Laravel: embed components in Blade, use Inertia, or connect separate apps via API.