آموزش Vue.js: شروع به کار

Vue.js: Getting Started

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: آیا سعی دارید یک برنامه وب بسازید و فناوری در راه است؟ در این دوره آموزشی، Vue.js: Getting Started، با یک چارچوب جاوا اسکریپت آشنا خواهید شد که به اندازه کافی بصری است که به شما امکان می دهد روی اهداف خود تمرکز کنید. ابتدا یاد خواهید گرفت که چگونه برنامه های وب سریع رعد و برق را به روشی دقیق و ساده ایجاد کنید. در مرحله بعد، نحوه ایجاد قالب های HTML را بررسی خواهید کرد. علاوه بر این، نحوه اتصال به داده های ورودی توسط کاربر و واکنش به رویدادهای کاربر را پوشش خواهید داد. در نهایت، یاد خواهید گرفت که چگونه محتوا را به صورت مشروط به روش مناسب ارائه کنید. پس از اتمام این دوره، می توانید شروع به ساخت برنامه های سریع با Vue.js کنید.

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

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

معرفی Vue.js Introducing Vue.js

  • معرفی Vue.js Introducing Vue.js

  • معرفی Vue.js Introducing Vue.js

  • چرا باید به Vue.js اهمیت بدهم؟ Why Should I Care About Vue.js?

  • چرا باید به Vue.js اهمیت بدهم؟ Why Should I Care About Vue.js?

  • سادگی Vue The Simplicity of Vue

  • سادگی Vue The Simplicity of Vue

  • دویدن سریع با Vue Running Fast with Vue

  • دویدن سریع با Vue Running Fast with Vue

  • ملاحظات دیگر برای Vue Other Considerations for Vue

  • ملاحظات دیگر برای Vue Other Considerations for Vue

  • نصب و راه اندازی Vue Installing and Setting up Vue

  • نصب و راه اندازی Vue Installing and Setting up Vue

  • در حال نصب Vue.js Installing Vue.js

  • در حال نصب Vue.js Installing Vue.js

  • نصب Axios Installing Axios

  • نصب Axios Installing Axios

  • راه اندازی یک نمونه از Vue Initializing an Instance of Vue

  • راه اندازی یک نمونه از Vue Initializing an Instance of Vue

  • نصب یک نمونه از Vue Mounting an Instance of Vue

  • نصب یک نمونه از Vue Mounting an Instance of Vue

  • چرخه حیات یک نما Lifecycle of a View

  • چرخه حیات یک نما Lifecycle of a View

ایجاد قالب های Vue.js Creating Vue.js Templates

  • معرفی قالب ها Introducing Templates

  • معرفی قالب ها Introducing Templates

  • تعریف داده های الگو Defining Template Data

  • تعریف داده های الگو Defining Template Data

  • بارگیری ویژگی های داده Loading Data Properties

  • بارگیری ویژگی های داده Loading Data Properties

  • نامگذاری خواص Naming Properties

  • نامگذاری خواص Naming Properties

  • درک ارزش های دارایی Understanding Property Values

  • درک ارزش های دارایی Understanding Property Values

  • اتصال محتوا به یک الگو Binding Content to a Template

  • اتصال محتوا به یک الگو Binding Content to a Template

  • متن صحافی Binding Text

  • متن صحافی Binding Text

  • پیوندهای معنایی Semantic Bindings

  • پیوندهای معنایی Semantic Bindings

  • الزامات اعلامی Declarative Bindings

  • الزامات اعلامی Declarative Bindings

  • یک بار اتصال One Time Bindings

  • یک بار اتصال One Time Bindings

  • اتصال به HTML Binding to HTML

  • اتصال به HTML Binding to HTML

  • اتصال به ویژگی های HTML Binding to HTML Attributes

  • اتصال به ویژگی های HTML Binding to HTML Attributes

  • معرفی دستورالعمل Bind Introducing the Bind Directive

  • معرفی دستورالعمل Bind Introducing the Bind Directive

  • اتصال به ویژگی های CSS Binding to CSS Properties

  • اتصال به ویژگی های CSS Binding to CSS Properties

  • اتصال به کلاس های CSS Binding to CSS Classes

  • اتصال به کلاس های CSS Binding to CSS Classes

  • استفاده از عبارات جاوا اسکریپت Using JavaScript Expressions

  • استفاده از عبارات جاوا اسکریپت Using JavaScript Expressions

