Svelte Kit Bootcamp: Basic to Advance Build 2 Real Projects

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه Introduction

مزایای Svelte-kit و Create Svelte-kit Project Benefits of Svelte-kit and Create Svelte-kit Project

• موضوعات پایه تا پیشرفته کیت Svelte - کد منبع Basic to Advanced Topics of Svelte Kit - Source Code

• مزایای Svelte Kit Part-1 Benefits of Svelte Kit Part-1

• نمای کلی Svelte و Svelte Kit قسمت 2 Overview of Svelte and Svelte Kit Part-2

• راه اندازی Dev Environment برای ایجاد پروژه Svelte Kit Part-3 Setting Up Dev Environment to Create Svelte Kit Project Part-3

کامپوننت کیت Svelte Svelte Kit Component

• Svelte Kit First Component Part-4 Svelte Kit First Component Part-4

• Svelte Kit Short Hands Part-5 Svelte Kit Short Hands Part-5

Svelte Kit Reactivity Svelte Kit Reactivity

• Svelte Kit Reactivity Part-6 Svelte Kit Reactivity Part-6

• Svelte Kit Reactivity With Arrays Part-7 Svelte Kit Reactivity With Arrays Part-7

لوازم کیت Svelte Svelte Kit Props

• Svelte Kit Props Part-8 Svelte Kit Props Part-8

Svelte Kit Routing Svelte Kit Routing

• مسیریابی صفحات قسمت 9 Routing Pages Part-9

• طرح بندی قسمت 10 Layouts Part-10

• مسیرهای پویا قسمت 11 Dynamic Routes Part-11

• Nested Routes Layouts Part-12 Nested Routes Layouts Part-12

• پارامترهای مسیرها مسیرهای عامیانه قسمت 13 Routes Parameters Wildcard Routes Part-13

فروشگاه کیت Svelte Svelte Kit Stores

• فروشگاه های قابل نوشتن قسمت 14 Writable Stores Part-14

• فروشگاه های مشتق شده قسمت 15 Derived Stores Part-15

API را در Svelte Kit Server و Client Side واکشی کنید Fetch API in Svelte Kit Server and Client Side

• استفاده از Fetch در Svelte Kit (Client Side) Part-16 Using Fetch in Svelte Kit (Client Side) Part-16

• استفاده از Fetch در کیت Svelte (سمت سرور) قسمت 17 Using Fetch in Svelte Kit (Server Side) Part-17

• API Routes Svelte Kit Part-18 API Routes Svelte Kit Part-18

• استفاده از API Routes Svelte Kit Part-19 Using API Routes Svelte Kit Part-19

فرم ها در کیت Svelte Forms in Svelte Kit

• فرم ها در کیت Svelte Part-20 Forms in Svelte Kit Part-20

• دسته ارسال فرم در کیت Svelte Part-21 Form Submit Handle in Svelte Kit Part-21

• قسمت 22 سمت مشتری اعتبارسنجی فرم Form Validations Client Side Part-22

• اعتبار سنجی فرم Libs شخص ثالث قسمت 23 Form Validations Third Party Libs Part-23

• SSR در کیت Svelte Part-24 SSR in Svelte Kit Part-24

برنامه وب فیلم: پروژه - 1 Movie Web App : Project - 1

• پروژه برنامه وب فیلم - کد منبع Movie Web App Project - Source Code

• پروژه برنامه وب فیلم - نمایش اجمالی زنده Movie Web App Project - Live Overview Demo

• راه اندازی پروژه برنامه فیلم قسمت-1 Movie App Project Initialization Part-1

• Tailwind CSS Part-2 را نصب کنید Install Tailwind CSS Part-2

• طرح بندی برنامه قسمت 3 Layout of The App Part-3

• پاورقی قسمت 4 Footer Part-4

• TMDB API Key Part-5 TMDB API Key Part-5

• فراخوانی API و دریافت داده قسمت 6 Calling API and Receiving Data Part-6

