آموزش دوره جامع Svelte V5: شامل SvelteKit SSR و Firebase - آخرین آپدیت

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

Introduction-فصل-1-مقدمه Introduction

• Intro-ویدیو-1-1-معرفی Intro

• IDE and NODE-ویدیو-1-2-آی‌دی‌ای و نود IDE and NODE

• Github & Resources-ویدیو-1-3-گیت‌هاب و منابع Github & Resources

The Basics-فصل-2-مبانی The Basics

• SVELTE vs SVELTEKIT-ویدیو-2-1-اسولت در مقابل اسولت‌کیت SVELTE vs SVELTEKIT

• Installing-ویدیو-2-2-نصب Installing

• Project structure-ویدیو-2-3-ساختار پروژه Project structure

• Components-ویدیو-2-4-کامپوننت‌ها Components

• The Script tag-ویدیو-2-5-تگ اسکریپت The Script tag

• Intro to Runes-ویدیو-2-6-مقدمه به رون‌ها Intro to Runes

• Working with Styles-ویدیو-2-7-کار با استایل‌ها Working with Styles

• Using Props part one-ویدیو-2-8-استفاده از پراپ‌ها قسمت اول Using Props part one

• Using Props part two-ویدیو-2-9-استفاده از پراپ‌ها قسمت دوم Using Props part two

• Binding props-ویدیو-2-10-اتصال پراپ‌ها Binding props

• Handling events-ویدیو-2-11-مدیریت رویدادها Handling events

• Logic Block - if Else-ویدیو-2-12-بلاک منطقی - اگر/در غیر این صورت Logic Block - if Else

• Logic Block - Each-ویدیو-2-13-بلاک منطقی - هر کدام Logic Block - Each

• Logic Block - Await-ویدیو-2-14-بلاک منطقی - انتظار Logic Block - Await

• Derived State-ویدیو-2-15-حالت مشتق شده Derived State

• Props as Functions-ویدیو-2-16-پراپ‌ها به عنوان توابع Props as Functions

• Snippets part one-ویدیو-2-17-اسنیپت‌ها قسمت اول Snippets part one

• Snippets part two-ویدیو-2-18-اسنیپت‌ها قسمت دوم Snippets part two

• OnMount and OnDestroy-ویدیو-2-19-OnMount و OnDestroy OnMount and OnDestroy

• The Effect Rune part one-ویدیو-2-20-رون Effect قسمت اول The Effect Rune part one

• The Effect Rune part two-ویدیو-2-21-رون Effect قسمت دوم The Effect Rune part two

• Actions-ویدیو-2-22-اکشن‌ها Actions

Working with forms-فصل-3-کار با فرم‌ها Working with forms

• Introduction-ویدیو-3-1-مقدمه Introduction

• Radio and checkbox-ویدیو-3-2-رادیو و چک‌باکس Radio and checkbox

• Selects-ویدیو-3-3-انتخابگرها Selects

• Validation-ویدیو-3-4-اعتبارسنجی Validation

• Felte management-ویدیو-3-5-مدیریت Felte Felte management

• Felte & Yup-ویدیو-3-6-Felte و Yup Felte & Yup

Svelte Stores-فصل-4-استورهای اسولت Svelte Stores

• Introduction to Stores-ویدیو-4-1-مقدمه به استورها Introduction to Stores

• Writable Store part one-ویدیو-4-2-استور نوشتنی قسمت اول Writable Store part one

• Writable Store part two-ویدیو-4-3-استور نوشتنی قسمت دوم Writable Store part two

• The readable store-ویدیو-4-4-استور خواندنی The readable store

• Derived Store-ویدیو-4-5-استور مشتق شده Derived Store

• Get & Store Binding-ویدیو-4-6-دریافت و اتصال استور Get & Store Binding

Practice: Who pays the bill ?-فصل-5-تمرین: چه کسی هزینه را پرداخت می‌کند؟ Practice: Who pays the bill ?

• Installation-ویدیو-5-1-نصب Installation

• Adding names to the list-ویدیو-5-2-افزودن نام‌ها به لیست Adding names to the list

• Validating names-ویدیو-5-3-اعتبارسنجی نام‌ها Validating names

• Removing names-ویدیو-5-4-حذف نام‌ها Removing names

