آموزش Svelte و SvelteKit - راهنمای کامل [بروزرسانی 2025]

آنچه یاد خواهید گرفت:

• همه‌ موارد را درباره Svelte از ابتدا یاد می‌گیرید.
• همه‌ موارد را درباره SvelteKit یاد می‌گیرید.
• با استفاده از SvelteKit یک وب‌ اپلیکیشن فول‌استک با عملکرد بالا می‌سازید.
• اپلیکیشن‌هایی می‌سازید که بدون فعال بودن JavaScript هم کار می‌کنند.

پیش‌نیازهای دوره

• آشنایی با JavaScript الزامی است.
• آشنایی پایه با TypeScript ترجیح داده می‌شود.
• در برخی بخش‌ها، آشنایی پایه با SQL ترجیح داده می‌شود.

توضیحات دوره

Svelte فریمورک JavaScript است که به شما امکان می‌دهد کامپوننت‌های مبتنی بر state بسازید. اما چیزی که Svelte را از فریمورک‌های دیگری مانند Angular و React و Vue متمایز می‌کند این است که Svelte یک کامپایلر است. Svelte در زمان بیلد اجرا می‌شود. یعنی کد Svelte شما در زمان بیلد به کدی اعلامی و بسیار بهینه تبدیل می‌شود که در مرورگر اجرا می‌شود تا عملیات‌های DOM را انجام دهد. فریمورک‌های معروف دیگر معمولاً از تکنیکی به نام DOM مجازی برای تصمیم‌گیری درباره نحوه بروزرسانی DOM استفاده می‌کنند. این تکنیک در ران تایم داخل مرورگر اجرا می‌شود و همین موضوع سربار بیشتری به محاسبات DOM اضافه می‌کند.

در این دوره، همه‌ موارد را درباره Svelte از ابتدا یاد می‌گیریم. کار را با مبانی واکنش‌گرایی مبتنی بر سیگنال شروع می‌کنیم و سپس کامپوننت‌های ساده می‌سازیم. بعد به‌ تدریج پیش می‌رویم، کامپوننت‌های پیچیده‌تر ایجاد کرده و ویژگی‌های پیشرفته‌تر را عمیق‌تر بررسی می‌کنیم.

و در حالی که Svelte ابزار بسیار خوبی برای ساخت کامپوننت‌های وب است، ساخت یک اپلیکیشن کامل فول‌استک فقط با Svelte کار ساده‌ای نیست. به همین دلیل SvelteKit را داریم. SvelteKit یک فریمورک برای توسعه سریع وب‌ اپلیکیشن‌های قدرتمند و پربازده است. SvelteKit به‌ صورت آماده امکاناتی مانند مسیریابی، رندرینگ سمت سرور، پیش رندرینگ و موارد دیگر را در اختیار ما می‌گذارد. این فریمورک ساختاری به ما می‌دهد که می‌توانیم از آن برای ساخت اپلیکیشن‌های با عملکرد بالا، رندر شده سمت سرور و پیشرونده پیروی کنیم.

در این دوره، همه‌ موارد را درباره SvelteKit یاد می‌گیریم. ما درباره صفحات، طرح‌بندی‌ها، بارگذاری داده، هوک‌ها، مدیریت خطا، متغیرهای محیطی، پیش رندرینگ، اکشن‌های فرم کاملا پیشرونده و موارد دیگر صحبت خواهیم کرد.

همچنین از ابزارهایی مثل PostgreSQL و Drizzle ORM برای مدیریت پایگاه داده و از BetterAuth و CASL برای احراز هویت و مجوزدهی استفاده خواهیم کرد.

پس اگر می‌خواهید با Svelte و SvelteKit وب‌ اپلیکیشن‌های پربازده بسازید، همین حالا به دوره بپیوندید.

این دوره برای چه کسانی مناسب است؟

• توسعه‌دهندگان JavaScript و Front-end که می‌خواهند همه‌ موارد را درباره ساخت وب کامپوننت‌ها با Svelte یاد بگیرند.
• توسعه‌دهندگان فول‌استک که به دنبال ساخت اپلیکیشن‌های با عملکرد بالا و رندر شده سمت سرور با SvelteKit هستند.