• طراحی چرخ فلک قسمت 7 Designing Carousel Part-7

• طراحی چرخ فلک پایین قسمت 8 Designing Bottom Carousel Part-8

• طراحی چرخ فلک پایان بخش 9 Finishing Carousel Design Part-9

• طراحی اجزای کارت قسمت 10 Card Component Design Part-10

• Card API فیلم‌های دارای رتبه برتر قسمت 11 Card API Top Rated Movies Part-11

• جزئیات صفحه Route API قسمت 12 را فرا می خواند Details Page Route API Calls Part-12

• صفحه جزئیات طراحی قسمت-13 Designing Details Page Part-13

• نمایش تریلر فیلم قسمت 14 Showing Movie Trailers Part-14

• نمایش کارت فیلم های مشابه قسمت 15 Showing Similar Movies Card Part-15

• جزء صفحه بندی قسمت 16 Pagination Component Part-16

• فراخوانی API مؤلفه صفحه بندی قسمت 17 Pagination Component API Call Part-17

• برگه های صفحه بندی پاسخگو قسمت 18 Pagination Tabs Responsive Part-18

• صفحه بندی برای جزئیات مشاهده قسمت 19 Pagination for Details View Part-19

• قسمت 20 صفحه کاوش ناوبری Navigation Explore Page Part-20

• کاوش صفحه API Call Part-21 Explore Page API Call Part-21

• کاوش صفحه همه تماس‌های API Part-22 Explore Page All API Calls Part-22

• کارت لودر قسمت 23 Card Loaders Part-23

• صفحه نمایش های تلویزیونی قسمت 24 TV Shows Page Part-24

• صفحه بندی برنامه های تلویزیونی قسمت 25 TV Shows Pagination Part-25

• جستجوی API Call Part-26 Search API Call Part-26

• جستجوی API کشویی قسمت 27 Search API Drop Down Part-27

• جستجوی API Drop Down Routing Part-28 Search API Drop Down Routing Part-28

• ناوبار پاسخگویی قسمت 29 Navbar Responsiveness Part-29

• اسکلت لودر قسمت 30 Skeleton Loader Part-30

• نوار پیمایش سفارشی قسمت 31 Custom Scroll Bar Part-31

• Vercel Deployment Part-32 Vercel Deployment Part-32

برنامه وب گالری عکس: پروژه - 2 Photo Gallery Web App : Project - 2

• پروژه برنامه وب گالری عکس - کد منبع Photo Gallery Web App Project - Source Code

• نمای کلی پروژه برنامه وب گالری عکس - نسخه نمایشی زنده Photo Gallery Web App Project Overview - Live Demo

• راه اندازی پروژه قسمت 1 Project Initialization Part-1

• راه اندازی Tailwind CSS Part-2 Setup Tailwind CSS Part-2

• نمادهای راه اندازی قسمت 3 Setup Icons Part-3

• Setup Icons Part-4 Setup Icons Part-4

• دریافت API Data Part-5 Get API Data Part-5

• کامپوننت کارت طراحی قسمت 6 Design Card Component Part-6

• سربرگ طراحی قسمت 7 Design Header Part-7

• ویژگی های جستجو قسمت 8 Search Features Part-8

• طراحی صفحه بندی قسمت 9 Pagination Design Part-9

• سبک صفحه بندی قسمت 10 Pagination Style Part-10

• قابلیت صفحه بندی قسمت 11 Pagination Functionality Part-11

• طراحی مدال قسمت 12 Modal Design Part-12

• عملکرد معین قسمت 13 Modal Functionality Part-13

• طراحی پاورقی قسمت 14 Footer Design Part-14

• تغییر تم قسمت 15 Theme Toggle Part-15

• تم Toggle Card Modal Part-16 Theme Toggle Card Modal Part-16

• اسکلت لودر قسمت 17 Skeleton Loader Part-17

• Vercel Deployment Part-18 Vercel Deployment Part-18