• Going to the result screen-ویدیو-5-5-رفتن به صفحه نتیجه Going to the result screen

• Getting the Result-ویدیو-5-6-دریافت نتیجه Getting the Result

• Finish App-ویدیو-5-7-اتمام برنامه Finish App

Svelte Transitions-فصل-6-انتقال‌های اسولت Svelte Transitions

• Introduction-ویدیو-6-1-مقدمه Introduction

• Using transitions-ویدیو-6-2-استفاده از انتقال‌ها Using transitions

• Transition params-ویدیو-6-3-پارامترهای انتقال Transition params

• In, Out & Flip-ویدیو-6-4-ورودی، خروجی و Flip In, Out & Flip

• Tween and Conclusion-ویدیو-6-5-Tween و نتیجه‌گیری Tween and Conclusion

• Adding transition to the Practice app-ویدیو-6-6-افزودن انتقال به برنامه تمرینی Adding transition to the Practice app

SSR: SvelteKit-فصل-7-SSR: اسولت‌کیت SSR: SvelteKit

• Installing SvelteKit-ویدیو-7-1-نصب اسولت‌کیت Installing SvelteKit

• Routing with +Pages-ویدیو-7-2-مسیریابی با +Pages Routing with +Pages

• Working with +Layouts-ویدیو-7-3-کار با +Layouts Working with +Layouts

• Groups-ویدیو-7-4-گروه‌ها Groups

• 404 and Links-ویدیو-7-5-404 و لینک‌ها 404 and Links

• Route Params-ویدیو-7-6-پارامترهای مسیر Route Params

• Client vs Server-ویدیو-7-7-کلاینت در مقابل سرور Client vs Server

• +Page files part One-ویدیو-7-8-فایل‌های +Page قسمت اول +Page files part One

• +Page files part Two-ویدیو-7-9-فایل‌های +Page قسمت دوم +Page files part Two

• +Page.Server files-ویدیو-7-10-فایل‌های +Page.Server +Page.Server files

• .ENV, environment variables-ویدیو-7-11-.ENV، متغیرهای محیطی .ENV, environment variables

• Link Prefetching-ویدیو-7-12-پیش‌دریافت لینک Link Prefetching

• Active Links-ویدیو-7-13-لینک‌های فعال Active Links

• Redirections-ویدیو-7-14-تغییر مسیرها Redirections

• Form Actions-ویدیو-7-15-اکشن‌های فرم Form Actions

• Form Validation-ویدیو-7-16-اعتبارسنجی فرم Form Validation

• Form Enhance-ویدیو-7-17-بهبود فرم Form Enhance

• Named Forms-ویدیو-7-18-فرم‌های نام‌گذاری شده Named Forms

• +Server and API Routes-ویدیو-7-19-+Server و مسیرهای API +Server and API Routes

• Pre Render part One-ویدیو-7-20-پیش رندر قسمت اول Pre Render part One

• Pre Render part Two-ویدیو-7-21-پیش رندر قسمت دوم Pre Render part Two

• SSR vs CSR-ویدیو-7-22-SSR در مقابل CSR SSR vs CSR

Practice: GameScore-فصل-8-تمرین: امتیاز بازی Practice: GameScore

• Introduction-ویدیو-8-1-مقدمه Introduction

• Installing Firebase Client-ویدیو-8-2-نصب Firebase Client Installing Firebase Client

• Main Layout and Nav-ویدیو-8-3-طرح‌بندی اصلی و ناوبری Main Layout and Nav

• Sign in and Register form-ویدیو-8-4-فرم ورود و ثبت‌نام Sign in and Register form

• Sign in and Register validation-ویدیو-8-5-اعتبارسنجی ورود و ثبت‌نام Sign in and Register validation

• Register Users-ویدیو-8-6-ثبت‌نام کاربران Register Users

• Sign in Users-ویدیو-8-7-ورود کاربران Sign in Users

• Toasts and Error codes-ویدیو-8-8-پیام‌های Toast و کدهای خطا Toasts and Error codes

• Logout and Nav Links-ویدیو-8-9-خروج و لینک‌های ناوبری Logout and Nav Links

• Firebase Admin-ویدیو-8-10-Firebase Admin Firebase Admin

• POST auth and set token-ویدیو-8-11-POST احراز هویت و تنظیم توکن POST auth and set token

