آموزش دوره کامل VUE JS (نسخه 2022)

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

معرفی Introduction

• معرفی Introduction

• IDE IDE

• کد کجاست؟ Where is the code ?

• کد کجاست؟ Where is the code ?

معرفی Introduction

اصول اولیه The basics

• واردات Importing

• ایجاد یک نمونه Creating an instance

• مواد و روش ها Methods

• ساخته شده در دستورالعمل Built in directives

• رندر مشروط Conditional rendering

• لوپر Looper

• به روز رسانی را غیر فعال کنید Disable updates

• به روز رسانی را غیر فعال کنید Disable updates

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

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

• حوادث و بحث ها Events and arguments

• رویدادهای صفحه کلید Keyboard events

• مدل v The v-model

• کار با سبک ها Working with styles

• کار با سبک ها Working with styles

• خواص محاسبه شده Computed properties

• خواص محاسبه شده Computed properties

• ناظران Watchers

• ناظران Watchers

• کوتاه نویسی Shorthands

• نمونه های متعدد Multiple instances

• اجزاء Components

اصول اولیه The basics

• واردات Importing

• ایجاد یک نمونه Creating an instance

• مواد و روش ها Methods

• ساخته شده در دستورالعمل Built in directives

• رندر مشروط Conditional rendering

• لوپر Looper

• حوادث و بحث ها Events and arguments

• مدل v The v-model

• کوتاه نویسی Shorthands

• نمونه های متعدد Multiple instances

• اجزاء Components

پروژه یک Project one

• مقدمه و ورودی Introduction and input

• اعتبار سنجی نام ها Validating names

• اعتبار سنجی نام ها Validating names

• نمایش لیست اسامی Showing the list of names

• نمایش لیست اسامی Showing the list of names

• اضافه کردن انتقال Adding transitions

• در حال اتمام برنامه Finishing the app

پروژه یک Project one

• مقدمه و ورودی Introduction and input

• اضافه کردن انتقال Adding transitions

اجزاء Components

• در حال نصب گره Installing node

• با استفاده از CLI Using the CLI

• اصلی و برنامه The main and app

• اتصال قطعات Connecting components

• سبک The style

• سبک The style

• پاس دادن لوازم Passing props

• پاس دادن لوازم Passing props

• پروپتایپ ها و اعتبارسنجی Proptypes and validation

• پروپتایپ ها و اعتبارسنجی Proptypes and validation

• رویدادهای سفارشی Custom events

• انواع بیشتر و اعتبار سنجی رویداد More types and event validation

• تهیه و تزریق - قسمت اول Provide and inject - part one

• تهیه و تزریق - قسمت دوم Provide and inject - part two

• تهیه و تزریق - قسمت دوم Provide and inject - part two

• شکاف ها Slots

• اسلات های نامگذاری شده Named slots

• اسلات های نامگذاری شده Named slots

• چرخه های زندگی Lifecycles

• چرخه های زندگی Lifecycles

• چرخه های زندگی در عمل Lifecycles in action

• اجزای دینامیک Dynamic components

• زنده بمان Keep alive

• زنده بمان Keep alive

• تله پورت Teleport

• تله پورت Teleport

• قطعات Fragments

• دستورالعمل های سفارشی Custom directives

• دستورالعمل های سفارشی قلاب های دیگر Custom directives other hooks

• دستورالعمل های سفارشی محلی Local custom directives

اجزاء Components

• در حال نصب گره Installing node

• با استفاده از CLI Using the CLI

• اصلی و برنامه The main and app

• اتصال قطعات Connecting components

• رویدادهای سفارشی Custom events

• انواع بیشتر و اعتبار سنجی رویداد More types and event validation

• تهیه و تزریق - قسمت اول Provide and inject - part one

• شکاف ها Slots

• چرخه های زندگی در عمل Lifecycles in action

• قطعات Fragments

• دستورالعمل های سفارشی قلاب های دیگر Custom directives other hooks

تشکیل می دهد Forms

• کار با فرم ها Working with forms

• کار با فرم ها Working with forms

• چک باکس ها و رادیوها Checkboxes and radios

• چک باکس ها و رادیوها Checkboxes and radios

• انتخاب می کند Selects

• انتخاب می کند Selects

• اعتبار سنجی خام Raw validation

• Vee validate - قسمت اول Vee validate - part one

• Vee validate - قسمت اول Vee validate - part one

• Vee validate - قسمت دوم Vee validate - part two

• اعتبار سنجی طرحواره Schema validation

تشکیل می دهد Forms

• اعتبار سنجی خام Raw validation

• Vee validate - قسمت دوم Vee validate - part two

• اعتبار سنجی طرحواره Schema validation

انتقال ها Transitions

• انتقال CSS CSS Transitions

