آموزش در Depth Vue 3 برای مبتدیان

درس ها Lessons

• اصلاح کننده ها Modifiers

• ناظران و گره های ریشه چندگانه (قطعات) Watchers & Multiple Root Nodes (fragments)

• یک ظاهر طراحی شده منو Menu Styling

• عبور داده های پویا و دامنه Passing Dynamic Data & Scope

• اعتبار بخشیدن به فرم ما Validating Our Form

• حالت های مختلف روتر Different Router Modes

• مدیریت رویداد Event Handling

• استقرار برای Netlify Deployment To Netlify

• ویژگی های غیر مناسب Non Prop Attributes

• داده ها و فهرست ها Data & Lists

• محاسبه شده است Computed

• بیشتر در مورد رندر شرطی More on conditional rendering

• کامپوننت ها چیست؟ What Are Components?

• صفات الزام آور Binding Attributes

• اجزای محلی Local Components

• اسلات در عمل Slots In Practice

• HTML خام Raw HTML

• کد منبع پروژه Project Source Code

• اسلات به نام Named Slots

• کلاس های فعال Active classes

• اپلیکیشن های تک صفحه ای Single Page Applications

• آنچه شما برای این دوره نیاز دارید What You Will Need For This Course

• تله پورت Teleport

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

• ویژگی های محاسبه شده Computed Properties

• راه اندازی اجزای پروژه و مسیرها Setting Up Our Project Components & Routes

• لوازم و استفاده مجدد از اجزا Props & Re-Using Components

• محاسبه روزهای باقی مانده Calculating Days Left

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

• بخش معرفی- نگهبانان ناوبری و بارگذاری تنبل Section Intro- Navigation Guards & Lazy Loading

• بخش مقدمه- نگاه اول به Vue.js Section Intro- First Look At Vue.js

• راه اندازی کلودیناری Setting Up Cloudinary

• تنظیم ترکیب Composition Setup

• صفحات بازگشتی Fallback Pages

• عبارات جاوا اسکریپت Javascript Expressions

• ذخیره URL تصویر در کارت ما Saving The Image URL To Our Card

• Vue CLI The Vue CLI

• دسترسی به روتر Accessing The Router

• بخش معرفی ابزارهای ساخت و برنامه های کاربردی یک صفحه Section Intro- Build Tools & Single Page Applications

• انتخاب صفحه فعلی Selecting The Current Page

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

• ارائه/تزریق چیست؟ What Is Provide / Inject?

• افزودن بخش های جدید Adding New Sections

• بخش Intro-Slots & Dynamic Components Section Intro-Slots & Dynamic Components

• به روز رسانی ارائه دهنده از یک مؤلفه کودک Updating the Provider From a Child Component

• به روز رسانی کارت Updating The Card

• پیوند به کارت انتخابی و استایل دسته بندی Linking To Selected Card & Category Styling

• تزریق داده ها Injecting Data

• کامپوننت آپلود تصویر Image Upload Component

• بخش معرفی- ارائه/تزریق Section Intro- Provide / Inject

• صفحه پرفروش ترین ها Best Sellers Page

• بخش معرفی فرم ها، رویدادها و اصلاح کننده ها Section Intro- Forms, Events & Modifiers

• رویدادهای متعدد را منتشر کنید Emit Multiple Events

• اسلات های محدوده Scoped Slots

• محاسبه شده یا ناظران؟ Computed or Watchers?

• استفاده از Alongside The Options API Using Alongside The Options API

• به کلاس خوش آمدید! Welcome To The Class!

• بخش معرفی- فشار بر پروژه ما Section Intro- Pushing On With Our Project

• بخش معرفی پروژه شمارش معکوس Section Intro- Countdown Project

• بخش معرفی- آپلود تصاویر Section Intro- Uploading Images

• چالش کوچک: به روز رسانی سفارشات و صفحات پرفروش برای استفاده ارائه/تزریق Mini Challenge: Update Orders & Best Sellers Pages To Use Provide / Inject

• افزودن واکنش پذیری با Ref Adding Reactivity With Ref

• ورودی های فرم صحافی Binding Form Inputs

• بخش مقدمه- اعتبار سنجی و نگاهی عمیق تر به لوازم Section Intro- Validation & A Deeper Look At Props

• راه اندازی روتر Vue Setting Up The Vue Router

• راه اندازی یک ارائه دهنده Setting Up a Provider

• گاردهای ناوبری Navigation Guards

• ساختار پروژه Project Structure

• معرفی سریع پروکسی ها Quick Introduction To Proxies