• GET Destroy token-ویدیو-8-12-GET نابود کردن توکن GET Destroy token

• Handling session on reload-ویدیو-8-13-مدیریت session در بارگیری مجدد Handling session on reload

• Dashboard routes-ویدیو-8-14-مسیرهای داشبورد Dashboard routes

• Server hooks part one-ویدیو-8-15-Server hooks قسمت اول Server hooks part one

• Server hooks part two-ویدیو-8-16-Server hooks قسمت دوم Server hooks part two

• Create article form-ویدیو-8-17-فرم ایجاد مقاله Create article form

• Create Article schema validation-ویدیو-8-18-اعتبارسنجی شمای ایجاد مقاله Create Article schema validation

• Create Article Errors-ویدیو-8-19-خطاهای ایجاد مقاله Create Article Errors

• Create Article, posting to Firebase-ویدیو-8-20-ایجاد مقاله، ارسال به Firebase Create Article, posting to Firebase

• Getting user Articles-ویدیو-8-21-دریافت مقالات کاربر Getting user Articles

• User articles table-ویدیو-8-22-جدول مقالات کاربر User articles table

• Edit article - Getting articles-ویدیو-8-23-ویرایش مقاله - دریافت مقالات Edit article - Getting articles

• Edit article - Posting update-ویدیو-8-24-ویرایش مقاله - ارسال به‌روزرسانی Edit article - Posting update

• Article page - Getting data-ویدیو-8-25-صفحه مقاله - دریافت داده‌ها Article page - Getting data

• Article page - Showing page data-ویدیو-8-26-صفحه مقاله - نمایش داده‌های صفحه Article page - Showing page data

• Fetching home articles-ویدیو-8-27-واکشی مقالات صفحه اصلی Fetching home articles

• Load more home posts-ویدیو-8-28-بارگیری بیشتر پست‌های صفحه اصلی Load more home posts

• Showing home posts-ویدیو-8-29-نمایش پست‌های صفحه اصلی Showing home posts

• Update user profile part one-ویدیو-8-30-به‌روزرسانی پروفایل کاربر قسمت اول Update user profile part one

• Update user profile part two-ویدیو-8-31-به‌روزرسانی پروفایل کاربر قسمت دوم Update user profile part two

The basics [ LEGACY V4 ]-فصل-9-مبانی [LEGACY V4] The basics [ LEGACY V4 ]

• Installing-ویدیو-9-1-نصب Installing

• Project structure-ویدیو-9-2-ساختار پروژه Project structure

• Components-ویدیو-9-3-کامپوننت‌ها Components

• The script tag-ویدیو-9-4-تگ اسکریپت The script tag

• The style tag-ویدیو-9-5-تگ استایل The style tag

• Props-ویدیو-9-6-پراپ‌ها Props

• Binding Props-ویدیو-9-7-اتصال پراپ‌ها Binding Props

• Working with events-ویدیو-9-8-کار با رویدادها Working with events

• Logic Block - If-ویدیو-9-9-بلاک منطقی - If Logic Block - If

• Logic Block - Each-ویدیو-9-10-بلاک منطقی - Each Logic Block - Each

• Logic Block - Await-ویدیو-9-11-بلاک منطقی - Await Logic Block - Await

• Reactive statements-ویدیو-9-12-عبارات واکنشی Reactive statements

• Emitting events-ویدیو-9-13-انتشار رویدادها Emitting events

• Slots part one-ویدیو-9-14-اسلات‌ها قسمت اول Slots part one

• Slots part two-ویدیو-9-15-اسلات‌ها قسمت دوم Slots part two

• OnMount & OnDestroy-ویدیو-9-16-OnMount و OnDestroy OnMount & OnDestroy

• BeforeUpdate & AfterUpdate-ویدیو-9-17-BeforeUpdate و AfterUpdate BeforeUpdate & AfterUpdate

• Actions-ویدیو-9-18-اکشن‌ها Actions

Wroking with Forms [ LEGACY V4 ]-فصل-10-کار با فرم‌ها [LEGACY V4] Wroking with Forms [ LEGACY V4 ]

• Getting values-ویدیو-10-1-دریافت مقادیر Getting values

• Checkbox and Radio-ویدیو-10-2-Checkbox و Radio Checkbox and Radio