اتصال با فرم ها در Vue.js Binding with Forms in Vue.js

  • مقدمه ای بر صحافی با فرم ها An Introduction to Binding with Forms

  • مقدمه ای بر صحافی با فرم ها An Introduction to Binding with Forms

  • استفاده از اتصالات ورودی Using Input Bindings

  • استفاده از اتصالات ورودی Using Input Bindings

  • اتصال به فیلدهای متنی Binding to Text Fields

  • اتصال به فیلدهای متنی Binding to Text Fields

  • اتصال به چک باکس ها Binding to Checkboxes

  • اتصال به چک باکس ها Binding to Checkboxes

  • اتصال به دکمه های رادیویی Binding to Radio Buttons

  • اتصال به دکمه های رادیویی Binding to Radio Buttons

  • اتصال به لیست های کشویی Binding to Drop Down Lists

  • اتصال به لیست های کشویی Binding to Drop Down Lists

  • اصلاح مقادیر کران Modifying Bound Values

  • اصلاح مقادیر کران Modifying Bound Values

  • با استفاده از Trim Modifier Using the Trim Modifier

  • با استفاده از Trim Modifier Using the Trim Modifier

  • با استفاده از تعدیل کننده اعداد Using the Number Modifier

  • با استفاده از تعدیل کننده اعداد Using the Number Modifier

  • ارزش های تنبلی الزام آور (تنبلی اتصال) Lazily Binding Values (Lazy Binding)

  • ارزش های تنبلی الزام آور (تنبلی اتصال) Lazily Binding Values (Lazy Binding)

پاسخگویی به رویدادهای کاربر در Vue.js Responding to User Events in Vue.js

  • پاسخگویی به رویدادهای کاربر در Vue.js Responding to User Events in Vue.js

  • پاسخگویی به رویدادهای کاربر در Vue.js Responding to User Events in Vue.js

  • استفاده از Event Handlers Using Event Handlers

  • استفاده از Event Handlers Using Event Handlers

  • تعریف گردانندگان رویداد Defining Event Handlers

  • تعریف گردانندگان رویداد Defining Event Handlers

  • بررسی رویدادها و گذراندن پارامترها Examining Events and Passing Parameters

  • بررسی رویدادها و گذراندن پارامترها Examining Events and Passing Parameters

  • تغییر رفتارهای رویداد Altering Event Behaviors

  • تغییر رفتارهای رویداد Altering Event Behaviors

  • درک انتشار رویداد Understanding Event Propagation

  • درک انتشار رویداد Understanding Event Propagation

  • ضبط رویداد Event Capturing

  • ضبط رویداد Event Capturing

  • با استفاده از Prevent Modifier Using the Prevent Modifier

  • با استفاده از Prevent Modifier Using the Prevent Modifier

  • با استفاده از Stop Modifier Using the Stop Modifier

  • با استفاده از Stop Modifier Using the Stop Modifier

  • با استفاده از Self Modifier Using the Self Modifier

  • با استفاده از Self Modifier Using the Self Modifier

  • با استفاده از Once Modifier Using the Once Modifier

  • با استفاده از Once Modifier Using the Once Modifier

  • واکنش به رویدادهای کلیدی Reacting to Keyed Events

  • واکنش به رویدادهای کلیدی Reacting to Keyed Events

  • ایجاد اصلاح کننده های کلیدی Creating Key Modifiers

  • ایجاد اصلاح کننده های کلیدی Creating Key Modifiers

  • واکنش به رویدادهای دکمه ماوس Reacting to Mouse Button Events

  • واکنش به رویدادهای دکمه ماوس Reacting to Mouse Button Events

  • واکنش به کلیدهای ویژه Reacting to Special Keys

  • واکنش به کلیدهای ویژه Reacting to Special Keys