• جزء فرم ما Our Form Component

• حذف رویدادها و توقف انتشار Removing Events & Stop Propagation

• حذف تصاویر Removing Images

• توابع ترکیب مستقل Standalone Composition Functions

• حذف بخش ها Removing Sections

• متشکرم! Thank You!

• پارامترها و پرس و جوها Params & Queries

• مروری بر تغییرات Vue 3 Overview of Vue 3 changes

• بخش Intro- Composition API Section Intro- Composition API

• به روز رسانی رویدادها Updating Events

• پویا کردن رویدادهای ما Making Our Events Dynamic

• سفارش و تغییر رویدادهای گذشته Ordering & Toggling Past Events

• به روز رسانی سفارشات و صفحات پرفروش برای استفاده ارائه/تزریق Update Orders & Best Sellers Pages To Use Provide / Inject

• تغییر موقعیت تصویر Repositioning The Image

• پروژه ای که ما خواهیم ساخت و شروع خواهیم کرد What We Will Be Building & Starter Project

• گروه بندی مسیرها به تکه ها Grouping Routes Into Chunks

• رویدادهای سفارشی را منتشر کنید Emit Custom Events

• نمونه Vue The Vue Instance

• تنظیم مجدد ترتیب بخش ها Rearranging The Order Of Sections

• فهرست شاخص‌ها و کلیدها List Indexes & Keys

• بخش مقدمه - مبانی مؤلفه Section Intro- Component Basics

• اعتبار سنجی پایه Prop Validation

• چالش کوچک: حرکت بر روی کارت ها بر اساس دسته Mini Challenge: Moving Over The Cards By Category

• صفحات و اجزای پروژه Project Pages & Components

• دانلود پروژه شروع کننده Starter Project Download

• تطبیق مسیرهای پویا Matching Dynamic Routes

• حلقه زدن با اشیاء Looping With Objects

• صفحه سفارشات Orders Page

• فقط خواندنی Readonly

• Watch و Watch Effect Watch and WatchEffect

• Vue.js چیست و چه کاری می تواند انجام دهد؟ What Is Vue.js & What Can It Do?

• ارائه و تزریق با ترکیب Provide & Inject With Composition

• حرکت بر روی کارت ها بر اساس دسته Moving Over The Cards By Category

• اجزای فایل منفرد Single File Components

• گزینه های منو ادامه دارد Menu Options Continued

• کار خود را در Skillshare به اشتراک بگذارید! Share Your Work On Skillshare!

• لینک روتر و نمای روتر Router link and router view

• نمای کلی ساختار صفحه Overview Page Structure

• خواندن اشیاء فایل و پیش نمایش Reading File Objects & Previewing

• تغییر صفحات کارت Switching Card Pages

• منوی مؤلفه ورودی متن و نشانگر Text Input Component & Hover Menu

• The Composition API چیست؟ What Is The Composition API?

• چالش کوچک - پیوندهای پویا Mini Challenge- Dynamic Links

• اولین نگاه به اجزاء First Look At Components

• افزودن گزینه های منو Adding Menu Options

• مولفه خروجی متن Text Output Component

• پسوند Vetur The Vetur Extension

• مقدمه ای بر اسلات ها Introduction To Slots

• پروژه ای که ما خواهیم ساخت و شروع خواهیم کرد What We Will Be Building & Starter Project

• آپلود فایل تصویری Uploading The Image File

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

• جزء ویرایش کارت Card Edit Component

• پیوندهای پویا: راه حل من Dynamic Links: My Solution

• یک ظاهر طراحی شده و موقعیت یابی فرم مدال Styling & Positioning The Form Modal

• تغییر ارتفاع بخش Changing The Section Height

• استفاده از Reactive & isReactive Using Reactive & isReactive

• مؤلفه پیش نمایش کارت The Card Preview Component

• محتوای بازگشتی Fallback Content

• چرخه حیات Vue Vue Lifecycle

• بدوی در مقابل انواع مرجع Primitive vs Reference Types

• یک ظاهر طراحی اضافی Additional Styling

• نمای ایجاد The Create View

• انتشار داده با یک رویداد سفارشی Emit Data With A Custom Event

• مسیرهای بارگذاری تنبل Lazy Loading Routes

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

• تخریب و toRefs Destructuring & toRefs

• بخش مقدمه- مقدمه ای بر مسیریابی Section Intro- Introduction To Routing

• بیشتر در مورد ویژگی های غیر مناسب More On Non Prop Attributes

• بازیابی کارت انتخاب شده Retrieving The Selected Card