• Select-ویدیو-10-3-Select Select

• Submitting-ویدیو-10-4-ارسال Submitting

• Felte Library-ویدیو-10-5-کتابخانه Felte Felte Library

• Using a Schema validator-ویدیو-10-6-استفاده از اعتبار سنج Schema Using a Schema validator

The Svelte store [ LEGACY V4 ]-فصل-11-استور اسولت [LEGACY V4] The Svelte store [ LEGACY V4 ]

• Introduction to Store-ویدیو-11-1-مقدمه به استور Introduction to Store

• Writable store-ویدیو-11-2-استور قابل نوشتن Writable store

• More on Writable-ویدیو-11-3-اطلاعات بیشتر در مورد Writable More on Writable

• Readable store-ویدیو-11-4-استور قابل خواندن Readable store

• Derived store-ویدیو-11-5-استور مشتق شده Derived store

• Get and store binding-ویدیو-11-6-دریافت و اتصال استور Get and store binding

Practice App: Who pays the Bill ? [ LEGACY V4 ]-فصل-12-برنامه تمرینی: چه کسی هزینه را پرداخت می‌کند؟ [LEGACY V4] Practice App: Who pays the Bill ? [ LEGACY V4 ]

• Installation-ویدیو-12-1-نصب Installation

• The names component-ویدیو-12-2-کامپوننت نام‌ها The names component

• Adding names to the list-ویدیو-12-3-افزودن نام‌ها به لیست Adding names to the list

• Removing names from the list-ویدیو-12-4-حذف نام‌ها از لیست Removing names from the list

• Finishing the "Names" view-ویدیو-12-5-اتمام نمای "نام‌ها" Finishing the "Names" view

• Getting a result-ویدیو-12-6-دریافت نتیجه Getting a result

• Finishing App-ویدیو-12-7-اتمام برنامه Finishing App

• Deploying-ویدیو-12-8-استقرار Deploying

Transitions & Animations [ LEGACY V4 ]-فصل-13-انتقال‌ها و انیمیشن‌ها [LEGACY V4] Transitions & Animations [ LEGACY V4 ]

• Introduction-ویدیو-13-1-مقدمه Introduction

• Basic transition-ویدیو-13-2-انتقال اساسی Basic transition

• Transition params-ویدیو-13-3-پارامترهای انتقال Transition params

• the IN and OUT-ویدیو-13-4-IN و OUT the IN and OUT

• Flip-ویدیو-13-5-Flip Flip

• Tween and Spring-ویدیو-13-6-Tween و Spring Tween and Spring

Svelte Kit Basics [ LEGACY V4 ]-فصل-14-مبانی اسولت‌کیت [LEGACY V4] Svelte Kit Basics [ LEGACY V4 ]

• Introduction-ویدیو-14-1-مقدمه Introduction

• Routing-ویدیو-14-2-مسیریابی Routing

• Layouts-ویدیو-14-3-طرح‌بندی‌ها Layouts

• Errors and Linking-ویدیو-14-4-خطاها و لینک‌دهی Errors and Linking

• Working with params-ویدیو-14-5-کار با پارامترها Working with params

• Server vs Client-ویدیو-14-6-سرور در مقابل کلاینت Server vs Client

• Page JS part one-ویدیو-14-7-Page JS قسمت اول Page JS part one

• Page JS part two-ویدیو-14-8-Page JS قسمت دوم Page JS part two

• Page server JS-ویدیو-14-9-Page server JS Page server JS

• Environment variables-ویدیو-14-10-متغیرهای محیطی Environment variables

• Link prefetching-ویدیو-14-11-پیش‌دریافت لینک Link prefetching

• Active class link-ویدیو-14-12-لینک کلاس فعال Active class link

• Redirections-ویدیو-14-13-تغییر مسیرها Redirections

• Server Form actions-ویدیو-14-14-اقدامات فرم سرور Server Form actions

• Server Form Validation-ویدیو-14-15-اعتبارسنجی فرم سرور Server Form Validation

• Server Form Enhance-ویدیو-14-16-بهبود فرم سرور Server Form Enhance

• Named server forms-ویدیو-14-17-فرم‌های سرور نام‌گذاری شده Named server forms

• API routes-ویدیو-14-18-مسیرهای API API routes