• انتقال های نامگذاری شده Named transitions

• انتقال های نامگذاری شده Named transitions

• حالت های انتقال Transition modes

• حالت های انتقال Transition modes

• با استفاده از CSS متحرک Using animate CSS

• چرخه زندگی انیمیشن Animation lifecycles

• انیمیشن های JS JS Animations

• گروه های انتقالی Transition groups

• تکیه گاه ظاهر می شود The appear prop

انتقال ها Transitions

• انتقال CSS CSS Transitions

• با استفاده از CSS متحرک Using animate CSS

• چرخه زندگی انیمیشن Animation lifecycles

• انیمیشن های JS JS Animations

• گروه های انتقالی Transition groups

• تکیه گاه ظاهر می شود The appear prop

کار با درخواست ها Working with requests

• در حال نصب Installing

• در حال نصب Installing

• دریافت پست ها GET posts

• دریافت پست ها GET posts

• لودرها و خطاها Loaders and errors

• لودرها و خطاها Loaders and errors

• ارسال کردن Posting

• ارسال کردن Posting

کار با درخواست ها Working with requests

مسیریابی Routing

• ایجاد مسیرها Creating routes

• ایجاد مسیرها Creating routes

• ربط دادن Linking

• ناوبری برنامه ای Programmatic navigation

• ناوبری برنامه ای Programmatic navigation

• پارامترها Params

• پارامترها Params

• مسیرها و شبکه Routes and networking

• مسیرها و شبکه Routes and networking

• لوازم، تغییر مسیر و یافت نشد Props, redirecting and not found

• مسیرهای تو در تو Nested routes

• مسیرهای تو در تو Nested routes

• مسیرها و مناظر نامگذاری شده Named routes and views

• مسیرها و مناظر نامگذاری شده Named routes and views

• نگهبانان مسیر جهانی Global route guards

• به ازای نگهبانان مسیر Per route guards

• به ازای نگهبانان مسیر Per route guards

• متا Meta

مسیریابی Routing

• ربط دادن Linking

• لوازم، تغییر مسیر و یافت نشد Props, redirecting and not found

• مسیرهای تو در تو Nested routes

• نگهبانان مسیر جهانی Global route guards

• متا Meta

Vuex Vuex

• نصب و پیکربندی Installing and config

• جهش ها Mutations

• جهش ها Mutations

• گیرندگان Getters

• اقدامات Actions

• کمک کنندگان نقشه Map helpers

• ماژول ها Modules

• کار با ماژول ها Working with modules

• فضاهای نام Namespaces

• فضاهای نام Namespaces

Vuex Vuex

• نصب و پیکربندی Installing and config

• جهش ها Mutations

• کمک کنندگان نقشه Map helpers

• کار با ماژول ها Working with modules

• فضاهای نام Namespaces

احراز هویت Authentication

• معرفی introduction

• چرا از توکن ها استفاده می کنیم Why using tokens

• چرا از توکن ها استفاده می کنیم Why using tokens

• ثبت نام - قسمت اول Sign up - part one

• ثبت نام - قسمت دوم Sign up - part two

• ثبت نام - قسمت دوم Sign up - part two

• ورود Sign in

• ورود Sign in

• خروج از سیستم Sign out

• خروج از سیستم Sign out

• تعمیر ناو Fixing the nav

• ورود خودکار Auto log in

• ورود خودکار Auto log in

• نگهبانان مسیر Route guards

• رسیدگی به خطاها Handling errors

• رسیدگی به خطاها Handling errors

احراز هویت Authentication

• معرفی introduction

• ثبت نام - قسمت اول Sign up - part one

• تعمیر ناو Fixing the nav

• نگهبانان مسیر Route guards

پروژه تمرین - Gamespot Practice project - Gamespot

• نصب و راه اندازی Installation

• مسیرها و vuex Routes and vuex

• سربرگ The header

• سربرگ The header

• چرخ فلک The carousel

• چرخ فلک The carousel

• کارت های خانه Home cards

• کارت های خانه Home cards

• نمای مقاله The article view

• نگهبانان مسیر Route guards

• ایجاد علامت در فرم Creating the sign in form

• ثبت نام کاربر Sign up user

• کاربر جدید در firestore New user on firestore

• ورود به سیستم کاربر Sign in user

• ورود به سیستم کاربر Sign in user

• اطلاعیه Notifications

• پایان اعلان ها Finish notifications

• امضای خودکار در قسمت اول Auto sign in part one

• امضای خودکار در قسمت اول Auto sign in part one

• امضای خودکار در قسمت دوم Auto sign in part two

• خروج Logout

• خروج Logout

• طرح داشبورد Dashboard layout

• طرح داشبورد Dashboard layout

• نمادها و عناوین Icons and titles

• نمادها و عناوین Icons and titles

• نگهبانان مسیر Route guards

• نگهبانان مسیر Route guards

• عناصر فرم مقاله قسمت اول را اضافه کنید Add article form elements part one

• عناصر فرم مقاله قسمت دوم را اضافه کنید Add article form elements part two

• ویرایشگر WYSIWYG قسمت اول WYSIWYG editor part one

• ویرایشگر WYSIWYG قسمت دوم WYSIWYG editor part two

• ویرایشگر WYSIWYG قسمت دوم WYSIWYG editor part two

• ارسال مقاله Posting article

• ارسال مقاله Posting article

• دریافت مقالات مدیریت Get admin articles

• دریافت مقالات مدیریت Get admin articles

• جدول مقالات مدیریت Admin articles table

• جدول مقالات مدیریت Admin articles table

• مقالات مدیریت بیشتری را بارگیری کنید Load more admin articles

• حذف توسط ادمین Admin remove by id

• حذف توسط ادمین Admin remove by id

• در حال بارگیری مقالات خانگی Loading home articles

• در حال بارگیری مقالات خانگی Loading home articles

• بارگیری داده های مقاله و 404 Loading article data and 404

• بارگیری داده های مقاله و 404 Loading article data and 404

• به روز رسانی نمایه - فرم Profile update - The form

• به روز رسانی پروفایل - firestore Profile update - firestore

• به روز رسانی مقاله قسمت اول Update article part one

• به روز رسانی مقاله قسمت دوم Update article part two

• به روز رسانی مقاله قسمت دوم Update article part two

• استقرار Deploying

• استقرار Deploying

• کمی قوانین A bit of rules

پروژه تمرین - Gamespot Practice project - Gamespot

• نصب و راه اندازی Installation

• مسیرها و vuex Routes and vuex

• نمای مقاله The article view

• ایجاد علامت در فرم Creating the sign in form

• ثبت نام کاربر Sign up user

• کاربر جدید در firestore New user on firestore

• اطلاعیه Notifications

• پایان اعلان ها Finish notifications

• امضای خودکار در قسمت دوم Auto sign in part two

• نگهبانان مسیر Route guards

• عناصر فرم مقاله قسمت اول را اضافه کنید Add article form elements part one

• عناصر فرم مقاله قسمت دوم را اضافه کنید Add article form elements part two

• ویرایشگر WYSIWYG قسمت اول WYSIWYG editor part one

• مقالات مدیریت بیشتری را بارگیری کنید Load more admin articles

• به روز رسانی نمایه - فرم Profile update - The form

• به روز رسانی پروفایل - firestore Profile update - firestore

• به روز رسانی مقاله قسمت اول Update article part one

• کمی قوانین A bit of rules

Composition API Composition API

• معرفی Introduction

• مرجع Ref

• روش ها و محاسبه شده Methods and computed

• روش ها و محاسبه شده Methods and computed

• ناظر Watcher

• ناظر Watcher

• واکنش پذیر Reactive

• قطعات و لوازم جانبی Components and props

• انتشار و زمینه Emitting and context

• انتشار و زمینه Emitting and context

• قلاب چرخه حیات Lifecycle hooks

• تهیه و تزریق کنید Provide and inject

• بیشتر در Ref More on Ref

• بیشتر در مورد واکنشی More on reactive

• بیشتر در مورد واکنشی More on reactive

• در مورد مسیرها چطور؟ What about routes ?

• در مورد vuex چطور؟ What about vuex ?

Composition API Composition API

• معرفی Introduction

• مرجع Ref

• واکنش پذیر Reactive

• قطعات و لوازم جانبی Components and props

• قلاب چرخه حیات Lifecycle hooks

• تهیه و تزریق کنید Provide and inject

• بیشتر در Ref More on Ref

• در مورد مسیرها چطور؟ What about routes ?

• در مورد vuex چطور؟ What about vuex ?

مقدمه [V2] Introduction [ V2 ]

• معرفی Introduction

• معرفی Introduction

• IDE IDE

• IDE IDE

• ES6 را نمی شناسید؟ ..این را نگاه کن. Don't know ES6 ? ..watch this.

مقدمه [V2] Introduction [ V2 ]

• معرفی Introduction

• IDE IDE

• ES6 را نمی شناسید؟ ..این را نگاه کن. Don't know ES6 ? ..watch this.

اصول اولیه [V2] The basics [ V2 ]

• شروع با VUE JS Starting with VUE JS

• EL و داده ها The EL and the DATA

• استفاده از روش ها Using Methods

• استفاده از روش ها Using Methods

• بخشنامه ها Directives

• بخشنامه ها Directives

• رندر مشروط Conditional rendering

• استفاده از حلقه ها Using Loops

• رندر و رندر مجدد Rendering and Re-rendering

• کار با رویدادها Working with Events

• استدلال ها و تعدیل کننده ها Arguments and modifiers

• رویدادهای صفحه کلید Keyboard events

• رویدادهای صفحه کلید Keyboard events

• با استفاده از V-Model Using the V-Model

• سبک و کلاس ها Style and Classes

• سبک و کلاس ها Style and Classes

• محاسباتی و ناظران Computed and watchers

• استفاده از کوتاه نویسی Using shorthands

• بیشتر در مورد نمونه Vue More on the Vue instance

• مراجع Refs

• نصب و جداسازی Mounting and unmounting

• نصب و جداسازی Mounting and unmounting

• اهمیت چرخه های زندگی The importance of Lifecycles

• اهمیت چرخه های زندگی The importance of Lifecycles

اصول اولیه [V2] The basics [ V2 ]

• شروع با VUE JS Starting with VUE JS

• EL و داده ها The EL and the DATA

• رندر مشروط Conditional rendering

• استفاده از حلقه ها Using Loops

• رندر و رندر مجدد Rendering and Re-rendering

• کار با رویدادها Working with Events

• استدلال ها و تعدیل کننده ها Arguments and modifiers

• رویدادهای صفحه کلید Keyboard events

• با استفاده از V-Model Using the V-Model

• محاسباتی و ناظران Computed and watchers

• استفاده از کوتاه نویسی Using shorthands

• بیشتر در مورد نمونه Vue More on the Vue instance

• مراجع Refs

پروژه اول: چه کسی صورتحساب را پرداخت می کند؟ [V2] Practice project one: Who pays the bill ? [ V2 ]

• ایجاد نمونه و اضافه کردن نام Creating the instance and adding names

• ایجاد نمونه و اضافه کردن نام Creating the instance and adding names

• قرص و دکمه Pills and buttons

• نتیجه گرفتن Getting results

• در حال اتمام برنامه Finishing the app

• در حال اتمام برنامه Finishing the app

پروژه اول: چه کسی صورتحساب را پرداخت می کند؟ [V2] Practice project one: Who pays the bill ? [ V2 ]

• قرص و دکمه Pills and buttons

• نتیجه گرفتن Getting results

• در حال اتمام برنامه Finishing the app

Vue و Node Js [V2] Vue and Node Js [ V2 ]

• نصب کاربران NODE JS - MAC Installing NODE JS - MAC users

• نصب کاربران NODE JS - WINDOWS Installing NODE JS - WINDOWS users

• استفاده از CLI برای تولید الگوها Using the CLI to generate templates

• استفاده از CLI برای تولید الگوها Using the CLI to generate templates

• شروع یک پروژه جدید Starting a new project

• شروع یک پروژه جدید Starting a new project

• استفاده از قطعات Using components

• افزودن استایل به کامپوننت ها Adding styles to components

• افزودن استایل به کامپوننت ها Adding styles to components

• Vue js PROPS Vue js PROPS

• به روز رسانی PROPS Updating PROPS

• به روز رسانی PROPS Updating PROPS

• از کودکی به کودک دیگر From child to child

• استفاده از اسلات ها Using Slots

• استفاده از اسلات..ادامه دارد Using Slots..continued

Vue و Node Js [V2] Vue and Node Js [ V2 ]

• نصب کاربران NODE JS - MAC Installing NODE JS - MAC users

• نصب کاربران NODE JS - WINDOWS Installing NODE JS - WINDOWS users

• استفاده از قطعات Using components

• Vue js PROPS Vue js PROPS

• از کودکی به کودک دیگر From child to child

• استفاده از اسلات ها Using Slots

• استفاده از اسلات..ادامه دارد Using Slots..continued

استفاده پیشرفته [ V2 ] Advance usage [ V2 ]

• کار با فرم ها Working with Forms

• کار با فرم ها Working with Forms

• کار با فرم 2 Working with Forms 2

• کار با فرم های 3 Working with Forms 3

• اجزای دینامیک Dynamic components

• اجزای دینامیک Dynamic components

• دستورالعمل های سفارشی Custom directives

• دستورالعمل های سفارشی Custom directives

• دستورالعمل های سفارشی..ادامه دارد Custom directives..continued

• دستورالعمل های سفارشی..ادامه دارد Custom directives..continued

• دستورالعمل های سفارشی محلی Local custom directives

• دستورالعمل های سفارشی محلی Local custom directives

استفاده پیشرفته [ V2 ] Advance usage [ V2 ]

• کار با فرم 2 Working with Forms 2

• کار با فرم های 3 Working with Forms 3

• اجزای دینامیک Dynamic components

• دستورالعمل های سفارشی Custom directives

• دستورالعمل های سفارشی محلی Local custom directives

انتقال و انیمیشن. [V2] Transitions and animations. [ V2 ]

• انتقال ها چگونه کار می کنند How transitions work

• استفاده از انتقال Using transitions

• استفاده از انتقال Using transitions

• کلاس های سفارشی انتقال Transition custom classes

• انیمیشن های JS JS animations

• انتقال های گروهی Group transitions

• Transitions OnLoad Transitions OnLoad

• فیلترها Filters

• مخلوط ها Mixins

• مخلوط ها Mixins

انتقال و انیمیشن. [V2] Transitions and animations. [ V2 ]

• انتقال ها چگونه کار می کنند How transitions work

• کلاس های سفارشی انتقال Transition custom classes

• انیمیشن های JS JS animations

• انتقال های گروهی Group transitions

• Transitions OnLoad Transitions OnLoad

• فیلترها Filters

منبع VUE [ V2 ] VUE Resource [ V2 ]

• آشنایی با منبع Vue Getting to know Vue resource

• دریافت و ارسال کنید Get and Post

• دریافت و ارسال کنید Get and Post

• با استفاده از تنظیمات Using configurations

• استفاده از Vue Resource - Resource Using Vue Resource - Resource

منبع VUE [ V2 ] VUE Resource [ V2 ]

• آشنایی با منبع Vue Getting to know Vue resource

• با استفاده از تنظیمات Using configurations

• استفاده از Vue Resource - Resource Using Vue Resource - Resource

پروژه دوم را تمرین کنید: Domnoo [V2] Practice project two: Domnoo [ V2 ]

• نصب و راه اندازی Installation and setup

• سربرگ و پاورقی Header and Footer

• ایجاد دراور کناری Creating a sidedrawer

• ایجاد دراور کناری Creating a sidedrawer

• اضافه کردن چرخ و فلک Adding a carrousel

• اضافه کردن چرخ و فلک Adding a carrousel

• دکمه های منو Menu buttons

• افزودن firebase و محصولات Adding firebase and products

• افزودن firebase و محصولات Adding firebase and products

• منوی پایان Finishing menu

• منوی پایان Finishing menu

• اسکرول آشکار Scroll reveal

• اسکرول آشکار Scroll reveal

• ساخت انیمیشن Creating the animation

• ساخت انیمیشن Creating the animation

• در حال اتمام انیمیشن Finishing the animation

• در حال اتمام انیمیشن Finishing the animation

• ایجاد خبرنامه Creating the newsletter

• در حال اتمام خبرنامه Finishing the newsletter

• در حال اتمام خبرنامه Finishing the newsletter

• به تولید مستقر شود Deploy to production

پروژه دوم را تمرین کنید: Domnoo [V2] Practice project two: Domnoo [ V2 ]

• نصب و راه اندازی Installation and setup

• سربرگ و پاورقی Header and Footer

• دکمه های منو Menu buttons

• ایجاد خبرنامه Creating the newsletter

• به تولید مستقر شود Deploy to production

Vue ROUTES [ V2 ] Vue ROUTES [ V2 ]

• استفاده از مسیرها Using routes

• استفاده از مسیرها Using routes

• پیوند و پارامترها Linking and params

• پیوند و پارامترها Linking and params

• مسیرهای تو در تو Nested routes

• مسیرهای تو در تو Nested routes

• نامگذاری مسیرها Naming routes

• لینک های فعال و یافت نشد Active and not found links

• لینک های فعال و یافت نشد Active and not found links

• رفتار اسکرول Scroll behaviour

• رفتار اسکرول Scroll behaviour

• نگهبانان مسیر Route guards

Vue ROUTES [ V2 ] Vue ROUTES [ V2 ]

• مسیرهای تو در تو Nested routes

• نامگذاری مسیرها Naming routes

• نگهبانان مسیر Route guards

VUEX [V2] VUEX [ V2 ]

• آشنایی با VUEX Introduction to VUEX

• آشنایی با VUEX Introduction to VUEX

• گیرندگان Getters

• گیرندگان Getters

• جهش ها Mutations

• جهش ها Mutations

• اقدامات Actions

• اقدامات Actions

• ماژول ها Modules

• Mapstate Mapstate

• Mapstate Mapstate

• فضاهای نام Namespaces

• فضاهای نام Namespaces

VUEX [V2] VUEX [ V2 ]

• گیرندگان Getters

• جهش ها Mutations

• اقدامات Actions

• ماژول ها Modules

• فضاهای نام Namespaces

احراز هویت [V2] Authentication [ V2 ]

• معرفی و راه‌اندازی تأیید اعتبار Auth intro and setup

• نحوه کار توکن ها How tokens work

• ثبت نام کاربران Sign up users

• تکمیل ثبت نام کاربران Finishing sign up users

• تکمیل ثبت نام کاربران Finishing sign up users

• وارد سیستم شوید و کاربران را از سیستم خارج کنید Sign in and sign out users

• رفع لینک های هدر Fixing header links

• رفع لینک های هدر Fixing header links

• جلوگیری از مسیرها Preventing routes

• کاربران Autosign Autosign users

• دریافت اطلاعات کاربر Getting user information

• دریافت اطلاعات کاربر Getting user information

احراز هویت [V2] Authentication [ V2 ]

• معرفی و راه‌اندازی تأیید اعتبار Auth intro and setup

• نحوه کار توکن ها How tokens work

• ثبت نام کاربران Sign up users

• وارد سیستم شوید و کاربران را از سیستم خارج کنید Sign in and sign out users

• جلوگیری از مسیرها Preventing routes

• کاربران Autosign Autosign users

پروژه سوم را تمرین کنید: Gamespot [V2] Practice project three: Gamespot [ V2 ]

• نصب و راه اندازی Installation and setup

• سربرگ و پاورقی Header and footer

• سربرگ و پاورقی Header and footer

• اضافه کردن یک نوار لغزنده Adding a slider

• اضافه کردن یک نوار لغزنده Adding a slider

• نوار لغزنده پایان Finishing slider

• نوار لغزنده پایان Finishing slider

• افزودن محتوای خانگی Adding home content

• افزودن محتوای خانگی Adding home content

• ایجاد بخش ورود Creating the login section

• ایجاد بخش ورود Creating the login section

• ورود کاربر و عملیات اعزام Login user and dispatching actions

• اعتبار سنجی ورود Login validation

• در حال اتمام ورود Finishing login

• لینک های هدر، خروج از سیستم و محافظ ها Header links, Logout and guards

• نشانه به‌روزرسانی خودکار Auto refresh token

• نشانه به‌روزرسانی خودکار Auto refresh token

• نگهبانان مسیر بهتر Better route guards

• ایجاد مسیرهای داشبورد Creating dashboard routes

• افزودن فرم پست های مدیریت Adding the admin posts form

• تکمیل طرح بندی فرم پست های مدیریت Finishing admin posts form layout

• عملیات ارسال برای پست مدیریت Dispatching actions for the admin post

• آپلود تصویر Image upload

• پاک کردن تصویر پست‌های مدیریت Clearing admin posts image

• پاک کردن تصویر پست‌های مدیریت Clearing admin posts image

• واکشی پست های خانه Fetching home posts

• بارگذاری بیشتر Load more

• مشاهده لیست پست های مدیریت Admin posts list view

• مشاهده لیست پست های مدیریت ... ادامه دارد Admin posts lists view ...continued

• مشاهده لیست پست‌های سرپرست به پایان می‌رسد Finishing admin posts lists view

• افزودن صفحه 404 Adding a 404 page

پروژه سوم را تمرین کنید: Gamespot [V2] Practice project three: Gamespot [ V2 ]

• نصب و راه اندازی Installation and setup

• ورود کاربر و عملیات اعزام Login user and dispatching actions

• اعتبار سنجی ورود Login validation

• در حال اتمام ورود Finishing login

• لینک های هدر، خروج از سیستم و محافظ ها Header links, Logout and guards

• نگهبانان مسیر بهتر Better route guards

• ایجاد مسیرهای داشبورد Creating dashboard routes

• افزودن فرم پست های مدیریت Adding the admin posts form

• تکمیل طرح بندی فرم پست های مدیریت Finishing admin posts form layout

• عملیات ارسال برای پست مدیریت Dispatching actions for the admin post

• آپلود تصویر Image upload

• واکشی پست های خانه Fetching home posts

• بارگذاری بیشتر Load more

• مشاهده لیست پست های مدیریت Admin posts list view

• مشاهده لیست پست های مدیریت ... ادامه دارد Admin posts lists view ...continued

• مشاهده لیست پست‌های سرپرست به پایان می‌رسد Finishing admin posts lists view

• افزودن صفحه 404 Adding a 404 page

ES6 ES6

• مقدمه ای بر ES6 Introduction to ES6

• CONST AND LET CONST AND LET

• CONST AND LET: محدوده CONST AND LET: Scope

• CONST AND LET: مثال زندگی واقعی CONST AND LET: Real life example

• CONST AND LET: مثال زندگی واقعی CONST AND LET: Real life example

• ورزش یک Exercise one

• تمرین یک - راه حل Exercise one - solution

• تمرین یک - راه حل Exercise one - solution

• تمرین دو Exercise two

• تمرین دو Exercise two

• تمرین دو - راه حل Exercise two - solution

• رشته های الگو یا الفبای الگو Template strings or Template literals

• رشته های الگو یا الفبای الگو Template strings or Template literals

• رشته های الگو یا الفبای الگو 2 Template strings or Template literals 2

• رشته های الگو یا الفبای الگو 2 Template strings or Template literals 2

• رشته های الگو یا الفبای الگو 3 Template strings or Template literals 3

• رشته های الگو یا الفبای الگو 3 Template strings or Template literals 3

• رشته های الگو یا الفبای الگو 4 Template strings or Template literals 4

• ورزش یک Exercise one

• ورزش یک Exercise one

• تمرین یک - راه حل Exercise one - solution

• تمرین یک - راه حل Exercise one - solution

• تمرین دو Exercise two

• تمرین دو Exercise two

• تمرین دو - راه حل Exercise two - solution

• تمرین دو - راه حل Exercise two - solution

• ForEach Helper ForEach Helper

• ForEach Helper ForEach Helper

• ForEach Helper 2 ForEach Helper 2

• ForEach Helper 3 ForEach Helper 3

• ForEach Helper 3 ForEach Helper 3

• برای هر تمرین ForEach exercise

• برای هر تمرین - راه حل ForEach exercise - Solution

• کمک کننده نقشه Map helper

• کمک کننده نقشه 2 Map helper 2

• کمک کننده نقشه 2 Map helper 2

• تمرین کمکی نقشه یک Map helper exercise one

• تمرین کمکی نقشه یک - راه حل Map helper exercise one - Solution

• تمرین کمکی نقشه دو Map helper exercise two

• تمرین کمکی نقشه دو Map helper exercise two

• تمرین کمکی نقشه دو - راه حل Map helper exercise two - Solution

• تمرین کمکی نقشه دو - راه حل Map helper exercise two - Solution

• کمک کننده فیلتر Filter helper

• کمک کننده فیلتر 2 Filter helper 2

• تمرین کمکی فیلتر یک Filter helper exercise one

• تمرین کمکی فیلتر یک - راه حل Filter helper exercise one - solution

• تمرین کمکی فیلتر دو Filter helper exercise two

• تمرین کمکی فیلتر دو Filter helper exercise two

• تمرین کمکی فیلتر دو - راه حل Filter helper exercise two - solution

• تمرین کمکی فیلتر دو - راه حل Filter helper exercise two - solution

• یاری پیدا کن Find helper

• یاور پیدا کن 2 Find helper 2

• هر و چند یاور Every & Some helper

• Every & Some helper 2 Every & Some helper 2

• Every & Some helper 2 Every & Some helper 2

• کمک کننده را کاهش دهید Reduce helper

• کم کردن کمک کننده 2 Reduce helper 2

• یک تمرین کمکی را کاهش دهید Reduce helper exercise one

• یک تمرین کمکی را کاهش دهید Reduce helper exercise one

• تمرین کمکی یک - راه حل را کاهش دهید Reduce helper exercise one - solution

• تمرین کمکی دو را کاهش دهید Reduce helper exercise two

• تمرین کمکی دو - راه حل را کاهش دهید Reduce helper exercise two - solution

• تمرین کمکی دو - راه حل را کاهش دهید Reduce helper exercise two - solution

• برای ... یاور For...of helper

• برای ... یاور For...of helper

• توابع پیکان چربی Fat arrow functions

• توابع فلش چربی 2 Fat arrow functions 2

• توابع فلش چربی 2 Fat arrow functions 2

• تمرین توابع پیکان چربی Fat arrow functions exercise

• تمرین توابع پیکان چربی Fat arrow functions exercise

• تمرین توابع فلش چربی - راه حل Fat arrow functions exercise - solution

• تمرین توابع فلش چربی - راه حل Fat arrow functions exercise - solution

• حروف مفعول Object literals

• حروف مفعول 2 Object literals 2

• حروف مفعول 2 Object literals 2

• تمرين لفظي شيء يك Object literals exercise one

• تمرين لفظي شيء يك Object literals exercise one

• تمرين لفظ مفعول يك - راه حل Object literals exercise one - solution

• تمرين لفظ مفعول يك - راه حل Object literals exercise one - solution

• آرگومان های پیش فرض Default arguments

• آرگومان های پیش فرض Default arguments

• آرگومان های پیش فرض تمرین یک Default arguments exercise one

• آرگومان های پیش فرض تمرین یک Default arguments exercise one

• آرگومان های پیش فرض تمرین یک - راه حل Default arguments exercise one - solution

• اپراتور استراحت Rest operator

• اپراتور پخش Spread operator

• استراحت و ورزش یک را پخش کنید Rest and Spread exercise one

• استراحت و پخش تمرین یک - راه حل Rest and Spread exercise one - solution

• استراحت و پخش تمرین یک - راه حل Rest and Spread exercise one - solution

• استراحت و ورزش دو را پخش کنید Rest and Spread exercise two

• استراحت و پخش تمرین دو - راه حل Rest and Spread exercise two - solution

• کلاس ها Classes

• کلاس های 2 Classes 2

• کلاس های 3 Classes 3

• کلاس های 3 Classes 3

• کلاس های 4 Classes 4

• در حال تخریب Destructuring

• در حال تخریب Destructuring

• تخریب ساختار 2 Destructuring 2

• تخریب ساختار 3 Destructuring 3

• تخریب ساختار 3 Destructuring 3

• تخریب ساختار 4 Destructuring 4

• وعده و واکشی Promises and Fetch

• وعده و واکشی Promises and Fetch

• Promises and Fetch 2 Promises and Fetch 2

• Promises and Fetch 2 Promises and Fetch 2

• وعده ها و واکشی 3 Promises and Fetch 3

• وعده ها و واکشی 4 Promises and Fetch 4

• وعده ها و واکشی 4 Promises and Fetch 4

• رشته ها و اعداد Strings and Numbers

• رشته ها و اعداد 2 Strings and Numbers 2

• رشته ها و اعداد 2 Strings and Numbers 2

• ماژول ها Modules

• ماژول ها Modules

• ماژول 2 Modules 2

• ماژول 3 Modules 3

• ژنراتورها Generators

• ژنراتورها 2 Generators 2

• ژنراتورها 3 Generators 3

• ژنراتورها 3 Generators 3

• ژنراتورها 4 Generators 4

• ژنراتور 5 Generators 5

• ژنراتور 5 Generators 5

• ژنراتورها 6 Generators 6

• استفاده از مجموعه ها Using Sets

• استفاده از مجموعه ها Using Sets

• مجموعه های تکرار شونده Iterating sets

• با استفاده از نقشه Using Map

• با استفاده از نقشه Using Map

• روش های نقشه برداری Map methods

• روش های نقشه برداری Map methods

• نقشه تکراری Iterating Map

• نقشه تکراری Iterating Map

ES6 ES6

• مقدمه ای بر ES6 Introduction to ES6

• CONST AND LET CONST AND LET

• CONST AND LET: محدوده CONST AND LET: Scope

• ورزش یک Exercise one

• تمرین یک - راه حل Exercise one - solution

• تمرین دو Exercise two

• تمرین دو - راه حل Exercise two - solution

• رشته های الگو یا الفبای الگو 4 Template strings or Template literals 4

• تمرین یک - راه حل Exercise one - solution

• تمرین دو Exercise two

• ForEach Helper 2 ForEach Helper 2

• برای هر تمرین ForEach exercise

• برای هر تمرین - راه حل ForEach exercise - Solution

• کمک کننده نقشه Map helper

• تمرین کمکی نقشه یک Map helper exercise one

• تمرین کمکی نقشه یک - راه حل Map helper exercise one - Solution

• کمک کننده فیلتر Filter helper

• کمک کننده فیلتر 2 Filter helper 2

• تمرین کمکی فیلتر یک Filter helper exercise one

• تمرین کمکی فیلتر یک - راه حل Filter helper exercise one - solution

• یاری پیدا کن Find helper

• یاور پیدا کن 2 Find helper 2

• هر و چند یاور Every & Some helper

• کمک کننده را کاهش دهید Reduce helper

• کم کردن کمک کننده 2 Reduce helper 2

• تمرین کمکی یک - راه حل را کاهش دهید Reduce helper exercise one - solution

• تمرین کمکی دو را کاهش دهید Reduce helper exercise two

• توابع پیکان چربی Fat arrow functions

• حروف مفعول Object literals

• آرگومان های پیش فرض تمرین یک - راه حل Default arguments exercise one - solution

• اپراتور استراحت Rest operator

• اپراتور پخش Spread operator

• استراحت و ورزش یک را پخش کنید Rest and Spread exercise one

• استراحت و ورزش دو را پخش کنید Rest and Spread exercise two

• استراحت و پخش تمرین دو - راه حل Rest and Spread exercise two - solution

• کلاس ها Classes

• کلاس های 2 Classes 2

• کلاس های 4 Classes 4

• تخریب ساختار 2 Destructuring 2

• تخریب ساختار 4 Destructuring 4

• وعده ها و واکشی 3 Promises and Fetch 3

• رشته ها و اعداد Strings and Numbers

• ماژول ها Modules

• ماژول 2 Modules 2

• ماژول 3 Modules 3

• ژنراتورها Generators

• ژنراتورها 2 Generators 2

• ژنراتورها 4 Generators 4

• ژنراتورها 6 Generators 6

• مجموعه های تکرار شونده Iterating sets