رندر و رندر مشروط لیست ها Conditional Rendering and Rendering of Lists

  • رندر و رندر مشروط لیست ها Conditional Rendering and Rendering of Lists

  • رندر و رندر مشروط لیست ها Conditional Rendering and Rendering of Lists

  • رندر کردن عناصر به صورت مشروط Rendering Elements Conditionally

  • رندر کردن عناصر به صورت مشروط Rendering Elements Conditionally

  • رندر مشروط در بار Rendering Conditionally on Load

  • رندر مشروط در بار Rendering Conditionally on Load

  • رندر کردن مشروط در طول زمان اجرا Rendering Conditionally During Runtime

  • رندر کردن مشروط در طول زمان اجرا Rendering Conditionally During Runtime

  • ارائه فهرست اقلام Rendering Lists of Items

  • ارائه فهرست اقلام Rendering Lists of Items

  • حلقه زدن تعداد مشخصی از بارها Looping a Specific Number of Times

  • حلقه زدن تعداد مشخصی از بارها Looping a Specific Number of Times

  • عبور از ویژگی های شی Traversing Object Properties

  • عبور از ویژگی های شی Traversing Object Properties

  • تکرار از طریق آرایه ها Iterating Through Arrays

  • تکرار از طریق آرایه ها Iterating Through Arrays

  • استفاده از v-for و v-if با هم Using v-for and v-if Together

  • استفاده از v-for و v-if با هم Using v-for and v-if Together

  • تشخیص تغییرات آرایه Detecting Array Changes

  • تشخیص تغییرات آرایه Detecting Array Changes

  • با استفاده از تابع مرتب سازی Using the Sort Function

  • با استفاده از تابع مرتب سازی Using the Sort Function

  • با استفاده از تابع معکوس Using the Reverse Function

  • با استفاده از تابع معکوس Using the Reverse Function

  • فشار دادن و باز کردن آیتم های آرایه Pushing and Popping Array Items

  • فشار دادن و باز کردن آیتم های آرایه Pushing and Popping Array Items

  • با استفاده از تابع Shift و Unshift Using the Shift and Unshift Function

  • با استفاده از تابع Shift و Unshift Using the Shift and Unshift Function

  • اتصال یک آرایه Splicing an Array

  • اتصال یک آرایه Splicing an Array

  • به روز رسانی یک عنصر آرایه Updating an Array Element

  • به روز رسانی یک عنصر آرایه Updating an Array Element

واکنش به تغییرات داده ها با فیلترها، ویژگی های محاسبه شده و ناظران Reacting to Data Changes with Filters, Computed Properties, and Watchers

  • معرفی Introduction

  • معرفی Introduction

  • نظارت بر تغییرات داده ها با Watchers Monitoring Data Changes with Watchers

  • نظارت بر تغییرات داده ها با Watchers Monitoring Data Changes with Watchers

  • تعریف رفتار ناظر Defining a Watcher's Behavior'

  • تعریف رفتار ناظر Defining a Watcher's Behavior'

  • تعریف عمق ناظر Defining a Watcher's Depth

  • تعریف عمق ناظر Defining a Watcher's Depth

  • رندر سریعتر با ویژگی های محاسبه شده Faster Rendering with Computed Properties

  • رندر سریعتر با ویژگی های محاسبه شده Faster Rendering with Computed Properties

  • مقداردهی اولیه خصوصیات محاسبه شده Initializing Computed Properties

  • مقداردهی اولیه خصوصیات محاسبه شده Initializing Computed Properties

  • استفاده از ویژگی های محاسبه شده به عنوان لوازم جانبی Using Computed Properties as Accessors

  • استفاده از ویژگی های محاسبه شده به عنوان لوازم جانبی Using Computed Properties as Accessors

  • قالب بندی با فیلترها Formatting with Filters

  • قالب بندی با فیلترها Formatting with Filters

  • تعریف فیلترها Defining Filters

  • تعریف فیلترها Defining Filters

  • فراخوانی یک فیلتر از طریق برنامه Programmatically Calling a Filter

  • فراخوانی یک فیلتر از طریق برنامه Programmatically Calling a Filter

  • زنجیر زدن فیلترها با هم Chaining Filters Together

  • زنجیر زدن فیلترها با هم Chaining Filters Together

  • مقایسه فیلترها با روشها Comparing Filters to Methods

  • مقایسه فیلترها با روشها Comparing Filters to Methods

نمایش نظرات

آموزش Vue.js: شروع به کار
جزییات دوره
2h 32m
162
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
460
4.1 از 5
دارد
دارد
دارد
Chad Campbell
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chad Campbell Chad Campbell

چاد یک نرم افزار حرفه ای مستقل است. وی پنج بار به عنوان MVP مایکروسافت معرفی شده است. کتاب های او به چندین زبان ترجمه و در سراسر جهان توزیع شده است. وی دارای مدرک علوم کامپیوتر از دانشگاه پردو است و در آنجا روانشناسی نیز خوانده است. چاد سایت ها ، برنامه ها ، چارچوب ها ، کتابخانه ها و سیستم عامل ها را با استفاده از جاوا ، دات نت و Node ساخته است. او استارتاپ های خود را اداره کرده و برای 100 شرکت Fortune نرم افزاری ایجاد کرده است. به طور خلاصه ، چاد می داند که چگونه نرم افزار ایجاد کند. از ایده پردازی تا زایمان. از شروع تا پایان.