• Pre-Rendering Part one-ویدیو-14-19-پیش رندرینگ قسمت اول Pre-Rendering Part one

• Pre-Rendering Part two-ویدیو-14-20-پیش رندرینگ قسمت دوم Pre-Rendering Part two

• SSR vs CSR-ویدیو-14-21-SSR در مقابل CSR SSR vs CSR

• Hooks-ویدیو-14-22-هوک‌ها Hooks

Gamesource: Authentication [ LEGACY V4 ]-فصل-15-Gamesource: احراز هویت [LEGACY V4] Gamesource: Authentication [ LEGACY V4 ]

• Introduction-ویدیو-15-1-مقدمه Introduction

• Firebase client setup-ویدیو-15-2-تنظیم کلاینت Firebase Firebase client setup

• Main layout and Nav-ویدیو-15-3-طرح‌بندی اصلی و ناوبری Main layout and Nav

• Sign in & Register form-ویدیو-15-4-فرم ورود و ثبت‌نام Sign in & Register form

• Sign in & Register validation-ویدیو-15-5-اعتبارسنجی ورود و ثبت‌نام Sign in & Register validation

• Register user-ویدیو-15-6-ثبت‌نام کاربر Register user

• Toasts and Error codes-ویدیو-15-7-پیام‌های Toast و کدهای خطا Toasts and Error codes

• Sign in user-ویدیو-15-8-ورود کاربر Sign in user

• Logout and Nav inks-ویدیو-15-9-خروج و لینک‌های ناوبری Logout and Nav inks

• Firebase Admin-ویدیو-15-10-Firebase Admin Firebase Admin

• POST auth token-ویدیو-15-11-توکن احراز هویت POST POST auth token

• GET destroy token-ویدیو-15-12-GET حذف توکن GET destroy token

• Session reload-ویدیو-15-13-بارگیری مجدد Session Session reload

• Dashboard routes-ویدیو-15-14-مسیرهای داشبورد Dashboard routes

• Server Hooks part one-ویدیو-15-15-Server Hooks قسمت اول Server Hooks part one

• Server Hooks part two-ویدیو-15-16-Server Hooks قسمت دوم Server Hooks part two

• Sign in guard route fix-ویدیو-15-17-رفع مشکل مسیر نگهبان ورود Sign in guard route fix

Gamesource: DB & Posts [ LEGACY V4 ]-فصل-16-Gamesource: DB & Posts [LEGACY V4] Gamesource: DB & Posts [ LEGACY V4 ]

• Create - Article Form-ویدیو-16-1-ایجاد - فرم مقاله Create - Article Form

• Create - Article schema-ویدیو-16-2-ایجاد - شمای مقاله Create - Article schema

• Create - Article Errors-ویدیو-16-3-ایجاد - خطاهای مقاله Create - Article Errors

• Create - Posting-ویدیو-16-4-ایجاد - ارسال Create - Posting

• Getting user Articles-ویدیو-16-5-دریافت مقالات کاربر Getting user Articles

• User articles table-ویدیو-16-6-جدول مقالات کاربر User articles table

• Edit - Populating fields-ویدیو-16-7-ویرایش - پر کردن فیلدها Edit - Populating fields

• Edit - Posting update-ویدیو-16-8-ویرایش - ارسال به‌روزرسانی Edit - Posting update

• Main article page data-ویدیو-16-9-داده‌های صفحه اصلی مقاله Main article page data

• Main article view-ویدیو-16-10-نمای اصلی مقاله Main article view

• Fetching home articles-ویدیو-16-11-واکشی مقالات صفحه اصلی Fetching home articles

• Home articles local state-ویدیو-16-12-وضعیت محلی مقالات صفحه اصلی Home articles local state

• Home load more articles-ویدیو-16-13-صفحه اصلی بارگیری مقالات بیشتر Home load more articles

• Home Masonry cards-ویدیو-16-14-کارت‌های Masonry صفحه اصلی Home Masonry cards

• GET profile user data-ویدیو-16-15-GET داده‌های کاربر پروفایل GET profile user data

• Profile schema validation-ویدیو-16-16-اعتبارسنجی شمای پروفایل Profile schema validation

• Updating profile-ویدیو-16-17-به‌روزرسانی پروفایل Updating profile