بیایید با Svelte و Sveltekit چیزی فوقالعاده بسازیم!
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- برنامهریزی یک اپلیکیشن از بکاند تا فرانتاند
- نحوه استفاده از Sveltekit و Svelte
- ساخت یک اپلیکیشن CRUD فولاستک سریع با احراز هویت
- یادگیری استفاده از Netlify و توابع بدون سرور Netlify
- یادگیری ذخیره و بروزرسانی داده در Mongodb در ابر
توضیحات دوره
یک پروژه فوقالعاده با استفاده از فریمورک قدرتمند Sveltekit بسازید!
در پروژه دوره، نقش توسعهدهنده یا فریلنسر را بر عهده خواهید داشت که یک مشتری، مستندات اولیه الزامات را در اختیار شما گذاشته است. مأموریت شما ایجاد یک وب اپلکییشن پیشرفته است که فراتر از انتظارات مشتری باشد. برای این کار، از سریعترین و محبوبترین نرمافزارهای توسعه یعنی Svelte و Sveltekit استفاده خواهید کرد.
شما ویژگیهای متعدد Svelte از جمله Stores ،Dispatch و واکنشگرایی را میآموزید که همگی به مدیریت State کمک میکنند. همچنین بسیاری از امکانات Sveltekit مانند مسیریابی، مسیریابی پویا، طرحبندی، هوکها و حتی کوکیها را خواهید دید. تم روشن و تاریک، بهینهسازی برای موتورهای جستجو (سئو) و site map نیز اضافه خواهد شد.
اپلیکیشن دوره همه موارد از جمله: مسیریابی Sveltekit، ناوبری برای دستگاههای کوچک و بزرگ، احراز هویت، لاگین و رجیستر، قابلیت کامل CRUD برای دو مجموعه داده، توابع بدون سرور Netlify و توابع درخواست API را پوشش میدهد.
برای ذخیرهسازی داده از Mongodb Atlas ابری و برای تصاویر از Cloudinary استفاده خواهیم کرد. همه خیلی سریع و هموار خواهد بود. همچنین از قابلیت از پیش بارگذاری و هوکهای Sveltekit بهرهمند خواهیم شد.
آیا گفتیم که اپلیکیشن خود را در Netlify مستقر خواهیم کرد؟ Netlify ویژگیهای جالبی دارد که در طول دوره خواهید دید. فرآیند استقرار دستی و همچنین استقرار مداوم (خودکار) با استفاده از Github در بخش پایانی آموزش بیان میشود.
این دوره برای چه کسانی مناسب است؟
- کسانی که میخواهند بدانند چگونه یک اپلیکیشن فولاستک با قابلیت CRUD و احراز هویت را با استفاده از Svelte و Sveltekit به همراه Netlify و توابع بدون سرور Netlify توسعه دهند.
بیایید با Svelte و Sveltekit چیزی فوقالعاده بسازیم!
-
مقدمه 06:03
-
مفاهیم 05:59
-
راهاندازی - کاری که باید انجام دهید 05:21
-
Netlify 09:41
-
Mongodb 03:43
-
ساختار فولدر 13:38
-
+layout.svelte - کامپوننتهای اولیه 12:38
-
اولین Store ما - appStore.js 11:25
-
+layout.svelte - بروزرسانی برای مدیریت State 07:34
-
Nav.svelte 05:47
-
Vnav.svelte 04:46
-
Sidebar.svelte 12:45
-
Hnav.svelte 06:11
-
پروژهها - مقدمه و راهاندازی 11:02
-
تابع بارگذاری - +page.js 05:35
-
اولین تابع بدون سرور Netlify ما 09:17
-
تابع Netlify helper - بررسی db-helper.js 07:45
-
مسیریابی +page.svelte و Project Store 09:22
-
Projects.svelte 05:35
-
ProjectItem.svelte 10:40
-
مسیریابی پویا - پروژه 08:50
-
ذخیرهسازی محلی و فراخوانی کلاینت 14:32
-
مشکل با پوشه بیلد 06:22
-
User Store 13:28
-
registerUser.js - کد 15:19
-
registerUser.js - توضیح Netlify 09:19
-
registerUser.js - بکاند 08:13
-
loginUser.js در Netlify 10:31
-
loginUser.js - بکاند 05:02
-
لاگین - اسکریپت route/login/+page.svelte 07:39
-
لاگین - نشانهگذاری route/login/+page.svelte 14:22
-
Logio.svelte 08:04
-
تست رجیستر و لاگین 16:54
-
addProject.js در Netlify 07:25
-
addProj() - API 08:58
-
project.js - بررسی ()addProject 07:33
-
کامپوننتها - projectupdate/[id]/+page.svelte 12:36
-
توضیح اسکریپت مسیر پویای پروژه 07:15
-
توضیح نشانهگذاری مسیر پویای پروژه 10:37
-
تست - افزودن پروژه جدید 05:56
-
updProject.js در Netlify 02:44
-
delProject.js در Netlify 02:20
-
updProject() - Api.js 03:13
-
delProject_Api.js 02:07
-
Project Store - بررسی updateProject 06:31
-
Project Store - بررسی removeProject 04:32
-
کامپوننتها برای بروزرسانی و حذف 04:10
-
تست - ویرایش و حذف 05:23
-
مقدمه - تماس با مشتری 05:41
-
فیلتر - ProjectFilter.svelte 09:49
-
بروزرسانی Projects.svelte برای فیلتر 11:26
-
لایک - Netlify و API و بروزرسانیهای Store 08:22
-
ProjectItem.svelte - بروزرسانی برای لایک 12:09
-
تست - لایک 05:03
-
Alert.svelte - کد 11:58
-
هشدارها - افزودن به اپلیکیشن 07:53
-
ترنزیشنها - بخش 1 09:05
-
ترنزیشنها - بخش 2 09:03
-
مقدمه - مسیر Ezflip (ezflip/+page.svelte) 05:51
-
مسیر پویا EzFlip (ezflip/[id]/+page.svelte) 08:49
-
Ezflip - Api.js - updEzflip، تست projects.js 08:55
-
مخاطبان - توابع Netlify 09:19
-
مخاطبان - توابع API 03:28
-
Contacts Store - بررسی contacts.js 03:18
-
Contacts.svelte و ContactItem.svelte 05:52
-
مسیر contactupdate 06:17
-
تست - مخاطبان 09:01
-
مقدمه - تم - hooks.server.js 09:37
-
تم - بروزرسانی HNav 11:19
-
تم - بروزرسانی Sidebar 04:18
-
تست - تم 04:31
-
سئو - بخش 1 10:52
-
سئو - بخش 2 04:01
-
SiteMap 02:44
-
مقدمه استقرار دستی 09:42
-
Github - ایجاد مخزن 01:28
-
ایجاد مخزن محلی Git 01:47
-
پوش کردن به Github 03:18
-
لینکدهی Netlify به Github 04:38
-
تست استقرار مداوم Netlify 04:34
مشخصات آموزش
بیایید با Svelte و Sveltekit چیزی فوقالعاده بسازیم!
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:همه سطوح
- تعداد درس:80
- مدت زمان :10:18:50
- حجم :5.01GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی