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

The complete VUE JS course ( 2022 edition )

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: آموزش ساخت برنامه های وب زیبا با استفاده از VUE JS، نسخه 3 و 2. Composition API گنجانده شده است. ایجاد برنامه های کاربردی با استفاده از جاوا اسکریپت و چارچوب Vue js. پیش نیازها:HTML، CSS و Javascript

آیا می خواهید کل فرآیند ساخت برنامه خود را با Vue یاد بگیرید؟ این دوره برای شماست.


ما از همان ابتدا شروع خواهیم کرد، از "من حتی نمی دانم چگونه از آن استفاده کنم.. و چرا باید" تا درک درستی از نحوه کار Vue و برقراری ارتباط آن با سایر فناوری ها مانند Firebase.

شما تمام منطق و تمرین پشت Vue را در ماژول های مختلف یاد خواهید گرفت، و با پیشروی در دوره، سختی آن را افزایش خواهیم داد.

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


آیا API ترکیب را پوشش می‌دهیم؟

خسته نباشید، ما یک ماژول کامل را به صحبت در مورد API ترکیب اختصاص خواهیم داد.


برای خلاصه کردن همه چیز، در این دوره یاد خواهید گرفت:

  • اصول اساسی Vue JS. نحوه نصب و منطق پشت آن.

  • ما فقط با دانستن اصول اولیه، یک بازی وب کوچک خواهیم ساخت.

  • هنگامی که کار اولیه را انجام دادیم، با استفاده از CLI از Vue مانند حرفه ای ها استفاده خواهیم کرد.

  • ما برنامه Vue خود را با فناوری هایی مانند Firebase وصل خواهیم کرد.

  • همه از VUEX استفاده می کنند، بنابراین ما نحوه استفاده از VUEX را یاد خواهیم گرفت.

  • هنگامی که چیزهای سخت در مورد Vue ، Vuex و مسیرها را بدانیم، همه چیز را با ایجاد یک پروژه تمرینی که در آن همه را با هم ترکیب می کنیم، عملی خواهیم کرد.

  • در صورت لزوم، یک دوره کامل ES6 نیز دریافت می‌کنید


در مورد تجربه مربی چطور؟

خب من الان 13 سال است که در اطراف هستم، برنامه های کاربردی زیادی برای پروژه های کوچک و شرکت های بزرگی مانند سیتی، فاکس، دیزنی و بسیاری دیگر ساخته ام.

امروز به عنوان برنامه‌نویس برای یک شرکت بزرگ که برنامه‌های کاربردی را با Vue، React یا Angular توسعه می‌دهد، کار می‌کنم، اما دوست دارم در اوقات فراغت خود تدریس کنم.


مخاطب هدف چطور؟

  • این دوره تقریباً برای همه است، کمی جاوا اسکریپت مورد نیاز است. ما از ES6 استفاده خواهیم کرد، اما شما می توانید در حین حرکت یاد بگیرید.

  • اگر می خواهید برنامه نویسی خود را به سطح بعدی ببرید، این دوره برای شما مناسب است.


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

معرفی Introduction

معرفی Introduction

  • معرفی Introduction

  • IDE IDE

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

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

اصول اولیه The basics

  • واردات Importing

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

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

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

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

  • لوپر Looper

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

  • مدل v The v-model

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

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

  • اجزاء Components

اصول اولیه 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

پروژه یک Project one

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

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

پروژه یک Project one

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

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

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

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

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

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

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

اجزاء 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

اجزاء 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

تشکیل می دهد Forms

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

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

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

تشکیل می دهد 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

انتقال ها Transitions

  • انتقال CSS CSS Transitions

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

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

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

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

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

انتقال ها 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

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

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

  • در حال نصب Installing

  • در حال نصب Installing

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

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

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

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

  • ارسال کردن Posting

  • ارسال کردن Posting

مسیریابی Routing

  • ربط دادن Linking

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

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

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

  • متا Meta

مسیریابی 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

Vuex Vuex

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

  • جهش ها Mutations

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

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

  • فضاهای نام Namespaces

Vuex Vuex

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

  • جهش ها Mutations

  • جهش ها Mutations

  • گیرندگان Getters

  • اقدامات Actions

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

  • ماژول ها Modules

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

  • فضاهای نام Namespaces

  • فضاهای نام Namespaces

احراز هویت Authentication

  • معرفی introduction

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

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

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

احراز هویت 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

پروژه تمرین - 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

پروژه تمرین - 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

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 ?

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 ?

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

  • معرفی Introduction

  • IDE IDE

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

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

  • معرفی Introduction

  • معرفی Introduction

  • IDE IDE

  • 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

  • رندر مشروط 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] 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] Practice project one: Who pays the bill ? [ V2 ]

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

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

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

پروژه اول: چه کسی صورتحساب را پرداخت می کند؟ [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

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

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

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

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

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

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

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

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

استفاده پیشرفته [ 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] Transitions and animations. [ V2 ]

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

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

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

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

  • Transitions OnLoad Transitions OnLoad

  • فیلترها Filters

انتقال و انیمیشن. [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

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

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

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

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

منبع 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

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

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

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

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

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

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

پروژه دوم را تمرین کنید: 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

Vue ROUTES [ V2 ] Vue ROUTES [ V2 ]

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

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

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

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

VUEX [V2] VUEX [ V2 ]

  • گیرندگان Getters

  • جهش ها Mutations

  • اقدامات Actions

  • ماژول ها Modules

  • فضاهای نام Namespaces

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

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

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

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

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

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

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

  • کاربران Autosign Autosign users

احراز هویت [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

پروژه سوم را تمرین کنید: 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

پروژه سوم را تمرین کنید: 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

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

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

نمایش نظرات

Udemy (یودمی)

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

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.

آموزش دوره کامل VUE JS (نسخه 2022)
جزییات دوره
51.5 hours
347
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
5,992
4.6 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Coding Revolution Coding Revolution

مربی حرفه ای و توسعه دهنده وب. من مدت ها پیش شروع به بروز تب اینترنت کردم. من با ایجاد برنامه نویسی برای ایجاد وب سایت هایی برای پروژه های شخصی خودم شروع کردم اما بعد از مدتی مردم برای ایجاد وب سایت های خود با من تماس گرفتند ، خنده دار نحوه کار همه چیز بیرون من با فناوری هایی مانند PHP ، Wordpress ، Laravel ، NodeJS ، Phyton و بسیاری از زبانهای دیگر کار کردم ، اما امروز دوست دارم با فناوری مبتنی بر JavaScript مانند React ، Angular یا VueJS کار کنم. بله من عاشق جاوا اسکریپت هستم :) برنامه های زیادی برای شرکت های بسیار کوچک و برنامه های بسیار عظیم مانند Citi ، Fox ، Disney ، Roche و بسیاری دیگر بسازید. اما علاوه بر پیشرفت ، دوست دارم با آموزش آنچه دوست دارم ، با مردم تعامل داشته باشم.