آموزش Vue Masterclass

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

معرفی Introduction

• معرفی پروژه ما (سایت مشاغل) Introducing our Project (Careers Site)

• جایزه: Vue 2 در مقابل Vue 3 BONUS: Vue 2 vs. Vue 3

• گوگل کروم را نصب کنید Install Google Chrome

• VSCode را نصب کنید Install VSCode

معرفی Introduction

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

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

• معرفی پروژه ما (سایت مشاغل) Introducing our Project (Careers Site)

• جایزه: Vue 2 در مقابل Vue 3 BONUS: Vue 2 vs. Vue 3

• جایزه: Vue در مقابل React در مقابل Angular BONUS: Vue vs. React vs. Angular

• جایزه: Vue در مقابل React در مقابل Angular BONUS: Vue vs. React vs. Angular

• الزامات فنی Technical Requirements

• الزامات فنی Technical Requirements

• گوگل کروم را نصب کنید Install Google Chrome

• Git را نصب کنید Install Git

• Git را نصب کنید Install Git

• Node Setup برای کاربران macOS Node Setup for macOS Users

• Node Setup برای کاربران macOS Node Setup for macOS Users

• Node را نصب کنید Install Node

• Node را نصب کنید Install Node

• VSCode را نصب کنید Install VSCode

• افزونه های VSCode را نصب کنید Install VSCode Extensions

• افزونه های VSCode را نصب کنید Install VSCode Extensions

• پرسیدن سوالات خوب Asking Good Questions

• پرسیدن سوالات خوب Asking Good Questions

معرفی Vue Intro to Vue

• پیکربندی برنامه: VSCode Configuring the App: VSCode

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

• نصب برنامه Vue Mounting the Vue App

• نماد @ برای دایرکتوری src The @ Symbol for src Directory

• اطلاعات بیشتر در مورد کامپوننت ها More on Components

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 2 Code at End of Section 2

معرفی Vue Intro to Vue

• از Create Vue برای راه اندازی پروژه Vue استفاده کنید Use Create Vue to Initialize Vue Project

• از Create Vue برای راه اندازی پروژه Vue استفاده کنید Use Create Vue to Initialize Vue Project

• پیکربندی برنامه: VSCode Configuring the App: VSCode

• پیکربندی برنامه: VSCode Configuring the App: VSCode

• پیکربندی برنامه: ESLint Configuring the App: ESLint

• پیکربندی برنامه: ESLint Configuring the App: ESLint

• بارگذاری مجدد داغ Hot Reloading

• بارگذاری مجدد داغ Hot Reloading

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

• نصب برنامه Vue Mounting the Vue App

• نماد @ برای دایرکتوری src The @ Symbol for src Directory

• قسمت های یک فایل Vue The Parts of a Vue File

• قسمت های یک فایل Vue The Parts of a Vue File

• پاکسازی، پاکسازی Cleanup, Cleanup

• پاکسازی، پاکسازی Cleanup, Cleanup

• اطلاعات بیشتر در مورد کامپوننت ها More on Components

• Dev Tools را نصب کنید Install Dev Tools

• Dev Tools را نصب کنید Install Dev Tools

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 2 Code at End of Section 2

معرفی CSS در Vue Intro to CSS in Vue

• هدف گذاری توسط عنصر HTML یا کلاس CSS Targeting by HTML Element or CSS Class

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 3 Code at End of Section 3

معرفی CSS در Vue Intro to CSS in Vue

• هدف گذاری توسط عنصر HTML یا کلاس CSS Targeting by HTML Element or CSS Class

• ویژگی محدوده The scoped Attribute

• ویژگی محدوده The scoped Attribute

• خانه داری کوچک A Little Housekeeping

• خانه داری کوچک A Little Housekeeping

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 3 Code at End of Section 3

معرفی Tailwind CSS Intro to Tailwind CSS

• Tailwind Styles را در App.vue امتحان کنید Try Out Tailwind Styles in App.vue

• Tailwind CSS IntelliSense Extension را نصب کنید Install Tailwind CSS IntelliSense Extension

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 4 Code at End of Section 4

معرفی Tailwind CSS Intro to Tailwind CSS

• مقدمه ای بر Tailwind CSS Introduction to Tailwind CSS

• مقدمه ای بر Tailwind CSS Introduction to Tailwind CSS

• Tailwind CSS را به پروژه اضافه کنید Add Tailwind CSS to Project

• Tailwind CSS را به پروژه اضافه کنید Add Tailwind CSS to Project

• امتیاز: ES6 Spread Syntax برای آرایه ها BONUS: ES6 Spread Syntax for Arrays

• امتیاز: ES6 Spread Syntax برای آرایه ها BONUS: ES6 Spread Syntax for Arrays

• فونت Open Sans را به Project اضافه کنید Add Open Sans Font to Project

• فونت Open Sans را به Project اضافه کنید Add Open Sans Font to Project

• Tailwind Styles را در App.vue امتحان کنید Try Out Tailwind Styles in App.vue

• Tailwind CSS IntelliSense Extension را نصب کنید Install Tailwind CSS IntelliSense Extension

• افزونه Prettier را برای Tailwind نصب کنید Install Prettier Plugin for Tailwind

• افزونه Prettier را برای Tailwind نصب کنید Install Prettier Plugin for Tailwind

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 4 Code at End of Section 4

ارائه داده ها برای مشاهده Rendering Data to View

• داستان کاربر User Story

• ایجاد کامپوننت MainNav Creating the MainNav Component

• رندر کردن کامپوننت کودک با ویژگی اجزا Rendering Child Component with the components Property

• به روز رسانی Tailwind Styles Update Tailwind Styles

• CSS: استایل دادن به مؤلفه MainNav CSS: Styling the MainNav Component

• جایزه: اشیاء جاوا اسکریپت، ویژگی ها و روش ها BONUS: JavaScript Objects, Properties, and Methods

• ارائه داده ها برای مشاهده I Rendering Data to View I

• ارائه داده ها به نمایش II: ویژگی های داده های متعدد Rendering Data to View II: Multiple Data Properties

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 5 Code at End of Section 5

ارائه داده ها برای مشاهده Rendering Data to View

• داستان کاربر User Story

• ایجاد کامپوننت MainNav Creating the MainNav Component

• رندر کردن کامپوننت کودک با ویژگی اجزا Rendering Child Component with the components Property

• روش های مختلف برای رندر کردن یک کامپوننت Different Ways to Render a Component

• روش های مختلف برای رندر کردن یک کامپوننت Different Ways to Render a Component

• به روز رسانی Tailwind Styles Update Tailwind Styles

• CSS: استایل دادن به مؤلفه MainNav CSS: Styling the MainNav Component

• جایزه: اشیاء جاوا اسکریپت، ویژگی ها و روش ها BONUS: JavaScript Objects, Properties, and Methods

• ارائه داده ها برای مشاهده I Rendering Data to View I

• ارائه داده ها به نمایش II: ویژگی های داده های متعدد Rendering Data to View II: Multiple Data Properties

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 5 Code at End of Section 5

• کد در انتهای بخش 5 Code at End of Section 5

معرفی Vitest Intro to Vitest

• مقدمه ای برای تست Intro to Testing

• رفع سریع مشکلات تست Quick Fix for Testing Issues

• توسعه آزمایش محور در عمل Test-Driven Development In Action

• اضافه کردن —پرچم پوشش Adding the —coverage Flag

• راه اندازی Vitest Globals Setup Vitest Globals

• پاکسازی سریع Quick Cleanup

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 6 Code at End of Section 6

معرفی Vitest Intro to Vitest

• مقدمه ای برای تست Intro to Testing

• رفع سریع مشکلات تست Quick Fix for Testing Issues

• مبانی نحو Vitest The Basics of Vitest Syntax

• مبانی نحو Vitest The Basics of Vitest Syntax

• بلوک های توصیفی چندگانه Multiple Describe Blocks

• بلوک های توصیفی چندگانه Multiple Describe Blocks

• مقدمه ای بر توسعه آزمایش محور (TDD) Intro to Test-Driven Development (TDD)

• مقدمه ای بر توسعه آزمایش محور (TDD) Intro to Test-Driven Development (TDD)

• توسعه آزمایش محور در عمل Test-Driven Development In Action

• اضافه کردن —پرچم پوشش Adding the —coverage Flag

• راه اندازی Vitest Globals Setup Vitest Globals

• پاکسازی سریع Quick Cleanup

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 6 Code at End of Section 6

اولین تست های Vue First Vue Tests

• در حال تمیز کردن App.vue Cleaning up App.vue

• رندر Function و Screen Object The render Function and screen Object

• اولین ادعای مؤلفه ما Our First Component Assertion

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 7 Code at End of Section 7

اولین تست های Vue First Vue Tests

• در حال تمیز کردن App.vue Cleaning up App.vue

• کتابخانه تست Vue را راه اندازی کنید Setup Vue Testing Library

• کتابخانه تست Vue را راه اندازی کنید Setup Vue Testing Library

• رندر Function و Screen Object The render Function and screen Object

• اولین ادعای مؤلفه ما Our First Component Assertion

• دومین آرگومان برای ارائه تابع The Second Argument to render Function

• دومین آرگومان برای ارائه تابع The Second Argument to render Function

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 7 Code at End of Section 7

دستورالعمل I Directives I

• CSS: استایل کردن موارد ناوبری CSS: Styling Navigation Items

• دستورالعمل v-for The v-for Directive

• بررسی: روش نقشه ES6 در یک آرایه Review: The ES6 map Method on an Array

• نقش های آریا [اسلاید] ARIA Roles [SLIDES]

• برنامه افزودنی Playground Testing را نصب کنید Install Testing Playground Extension

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 8 Code at End of Section 8

دستورالعمل I Directives I

• دستورالعمل v-bind I The v-bind Directive I

• دستورالعمل v-bind I The v-bind Directive I

• دستورالعمل v-bind II: میانبر The v-bind Directive II: Shortcut

• دستورالعمل v-bind II: میانبر The v-bind Directive II: Shortcut

• CSS: استایل کردن موارد ناوبری CSS: Styling Navigation Items

• دستورالعمل v-for The v-for Directive

• ویژگی :key The :key Attribute

• ویژگی :key The :key Attribute

• با استفاده از اولین کلاس ابزار کودک Tailwind Using Tailwind's First Child Utility Class

• با استفاده از اولین کلاس ابزار کودک Tailwind Using Tailwind's First Child Utility Class

• بررسی: روش نقشه ES6 در یک آرایه Review: The ES6 map Method on an Array

• نقش های آریا [اسلاید] ARIA Roles [SLIDES]

• آزمایش دستور v-for Testing the v-for Directive

• آزمایش دستور v-for Testing the v-for Directive

• برنامه افزودنی Playground Testing را نصب کنید Install Testing Playground Extension

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 8 Code at End of Section 8

دستورالعمل II Directives II

• داستان کاربر User Story

• کامپوننت ActionButton را ایجاد کنید Create ActionButton Component

• CSS: Styling ActionButton CSS: Styling ActionButton

• سایه باکس سفارشی را به ActionButton اضافه کنید Add Custom Box Shadow to ActionButton

• رندر شرطی با دستورالعمل v-if Conditional Rendering with the v-if Directive

• دستورالعمل v-on I: عنصر HTML The v-on Directive I: HTML Element

• شی رویداد The Event Object

• QueryBy Methods از Vue Testing Library The queryBy Methods from Vue Testing Library

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 9 Code at End of Section 9

دستورالعمل II Directives II

• داستان کاربر User Story

• کامپوننت ActionButton را ایجاد کنید Create ActionButton Component

• CSS: Styling ActionButton CSS: Styling ActionButton

• سایه باکس سفارشی را به ActionButton اضافه کنید Add Custom Box Shadow to ActionButton

• کامپوننت ProfileImage را ایجاد کنید Create ProfileImage Component

• کامپوننت ProfileImage را ایجاد کنید Create ProfileImage Component

• رندر شرطی با دستورالعمل v-if Conditional Rendering with the v-if Directive

• دستورالعمل v-else The v-else Directive

• دستورالعمل v-else The v-else Directive

• افزودن متدها به کامپوننت Vue Adding Methods to Vue Component

• افزودن متدها به کامپوننت Vue Adding Methods to Vue Component

• دستورالعمل v-on I: عنصر HTML The v-on Directive I: HTML Element

• v-on Directive II: Shortcut The v-on Directive II: Shortcut

• v-on Directive II: Shortcut The v-on Directive II: Shortcut

• شی رویداد The Event Object

• رونویسی داده های مؤلفه در یک روش Overwriting Component Data in a Method

• رونویسی داده های مؤلفه در یک روش Overwriting Component Data in a Method

• QueryBy Methods از Vue Testing Library The queryBy Methods from Vue Testing Library

• UserEvent Library The userEvent Library

• UserEvent Library The userEvent Library

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 9 Code at End of Section 9

پاس پاس Passing Props

• داستان کاربر: چند دکمه User Story: Multiple Buttons

• دستورالعمل Tailwind @apply The Tailwind @apply Directive

• افزودن تکه ای از داده ها برای کلاس Dynamic Adding Slice of Data for Dynamic Class

• افزودن رنگ آبی جدید به پیکربندی Tailwind Adding New Blue Color to Tailwind Config

• اضافه کردن سبک دکمه ثانویه Adding Secondary Button Style

• قبولی در Props for Style Passing in Props for Style

• اضافه کردن یک نوع Prop Adding a type Prop

• اعتبار سنجی Prop سفارشی با عملکرد اعتبار سنج Custom Prop Validation with the validator Function

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 10 Code at End of Section 10

پاس پاس Passing Props

• داستان کاربر: چند دکمه User Story: Multiple Buttons

• اجزای مستقل Independent Components

• اجزای مستقل Independent Components

• معرفی Props Intro to Props

• معرفی Props Intro to Props

• دستورالعمل Tailwind @apply The Tailwind @apply Directive

• افزودن v-bind به کلاس Attribute Adding v-bind to class Attribute

• افزودن v-bind به کلاس Attribute Adding v-bind to class Attribute

• افزودن تکه ای از داده ها برای کلاس Dynamic Adding Slice of Data for Dynamic Class

• مقدمه ای بر ویژگی های محاسبه شده Intro to Computed Properties

• مقدمه ای بر ویژگی های محاسبه شده Intro to Computed Properties

• ویژگی های محاسبه شده برای شی کلاس Computed Properties for Class Object

• ویژگی های محاسبه شده برای شی کلاس Computed Properties for Class Object

• افزودن رنگ آبی جدید به پیکربندی Tailwind Adding New Blue Color to Tailwind Config

• اضافه کردن سبک دکمه ثانویه Adding Secondary Button Style

• قبولی در Props for Style Passing in Props for Style

• اضافه کردن یک نوع Prop Adding a type Prop

• جایزه: بررسی ES6: Dynamic Object Keys BONUS: ES6 Review: Dynamic Object Keys

• جایزه: بررسی ES6: Dynamic Object Keys BONUS: ES6 Review: Dynamic Object Keys

• بازسازی نوع Prop Refactoring the type Prop

• بازسازی نوع Prop Refactoring the type Prop

• تست کلاس های CSS Testing CSS Classes

• تست کلاس های CSS Testing CSS Classes

• به روز رسانی Prop Validation در ActionButton Updating Prop Validation in ActionButton

• به روز رسانی Prop Validation در ActionButton Updating Prop Validation in ActionButton

• اعتبار سنجی Prop سفارشی با عملکرد اعتبار سنج Custom Prop Validation with the validator Function

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 10 Code at End of Section 10

ایجاد Subnav Creating Subnav

• کامپوننت TheSubnav را ایجاد کنید Create TheSubnav Component

• از نماد FontAwesome در TheSubnav استفاده کنید Use FontAwesome Icon in TheSubnav

• استفاده از TDD برای v-if Directive for Jobs Page Using TDD for v-if Directive for Jobs Page

• رفع اخطارهای تست در TheSubnav و MainNav Fixing Test Warnings in TheSubnav and MainNav

• استفاده از تابع Helper در تست MainNav Using Helper Function in MainNav Test

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 11 Code at End of Section 11

ایجاد Subnav Creating Subnav

• داستان کاربر: Subnav User Story: Subnav

• داستان کاربر: Subnav User Story: Subnav

• کامپوننت TheSubnav را ایجاد کنید Create TheSubnav Component

• یک ظاهر طراحی TheSubnav Component Styling TheSubnav Component

• یک ظاهر طراحی TheSubnav Component Styling TheSubnav Component

• FontAwesome را نصب کنید Install FontAwesome

• FontAwesome را نصب کنید Install FontAwesome

• ثبت اجزای جهانی Register Global Components

• ثبت اجزای جهانی Register Global Components

• از نماد FontAwesome در TheSubnav استفاده کنید Use FontAwesome Icon in TheSubnav

• TheSubnav را مشروط رندر کنید Conditionally Render TheSubnav

• TheSubnav را مشروط رندر کنید Conditionally Render TheSubnav

• استفاده از TDD برای v-if Directive for Jobs Page Using TDD for v-if Directive for Jobs Page

• رفع اخطارهای تست در TheSubnav و MainNav Fixing Test Warnings in TheSubnav and MainNav

• استفاده از تابع Helper در تست MainNav Using Helper Function in MainNav Test

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 11 Code at End of Section 11

کامپوننت عنوان را ایجاد کنید Create Headline Component

• داستان کاربر User Story

• کامپوننت TheHero.vue را ایجاد کنید Create TheHero.vue Component

• CSS: کامپوننت TheHero را سبک کنید CSS: Style TheHero Component

• معرفی CSS Grid Introducing CSS Grid

• REVIEW: توابع setTimeout، setInterval و clearInterval REVIEW: The setTimeout, setInterval and clearInterval Functions

• CSS: Style Action Verb CSS: Style Action Verb

• CSS: اصلاح سبک‌های هدر اصلی CSS: Fix Styles of Primary Header

• انتخاب کلاس رنگ فونت Refactor Refactor Font Color Class Selection

• به روز رسانی میکروفون Microphone Update

• حرکت منطق تابع فاصله زمانی خارج از کامپوننت Moving Interval Function Logic Out of Component

• افزودن تابع به کامپوننت سرفصل Adding Function to Headline Component

• معرفی تابع vi.fn(). Intro to vi.fn() Function

• تست برای مؤلفه TheHeadline Tests for TheHeadline Component

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 12 Code at End of Section 12

کامپوننت عنوان را ایجاد کنید Create Headline Component

• داستان کاربر User Story

• کامپوننت TheHero.vue را ایجاد کنید Create TheHero.vue Component

• به صورت پویا ارتفاع هدر را تنظیم کنید Dynamically Adjust Height of Header

• به صورت پویا ارتفاع هدر را تنظیم کنید Dynamically Adjust Height of Header

• CSS: کامپوننت TheHero را سبک کنید CSS: Style TheHero Component

• معرفی CSS Grid Introducing CSS Grid

• CSS Grid را در TheHero اعمال کنید Apply CSS Grid to TheHero

• CSS Grid را در TheHero اعمال کنید Apply CSS Grid to TheHero

• مقدمه ای بر قلاب های چرخه حیات Vue - روش های چرخه حیات Introduction to Vue Lifecycle Hooks - Lifecycle Methods

• مقدمه ای بر قلاب های چرخه حیات Vue - روش های چرخه حیات Introduction to Vue Lifecycle Hooks - Lifecycle Methods

• REVIEW: توابع setTimeout، setInterval و clearInterval REVIEW: The setTimeout, setInterval and clearInterval Functions

• با استفاده از Lifecycle Hook ایجاد شده Using the created Lifecycle Hook

• با استفاده از Lifecycle Hook ایجاد شده Using the created Lifecycle Hook

• تغییر فعل عمل در TheHeadline Changing the Action Verb in TheHeadline

• تغییر فعل عمل در TheHeadline Changing the Action Verb in TheHeadline

• CSS: Style Action Verb CSS: Style Action Verb

• CSS: اصلاح سبک‌های هدر اصلی CSS: Fix Styles of Primary Header

• CSS: اصلاح سبک های هدر ثانویه CSS: Fix Styles of Secondary Header

• CSS: اصلاح سبک های هدر ثانویه CSS: Fix Styles of Secondary Header

• انتخاب کلاس رنگ فونت Refactor Refactor Font Color Class Selection

• به روز رسانی میکروفون Microphone Update

• حرکت منطق تابع فاصله زمانی خارج از کامپوننت Moving Interval Function Logic Out of Component

• افزودن تابع به کامپوننت سرفصل Adding Function to Headline Component

• معرفی تابع vi.fn(). Intro to vi.fn() Function

• تست برای مؤلفه TheHeadline Tests for TheHeadline Component

• تست های بیشتر برای مؤلفه TheHeadline More Tests for TheHeadline Component

• تست های بیشتر برای مؤلفه TheHeadline More Tests for TheHeadline Component

• رفع خطا در درس بعدی Fixing Error in Next Lesson

• رفع خطا در درس بعدی Fixing Error in Next Lesson

• تست های بیشتر برای مؤلفه TheHeadline Even More Tests for TheHeadline Component

• تست های بیشتر برای مؤلفه TheHeadline Even More Tests for TheHeadline Component

• توابع BeforeEach و AfterEach The beforeEach and afterEach Functions

• توابع BeforeEach و AfterEach The beforeEach and afterEach Functions

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 12 Code at End of Section 12

ایجاد فرم جستجوی کار Creating Job Search Form

• داستان کاربر User Story

• رنگ های جدید را به tailwind.config.js اضافه کنید Add New Colors to tailwind.config.js

• حاشیه پایین را به TheHeadline اضافه کنید Add Bottom Margin to TheHeadline

• CSS: Styling JobSearchForm I CSS: Styling JobSearchForm I

• لینک تصویر برای درس بعدی Image Link for Next Lesson

• Refactor II: Isolating JobSearch Components Refactor II: Isolating JobSearch Components

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 13 Code at End of Section 13

ایجاد فرم جستجوی کار Creating Job Search Form

• داستان کاربر User Story

• رنگ های جدید را به tailwind.config.js اضافه کنید Add New Colors to tailwind.config.js

• کامپوننت JobSearchForm را ایجاد کنید Create JobSearchForm Component

• کامپوننت JobSearchForm را ایجاد کنید Create JobSearchForm Component

• حاشیه پایین را به TheHeadline اضافه کنید Add Bottom Margin to TheHeadline

• CSS: Styling JobSearchForm I CSS: Styling JobSearchForm I

• CSS: Styling JobSearchForm II CSS: Styling JobSearchForm II

• CSS: Styling JobSearchForm II CSS: Styling JobSearchForm II

• اتصال داده های مؤلفه به ورودی فرم Binding Component Data to Form Input

• اتصال داده های مؤلفه به ورودی فرم Binding Component Data to Form Input

• اتصال فرم ورودی به داده های مؤلفه Binding Form Input to Component Data

• اتصال فرم ورودی به داده های مؤلفه Binding Form Input to Component Data

• اتصال داده دو طرفه با دستورالعمل مدل v Two-Way Data Binding with v-model Directive

• اتصال داده دو طرفه با دستورالعمل مدل v Two-Way Data Binding with v-model Directive

• لینک تصویر برای درس بعدی Image Link for Next Lesson

• اضافه کردن تصویر Vue در Grid Add Vue Image in Grid

• اضافه کردن تصویر Vue در Grid Add Vue Image in Grid

• Refactor I: جداسازی اجزای ناوبری Refactor I: Isolating Navigation Components

• Refactor I: جداسازی اجزای ناوبری Refactor I: Isolating Navigation Components

• Refactor II: Isolating JobSearch Components Refactor II: Isolating JobSearch Components

• Refactor III: جداسازی اجزای مشترک Refactor III: Isolating Shared Components

• Refactor III: جداسازی اجزای مشترک Refactor III: Isolating Shared Components

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 13 Code at End of Section 13

انتشار رویدادها Emitting Events

• ایجاد کامپوننت TextInput قابل استفاده مجدد Creating Reusable TextInput Component

• بهبود طراحی ما Improving Our Design

• دستورالعمل v-model در مورد کامپوننت The v-model Directive on Component

• کلید منتشر می کند The emits Key

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 14 Code at End of Section 14

انتشار رویدادها Emitting Events

• ایجاد کامپوننت TextInput قابل استفاده مجدد Creating Reusable TextInput Component

• استفاده از TextInput در JobSearchForm Using TextInput in JobSearchForm

• استفاده از TextInput در JobSearchForm Using TextInput in JobSearchForm

• انتشار یک رویداد از یک کامپوننت Emitting an Event from a Component

• انتشار یک رویداد از یک کامپوننت Emitting an Event from a Component

• لیست پیام های ارسال شده Listing to Emitted Messages

• لیست پیام های ارسال شده Listing to Emitted Messages

• رونویسی داده های والد از Emits Overwriting Parent Data from Emits

• رونویسی داده های والد از Emits Overwriting Parent Data from Emits

• رونویسی درون خطی Inline Overwriting

• رونویسی درون خطی Inline Overwriting

• بهبود طراحی ما Improving Our Design

• دستورالعمل v-model در مورد کامپوننت The v-model Directive on Component

• کلید منتشر می کند The emits Key

• آزمایش انتشار رویداد Testing Event Emission

• آزمایش انتشار رویداد Testing Event Emission

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 14 Code at End of Section 14

Vue Router I Vue Router I

• داستان کاربر User Story

• نوشتن فایل روتر Writing the Router File

• کامپوننت نمای روتر The router-view Component

• مؤلفه پیوند روتر The router-link Component

• MainNav را ثابت نگه دارید، کامپوننت را به صورت پویا رندر کنید Keep MainNav Constant, Dynamically Render Component

• افزودن محتوا به صفحه اصلی Adding Content to Home Page

• دسترسی به this.$route Accessing this.$route

• افزودن یک آیتم <router-link> به MainNav Adding a <router-link> Item to MainNav

• بررسی بخش Section Review

• کد در انتهای بخش 15 Code at End of Section 15

Vue Router I Vue Router I

• داستان کاربر User Story

• روتر Vue را نصب کنید Install Vue Router

• روتر Vue را نصب کنید Install Vue Router

• نوشتن فایل روتر Writing the Router File

• کامپوننت نمای روتر The router-view Component

• مؤلفه پیوند روتر The router-link Component

• MainNav را ثابت نگه دارید، کامپوننت را به صورت پویا رندر کنید Keep MainNav Constant, Dynamically Render Component

• افزودن محتوا به صفحه اصلی Adding Content to Home Page

• دسترسی به this.$route Accessing this.$route

• دسترسی به این.$router Accessing this.$router

• دسترسی به این.$router Accessing this.$router

• پیمایش با روش router.push Navigating with router.push Method

• پیمایش با روش router.push Navigating with router.push Method

• افزودن یک آیتم <router-link> به MainNav Adding a <router-link> Item to MainNav

• رفع اخطارها با مؤلفه RouterLinkStub Fixing Warnings with the RouterLinkStub Component

• رفع اخطارها با مؤلفه RouterLinkStub Fixing Warnings with the RouterLinkStub Component

• بررسی بخش Section Review

• بررسی بخش Section Review

• کد در انتهای بخش 15 Code at End of Section 15

Vue Router II Vue Router II

• داستان کاربر User Story

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 16 Code at End of Section 16

Vue Router II Vue Router II

• داستان کاربر User Story

• افزودن <router-link> به منوی اصلی Adding <router-link> to Main Menu

• افزودن <router-link> به منوی اصلی Adding <router-link> to Main Menu

• Property برای رندر Mocks Function Config The mocks Property for render Function Config

• Property برای رندر Mocks Function Config The mocks Property for render Function Config

• رفع تست های MainNav Fixing MainNav Tests

• رفع تست های MainNav Fixing MainNav Tests

• استفاده از توابع کارخانه برای آزمایش‌های TheSubnav Using Factory Functions for TheSubnav Tests

• استفاده از توابع کارخانه برای آزمایش‌های TheSubnav Using Factory Functions for TheSubnav Tests

• ایجاد صفحه برای شغل فردی Creating Page for Individual Job

• ایجاد صفحه برای شغل فردی Creating Page for Individual Job

• شناسه مسیر را به صورت پویا نمایش دهید Display the Route ID Dynamically

• شناسه مسیر را به صورت پویا نمایش دهید Display the Route ID Dynamically

• پاداش: بررسی: پارامترهای پرس و جو BONUS: Review: Query Params

• پاداش: بررسی: پارامترهای پرس و جو BONUS: Review: Query Params

• هنگام ارسال فرم، به صفحه نتایج کار بروید Navigating to Job Results Page when Submitting Form

• هنگام ارسال فرم، به صفحه نتایج کار بروید Navigating to Job Results Page when Submitting Form

• تست ارسال فرم JobSearchForm Testing JobSearchForm Form Submission

• تست ارسال فرم JobSearchForm Testing JobSearchForm Form Submission

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 16 Code at End of Section 16

صفحه نتایج کار ساختمان Building Job Results Page

• داستان کاربر User Story

• کامپوننت JobFiltersSidebar را ایجاد کنید Create JobFiltersSidebar Component

• CSS: Styling JobFilters Sidebar و JobListings Components CSS: Styling JobFiltersSidebar and JobListings Components

• CSS: اضافه کردن عنوان شغل و مکان به فهرست شغل CSS: Adding Job Title and Location to a Job Listing

• CSS: افزودن شرایط شغلی به فهرست مشاغل CSS: Adding Job Qualifications to Job Listing

• استخراج JobListing برای جدا کردن جزء Extracting JobListing to Separate Component

صفحه نتایج کار ساختمان Building Job Results Page

• داستان کاربر User Story

• کامپوننت JobFiltersSidebar را ایجاد کنید Create JobFiltersSidebar Component

• ایجاد مؤلفه Job Listings Create JobListings Component

• ایجاد مؤلفه Job Listings Create JobListings Component

• CSS: Styling JobFilters Sidebar و JobListings Components CSS: Styling JobFiltersSidebar and JobListings Components

• Tailwind را با گزینه New Boxshadow گسترش دهید Extend Tailwind with New Boxshadow Option

• Tailwind را با گزینه New Boxshadow گسترش دهید Extend Tailwind with New Boxshadow Option

• CSS: اضافه کردن عنوان شغل و مکان به فهرست شغل CSS: Adding Job Title and Location to a Job Listing

• CSS: افزودن شرایط شغلی به فهرست مشاغل CSS: Adding Job Qualifications to Job Listing

• استخراج JobListing برای جدا کردن جزء Extracting JobListing to Separate Component

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 17 Code at End of Section 17

ایجاد Backend ساختگی Creating Mock Backend

• ایجاد درخواست شغل در مرورگر Making Jobs Request in Browser

• بسته Axios NPM را نصب کنید Install Axios NPM Package

• بررسی: syntax غیر همگام/انتظار REVIEW: async/await Syntax

• از syntax async/wait برای واکشی مشاغل استفاده کنید Use async/await Syntax to Fetch Jobs

• تست های بیشتر برای مؤلفه Job Listing More Tests for JobListing Component

• تمسخر یک ماژول با Vitest Mocking a Module with Vitest

• اولین تست‌ها را برای مؤلفه JobListings ایجاد کنید Create First Tests for JobListings Component

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 18 Code at End of Section 18

ایجاد Backend ساختگی Creating Mock Backend

• سرور JSON را نصب کنید Install JSON Server

• سرور JSON را نصب کنید Install JSON Server

• داده های شغلی ما را ایجاد کنید Create Our Jobs Data

• داده های شغلی ما را ایجاد کنید Create Our Jobs Data

• ایجاد درخواست شغل در مرورگر Making Jobs Request in Browser

• بسته Axios NPM را نصب کنید Install Axios NPM Package

• ایجاد درخواست Axios برای مشاغل در مؤلفه JobListings Making Axios Request for Jobs in JobListings Component

• ایجاد درخواست Axios برای مشاغل در مؤلفه JobListings Making Axios Request for Jobs in JobListings Component

• بررسی: syntax غیر همگام/انتظار REVIEW: async/await Syntax

• از syntax async/wait برای واکشی مشاغل استفاده کنید Use async/await Syntax to Fetch Jobs

• JobListing را در JobResults رندر کنید Render JobListing in JobResults

• JobListing را در JobResults رندر کنید Render JobListing in JobResults

• محاسبه صفحه کار پویا Compute Dynamic Job Page

• محاسبه صفحه کار پویا Compute Dynamic Job Page

• فهرست مشاغل را برای ارائه داده های شغلی به روز کنید Update Job Listing to Render Job’s Data

• فهرست مشاغل را برای ارائه داده های شغلی به روز کنید Update Job Listing to Render Job’s Data

• تست مؤلفه Job Listing Testing the JobListing Component

• تست مؤلفه Job Listing Testing the JobListing Component

• آزمون Refactoring Joblistings Refactoring JobListings Test

• آزمون Refactoring Joblistings Refactoring JobListings Test

• تست های بیشتر برای مؤلفه Job Listing More Tests for JobListing Component

• تمسخر یک ماژول با Vitest Mocking a Module with Vitest

• اولین تست‌ها را برای مؤلفه JobListings ایجاد کنید Create First Tests for JobListings Component

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 18 Code at End of Section 18

• کد در انتهای بخش 18 Code at End of Section 18

صفحه بندی پویا Dynamic Pagination

• داستان کاربر User Story

• صفحه بندی پویا Dynamic Pagination

• رفع شکست در تست های مؤلفه لیست مشاغل Fixing Failing JobListings Component Tests

• Refactor Job Listings تست های مؤلفه Refactor JobListings Component Tests

• نمایش شماره صفحه در پایین لیست مشاغل Displaying Page Number at Bottom of Job Listings

• سیم کشی ویژگی های محاسبه شده برای صفحه بعدی و قبلی Wiring Up Computed Properties for Next and Previous Page

• رندر کردن صفحه قبلی و بعدی Rendering the Previous and Next Page

• رفع اشکال Fixing the Bug

• افزودن تست های بیشتر برای مؤلفه Job Listings Adding More Tests for JobListings Component

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 19 Code at End of Section 19

صفحه بندی پویا Dynamic Pagination

• داستان کاربر User Story

• بررسی: روش برش REVIEW: The slice Method

• بررسی: روش برش REVIEW: The slice Method

• فقط 10 شغل اول را نمایش دهید Display only the First 10 Jobs

• فقط 10 شغل اول را نمایش دهید Display only the First 10 Jobs

• صفحه بندی پویا Dynamic Pagination

• رفع شکست در تست های مؤلفه لیست مشاغل Fixing Failing JobListings Component Tests

• Refactor Job Listings تست های مؤلفه Refactor JobListings Component Tests

• نمایش شماره صفحه در پایین لیست مشاغل Displaying Page Number at Bottom of Job Listings

• سیم کشی ویژگی های محاسبه شده برای صفحه بعدی و قبلی Wiring Up Computed Properties for Next and Previous Page

• رندر کردن صفحه قبلی و بعدی Rendering the Previous and Next Page

• در تغییر پارامترها به بالا بروید Scrolling to Top on Params Change

• در تغییر پارامترها به بالا بروید Scrolling to Top on Params Change

• افزودن تست برای شماره صفحه Adding Tests for Page Number

• افزودن تست برای شماره صفحه Adding Tests for Page Number

• تست های بیشتر برای مؤلفه Job Listings More Tests for JobListings Component

• تست های بیشتر برای مؤلفه Job Listings More Tests for JobListings Component

• رفع اشکال Fixing the Bug

• افزودن تست های بیشتر برای مؤلفه Job Listings Adding More Tests for JobListings Component

• متغیرهای محیطی در Vite Environment Variables in Vite

• متغیرهای محیطی در Vite Environment Variables in Vite

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 19 Code at End of Section 19

• کد در انتهای بخش 19 Code at End of Section 19

پینیا اول: حالت و اقدامات Pinia I: State and Actions

• Pinia Dependency را نصب کنید Install Pinia Dependency

• ایجاد فروشگاه پینیا Creating a Pinia Store

• افزودن اکشن First Store Add First Store Action

• نوشتن در فروشگاه Pinia در Component Writing to Pinia Store in Component

• تعامل با فروشگاه Pinia در Dev Tools Interacting with Pinia Store in Dev Tools

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 20 Code at End of Section 20

پینیا اول: حالت و اقدامات Pinia I: State and Actions

• پینیا چیست؟ What is Pinia?

• پینیا چیست؟ What is Pinia?

• Pinia Dependency را نصب کنید Install Pinia Dependency

• ثبت نام فروشگاه پینیا Register Pinia Store

• ثبت نام فروشگاه پینیا Register Pinia Store

• ایجاد فروشگاه پینیا Creating a Pinia Store

• افزودن اکشن First Store Add First Store Action

• افزودن تست‌ها برای وضعیت Pinia و اقدامات Adding Tests for Pinia State and Actions

• افزودن تست‌ها برای وضعیت Pinia و اقدامات Adding Tests for Pinia State and Actions

• خواندن از فروشگاه Pinia در کامپوننت با عملکرد mapStores Reading from Pinia Store in Component with mapStores Function

• خواندن از فروشگاه Pinia در کامپوننت با عملکرد mapStores Reading from Pinia Store in Component with mapStores Function

• نوشتن در فروشگاه Pinia در Component Writing to Pinia Store in Component

• تعامل با فروشگاه Pinia در Dev Tools Interacting with Pinia Store in Dev Tools

• کتابخانه تست Pinia را نصب کنید Install Pinia Testing Library

• کتابخانه تست Pinia را نصب کنید Install Pinia Testing Library

• رفع شکست تست های MainNav ما Fixing our Failing MainNav Tests

• رفع شکست تست های MainNav ما Fixing our Failing MainNav Tests

• یک گزینه تست دوم A Second Testing Option

• یک گزینه تست دوم A Second Testing Option

• توابع mapState و mapActions The mapState and mapActions Functions

• توابع mapState و mapActions The mapState and mapActions Functions

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 20 Code at End of Section 20

• کد در انتهای بخش 20 Code at End of Section 20

پینیا II Pinia II

• بررسی vi.mock و ایجاد فراخوانی API Review of vi.mock and Building out API Call

• TDD: افزودن Test for Jobs API Call I TDD: Adding Test for Jobs API Call I

• TDD: افزودن تست برای وضعیت مشاغل TDD: Adding Test for jobs State

• رفع تست برای مؤلفه Job Listings Fixing Tests for JobListings Component

• بررسی بخش [اسلاید] Section Review [SLIDES]

پینیا II Pinia II

• مقدمه بخش Intro to the Section

• مقدمه بخش Intro to the Section

• بررسی vi.mock و ایجاد فراخوانی API Review of vi.mock and Building out API Call

• TDD: افزودن Test for Jobs API Call I TDD: Adding Test for Jobs API Call I

• TDD: افزودن Test for Jobs API Call II TDD: Adding Test for Jobs API Call II

• TDD: افزودن Test for Jobs API Call II TDD: Adding Test for Jobs API Call II

• TDD: افزودن تست برای وضعیت مشاغل TDD: Adding Test for jobs State

• TDD: اقدام FETCH_JOBS TDD: FETCH_JOBS Action

• TDD: اقدام FETCH_JOBS TDD: FETCH_JOBS Action

• ارسال اقدام از کامپوننت به واکشی مشاغل Dispatching Action from Component to Fetch Jobs

• ارسال اقدام از کامپوننت به واکشی مشاغل Dispatching Action from Component to Fetch Jobs

• رفع تست برای مؤلفه Job Listings Fixing Tests for JobListings Component

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 21 Code at End of Section 21

اسلات I Slots I

• داستان کاربر User Story

• CSS: اضافه کردن سبک های اولیه برای مؤلفه نوار کناری JobFilters CSS: Adding Initial Styles for JobFiltersSidebar Component

• CSS: کامپوننت آکاردئون تاشو یک ظاهر CSS: Styling CollapsibleAccordion Component

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

• اسلات و لوازم Slots and Props

• تست نوشتن برای اسلات Writing Test for Slots

• محتوای جایگزین برای اسلات Fallback Content for Slots

• افزودن تست برای محتوای اسلات بازگشتی Adding Tests for Fallback Slot Content

• Refactor معمولی The Usual Refactor

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 22 Code at End of Section 22

اسلات I Slots I

• داستان کاربر User Story

• CSS: اضافه کردن سبک های اولیه برای مؤلفه نوار کناری JobFilters CSS: Adding Initial Styles for JobFiltersSidebar Component

• به روز رسانی فونت Awesome Icons Update Font Awesome Icons

• به روز رسانی فونت Awesome Icons Update Font Awesome Icons

• کامپوننت آکاردئون تاشو ایجاد کنید Create CollapsibleAccordion Component

• کامپوننت آکاردئون تاشو ایجاد کنید Create CollapsibleAccordion Component

• CSS: کامپوننت آکاردئون تاشو یک ظاهر CSS: Styling CollapsibleAccordion Component

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

• رندر محتوای سفارشی در اسلات Render Custom Content in Slot

• رندر محتوای سفارشی در اسلات Render Custom Content in Slot

• اسلات و لوازم Slots and Props

• تست نوشتن برای اسلات Writing Test for Slots

• محتوای جایگزین برای اسلات Fallback Content for Slots

• افزودن تست برای محتوای اسلات بازگشتی Adding Tests for Fallback Slot Content

• Refactor معمولی The Usual Refactor

• استخراج آکاردئون سازمان ها به جزء جدید Extracting Organizations Accordion to New Component

• استخراج آکاردئون سازمان ها به جزء جدید Extracting Organizations Accordion to New Component

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 22 Code at End of Section 22

Slots II: Slots با نام Slots II: Named Slots

• به نام Slots I Named Slots I

• ایجاد صفحه TeamsView Creating TeamsView Page

• اسلات پیش فرض Default Slot

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

• بررسی بخش [اسلاید] Section Review [SLIDES]

Slots II: Slots با نام Slots II: Named Slots

• داستان کاربر: ساخت هدر قابل استفاده مجدد User Story: Building a Reusable Header

• به نام Slots I Named Slots I

• ایجاد صفحه TeamsView Creating TeamsView Page

• به نام Slots II Named Slots II

• اسلات پیش فرض Default Slot

• اسلات پیش فرض Default Slot

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

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

• به نام اسلات کوتاه Named Slots Shorthand

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 23 Code at End of Section 23

اسلات III: اسلات های پیشرفته Slots III: Advanced Slots

• داستان کاربر User Story

• محتوای JSON برای فایل db.json JSON Content for db.json File

• اضافه کردن نورافکن نقطه پایانی Adding spotlights Endpoint

• کامپوننت SpotLight را رندر کنید Render SpotLight Component

• ارائه جایگزین داده ها Alternative Render of Data

• گذراندن چند پروپ از اسلات Scoped Passing Multiple Props from Scoped Slot

• تخریب شیء با شکاف های محدوده Object Destructuring with Scoped Slots

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

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 24 Code at End of Section 24

اسلات III: اسلات های پیشرفته Slots III: Advanced Slots

• داستان کاربر User Story

• محتوای JSON برای فایل db.json JSON Content for db.json File

• اضافه کردن نورافکن نقطه پایانی Adding spotlights Endpoint

• کامپوننت SpotLight را ایجاد کنید Create SpotLight Component

• کامپوننت SpotLight را ایجاد کنید Create SpotLight Component

• کامپوننت SpotLight را رندر کنید Render SpotLight Component

• ارائه جایگزین داده ها Alternative Render of Data

• ارائه جایگزین داده ها Alternative Render of Data

• گذراندن چند پروپ از اسلات Scoped Passing Multiple Props from Scoped Slot

• تخریب شیء با شکاف های محدوده Object Destructuring with Scoped Slots

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

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

• مجموعه تست Refactoring Refactoring Test Suite

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 24 Code at End of Section 24

• کد در انتهای بخش 24 Code at End of Section 24

پینیا III: گیرندگان Pinia III: Getters

• داستان کاربر User Story

• بررسی مجموعه های جاوا اسکریپت Review of JavaScript Sets

• معرفی Getters Intro to Getters

• اتصال UNIQUE_ORGANIZATIONS دریافت کننده در JobFiltersSidebarOrganizations Wire Up UNIQUE_ORGANIZATIONS Getter in JobFiltersSidebarOrganizations

• تست گیرندگان در JobFiltersSidebarOrganizations Testing Getters in JobFiltersSidebarOrganizations

• v-model را به Checkbox for Organizations اضافه کنید Add v-model to Checkbox for Organizations

• v-on:change Handler The v-on:change Handler

• ارسال اقدام برای افزودن سازمان ها از JobFiltersSidebarOrganizations Dispatch Action to Add Organizations from JobFiltersSidebarOrganizations

• جایزه: بررسی: روش فیلتر روی یک آرایه BONUS: REVIEW: filter Method on an Array

• TDD: افزودن Getter به فیلتر مشاغل توسط سازمان TDD: Adding Getter to Filter Jobs by Organization

• رفع اشکال FILTERED_JOBS_BY_ORGANIZATIONS Getter Fixing FILTERED_JOBS_BY_ORGANIZATIONS Getter Bug

• نمایش تعداد دقیق مشاغل فیلتر شده Displaying Accurate Number of Filtered Jobs

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 25 Code at End of Section 25

پینیا III: گیرندگان Pinia III: Getters

• داستان کاربر User Story

• بررسی مجموعه های جاوا اسکریپت Review of JavaScript Sets

• معرفی Getters Intro to Getters

• تست Pinia Getters Testing Pinia Getters

• تست Pinia Getters Testing Pinia Getters

• اتصال UNIQUE_ORGANIZATIONS دریافت کننده در JobFiltersSidebarOrganizations Wire Up UNIQUE_ORGANIZATIONS Getter in JobFiltersSidebarOrganizations

• از v-for برای رندر سازمان های منحصر به فرد در JobFiltersSidebarOrganizations استفاده کنید Use v-for to Render Unique Organizations in JobFiltersSidebarOrganizations

• تست گیرندگان در JobFiltersSidebarOrganizations Testing Getters in JobFiltersSidebarOrganizations

• v-model را به Checkbox for Organizations اضافه کنید Add v-model to Checkbox for Organizations

• v-model را به Checkbox for Organizations اضافه کنید Add v-model to Checkbox for Organizations

• v-on:change Handler The v-on:change Handler

• TDD: اموال منتخب سازمان ها را به ایالت فروشگاه Pinia اضافه کنید TDD: Add selectedOrganizations Property to Pinia Store State

• TDD: اموال منتخب سازمان ها را به ایالت فروشگاه Pinia اضافه کنید TDD: Add selectedOrganizations Property to Pinia Store State

• TDD: اقدام ADD_SELECTED_ORGANIZATIONS ایجاد کنید TDD: Create ADD_SELECTED_ORGANIZATIONS Action

• TDD: اقدام ADD_SELECTED_ORGANIZATIONS ایجاد کنید TDD: Create ADD_SELECTED_ORGANIZATIONS Action

• ارسال اقدام برای افزودن سازمان ها از JobFiltersSidebarOrganizations Dispatch Action to Add Organizations from JobFiltersSidebarOrganizations

• جایزه: بررسی: روش فیلتر روی یک آرایه BONUS: REVIEW: filter Method on an Array

• جایزه: بررسی: روش فیلتر روی یک آرایه BONUS: REVIEW: filter Method on an Array

• TDD: افزودن Getter به فیلتر مشاغل توسط سازمان TDD: Adding Getter to Filter Jobs by Organization

• TDD: افزودن Getter به فیلتر مشاغل توسط سازمان TDD: Adding Getter to Filter Jobs by Organization

• ارائه مشاغل سازمانی فیلتر شده در مؤلفه Job Listings Rendering Filtered Organization Jobs in JobListings Component

• رفع اشکال FILTERED_JOBS_BY_ORGANIZATIONS Getter Fixing FILTERED_JOBS_BY_ORGANIZATIONS Getter Bug

• افزودن تست برای JobFilters SidebarOrganizations تعامل چک باکس Adding Test for JobFiltersSidebarOrganizations Checkbox Interaction

• افزودن تست برای JobFilters SidebarOrganizations تعامل چک باکس Adding Test for JobFiltersSidebarOrganizations Checkbox Interaction

• Refactoring JobFilters SidebarOrganizations Test Refactoring JobFiltersSidebarOrganizations Test

• نمایش تعداد دقیق مشاغل فیلتر شده Displaying Accurate Number of Filtered Jobs

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 25 Code at End of Section 25

پینیا چهارم: تمرین بیشتر Pinia IV: More Practice

• داستان کاربر User Story

• TDD: افزودن اقدام برای انتخاب انواع شغل TDD: Adding Action for Selecting Job Types

• TDD: افزودن Getter برای انواع شغل های منحصر به فرد TDD: Adding Getter for Unique Job Types

• TDD: افزودن Getter برای مشاغل فیلتر شده بر اساس انواع شغل TDD: Adding Getter for Filtered Jobs by Job Types

• TDD: جدید JobFilters SidebarJobTypes Component TDD: New JobFiltersSidebarJobTypes Component

• فیلترهای نوع کار را در نوار کناری سیم‌کشی کنید Wire up Job Type Filters in Sidebar

• فیلتر انواع شغل در فهرست مشاغل Filter for Job Types in Job Listings

• رفع اشکال جدید Fixing New Bug

• با استدلال می‌گیرد Getters with Arguments

• دو گیرنده قدیمی را حذف کنید Delete Old Two Getters

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 26 Code at End of Section 26

پینیا چهارم: تمرین بیشتر Pinia IV: More Practice

• داستان کاربر User Story

• TDD: افزودن حالت برای انواع شغل TDD: Adding State for Job Types

• TDD: افزودن اقدام برای انتخاب انواع شغل TDD: Adding Action for Selecting Job Types

• TDD: افزودن Getter برای انواع شغل های منحصر به فرد TDD: Adding Getter for Unique Job Types

• TDD: افزودن Getter برای انواع شغل های منحصر به فرد TDD: Adding Getter for Unique Job Types

• TDD: افزودن Getter برای مشاغل فیلتر شده بر اساس انواع شغل TDD: Adding Getter for Filtered Jobs by Job Types

• TDD: جدید JobFilters SidebarJobTypes Component TDD: New JobFiltersSidebarJobTypes Component

• فیلترهای نوع کار را در نوار کناری سیم‌کشی کنید Wire up Job Type Filters in Sidebar

• فیلتر انواع شغل در فهرست مشاغل Filter for Job Types in Job Listings

• به کاربر اجازه می دهد چندین فیلتر را اعمال کند Allow User to Apply Multiple Filters

• از New Getter در کامپوننت JobListings استفاده کنید Use New Getter in JobListings Component

• رفع اشکال جدید Fixing New Bug

• با استدلال می‌گیرد Getters with Arguments

• با استدلال می‌گیرد Getters with Arguments

• تست هایی برای گیرندگان با استدلال Tests for Getters with Arguments

• TDD: به‌روزرسانی آزمایش‌ها و پیاده‌سازی TheSubnav TDD: Updating TheSubnav Tests and Implementation

• TDD: به‌روزرسانی آزمایش‌ها و پیاده‌سازی TheSubnav TDD: Updating TheSubnav Tests and Implementation

• دو گیرنده قدیمی را حذف کنید Delete Old Two Getters

• دو گیرنده قدیمی را حذف کنید Delete Old Two Getters

• رفع اشکال اضافی I Fixing Extra Bug I

• رفع اشکال اضافی II Fixing Extra Bug II

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 26 Code at End of Section 26

• کد در انتهای بخش 26 Code at End of Section 26

واکنش پذیری در Vue 3 Reactivity in Vue 3

• واکنش پذیری چیست؟ What is reactivity?

• تابع محاسبه شده Vue Vue’s computed Function

• یک مثال دیگر با یکی دیگر از ابتدایی One More Example with Another Primitive

• پاک کردن کد با تابع واکنشی Cleaning up the Code with reactive Function

• چندین ویژگی روی شی واکنشی Multiple Properties on Reactive Object

• مشکلات تخریب ساختار Destructuring Problems

• تابع toRef The toRef Function

• تابع toRefs The toRefs Function

• توضیحی در مورد toRefs A Clarification on toRefs

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 27 Code at End of Section 27

واکنش پذیری در Vue 3 Reactivity in Vue 3

• واکنش پذیری چیست؟ What is reactivity?

• تابع ref Vue Vue’s ref Function

• تابع محاسبه شده Vue Vue’s computed Function

• یک مثال دیگر با یکی دیگر از ابتدایی One More Example with Another Primitive

• یک مثال دیگر با یکی دیگر از ابتدایی One More Example with Another Primitive

• در مورد Object Reactivity چطور؟ What about Object Reactivity?

• پاک کردن کد با تابع واکنشی Cleaning up the Code with reactive Function

• چندین ویژگی روی شی واکنشی Multiple Properties on Reactive Object

• چندین ویژگی روی شی واکنشی Multiple Properties on Reactive Object

• سطوح چندگانه واکنش پذیری Multiple Levels of Reactivity

• مشکلات تخریب ساختار Destructuring Problems

• تابع toRef The toRef Function

• تابع toRefs The toRefs Function

• توضیحی در مورد toRefs A Clarification on toRefs

• توضیحی در مورد toRefs A Clarification on toRefs

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 27 Code at End of Section 27

• کد در انتهای بخش 27 Code at End of Section 27

Composition API I Composition API I

• مقدمه ای بر Composition API Introduction to the Composition API

• روش راه اندازی The setup Method

• تابع ref در روش راه اندازی The ref Function in setup Method

• تمرین بیشتر با ref More Practice with ref

• تابع محاسبه شده The computed Function

• پذیرش Props در کامپوننت Accepting Props in Component

• ورود به مجموعه تست Checking in on Test Suite

• پذیرش Props در روش Setup Accepting Props in Setup Method

• استفاده از toRefs در Props Using toRefs on Props

• نحو تنظیم اسکریپت جدید The new script setup Syntax

• بیشتر با Syntax راه اندازی اسکریپت تمرین کنید More Practice with the script setup Syntax

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 28 Code at End of Section 28

Composition API I Composition API I

• مقدمه ای بر Composition API Introduction to the Composition API

• مقدمه ای بر Composition API Introduction to the Composition API

• روش راه اندازی The setup Method

• تابع ref در روش راه اندازی The ref Function in setup Method

• تابع ref در روش راه اندازی The ref Function in setup Method

• تمرین بیشتر با ref More Practice with ref

• تابع محاسبه شده The computed Function

• پذیرش Props در کامپوننت Accepting Props in Component

• ورود به مجموعه تست Checking in on Test Suite

• پذیرش Props در روش Setup Accepting Props in Setup Method

• استفاده از toRefs در Props Using toRefs on Props

• استفاده از toRefs در Props Using toRefs on Props

• نحو تنظیم اسکریپت جدید The new script setup Syntax

• بیشتر با Syntax راه اندازی اسکریپت تمرین کنید More Practice with the script setup Syntax

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 28 Code at End of Section 28

• کد در انتهای بخش 28 Code at End of Section 28

Composition API II Composition API II

• رفع شکست در آزمون‌های JobSearchForm Fixing Failing JobSearchForm Tests

• Composition API با مسیر Composition API with Route

• Composition API با Pinia Getters Composition API with Pinia Getters

• رفع خطاهای تست برای TheSubnav Fixing Failing Tests for TheSubnav

• رفع خطاهای تست برای MainNav Fixing Failing Tests for MainNav

• Refactoring JobFilters SidebarJobTypes Refactoring JobFiltersSidebarJobTypes

• رفع آزمایش JobFilters SidebarJobTypes Fixing JobFiltersSidebarJobTypes Tests

• Refactoring JobFilters SidebarJobOrganizations Component Refactoring JobFiltersSidebarJobOrganizations Component

• ایجاد مولفه JobFilters قابل استفاده مجدد SidebarCheckboxGroup Creating Reusable JobFiltersSidebarCheckboxGroup Component

• استفاده مجدد از JobFiltersSidebarCheckboxGroup Reuse JobFiltersSidebarCheckboxGroup

• بررسی بخش [اسلاید] Section Review [SLIDES]

Composition API II Composition API II

• Composition API با روتر Vue Composition API with Vue Router

• رفع شکست در آزمون‌های JobSearchForm Fixing Failing JobSearchForm Tests

• Composition API با مسیر Composition API with Route

• Composition API با Pinia Getters Composition API with Pinia Getters

• رفع خطاهای تست برای TheSubnav Fixing Failing Tests for TheSubnav

• رفع خطاهای تست برای MainNav Fixing Failing Tests for MainNav

• Refactoring JobFilters SidebarJobTypes Refactoring JobFiltersSidebarJobTypes

• رفع آزمایش JobFilters SidebarJobTypes Fixing JobFiltersSidebarJobTypes Tests

• Refactoring JobFilters SidebarJobOrganizations Component Refactoring JobFiltersSidebarJobOrganizations Component

• رفع ناموفق JobFilters SidebarOrganizations Tests Fixing Failing JobFiltersSidebarOrganizations Tests

• رفع ناموفق JobFilters SidebarOrganizations Tests Fixing Failing JobFiltersSidebarOrganizations Tests

• ایجاد مولفه JobFilters قابل استفاده مجدد SidebarCheckboxGroup Creating Reusable JobFiltersSidebarCheckboxGroup Component

• استفاده مجدد از JobFiltersSidebarCheckboxGroup Reuse JobFiltersSidebarCheckboxGroup

• افزودن تست برای JobFiltersSidebarCheckboxGroup Adding Tests for JobFiltersSidebarCheckboxGroup

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 29 Code at End of Section 29

Composition API III Composition API III

• تابع onMounted The onMounted Function

• Refactoring جزء JobListings برای استفاده از Composition API Refactoring JobListings Component to Use Composition API

• یک به‌روزرسانی دیگر برای تست‌های فهرست مشاغل One More Update to JobListings Tests

• استخراج منطق صفحه قبلی و بعدی به تابع قابل ترکیب Extracting Previous and Next Page Logic to Composable Function

• به روز رسانی مولفه Job Listing Updating JobListing Component

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 30 Code at End of Section 30

Composition API III Composition API III

• تابع onMounted The onMounted Function

• Refactoring جزء JobListings برای استفاده از Composition API Refactoring JobListings Component to Use Composition API

• Refactoring جزء JobListings برای استفاده از Composition API Refactoring JobListings Component to Use Composition API

• رفع تست های ناموفق لیست مشاغل Fixing Failing JobListings Tests

• یک به‌روزرسانی دیگر برای تست‌های فهرست مشاغل One More Update to JobListings Tests

• استخراج منطق صفحه قبلی و بعدی به تابع قابل ترکیب Extracting Previous and Next Page Logic to Composable Function

• Composables را به Component اضافه کنید Add Composables to Component

• Composables را به Component اضافه کنید Add Composables to Component

• افزودن تست برای استفادهPreviousAndNextPages Composable Adding Tests for usePreviousAndNextPages Composable

• به روز رسانی مولفه Job Listing Updating JobListing Component

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 30 Code at End of Section 30

• کد در انتهای بخش 30 Code at End of Section 30

مقدمه ای بر TypeScript Intro to TypeScript

• به TypeScript خوش آمدید [SLIDES] Welcome to TypeScript [SLIDES]

• انواع اولیه Primitive Types

• نوع استنتاج Type Inference

• هر نوع The any type

• نوع و تایپ گاردهای ناشناخته The unknown Type and Type Guards

• اعلان های نوع آرایه Array Type Declarations

• ویژگی های اختیاری Optional Properties

• رابط ها و انواع Interfaces and Types

• اعلان انواع برای توابع Declaring Types for Functions

• مقدمه ای بر Generics Intro to Generics

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 31 Code at End of Section 31

مقدمه ای بر TypeScript Intro to TypeScript

• به TypeScript خوش آمدید [SLIDES] Welcome to TypeScript [SLIDES]

• انواع اولیه Primitive Types

• نوع استنتاج Type Inference

• هر نوع The any type

• هر نوع The any type

• نوع و تایپ گاردهای ناشناخته The unknown Type and Type Guards

• اعلان های نوع آرایه Array Type Declarations

• اعلان های نوع آرایه Array Type Declarations

• اعلانات نوع شی Object Type Declarations

• Literals را تایپ کنید Type Literals

• Literals و Objects را تایپ کنید Type Literals and Objects

• ویژگی های اختیاری Optional Properties

• رابط ها و انواع Interfaces and Types

• اعلان انواع برای توابع Declaring Types for Functions

• اعلان انواع برای توابع Declaring Types for Functions

• رابط برای توابع Interfaces for Functions

• مقدمه ای بر Generics Intro to Generics

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 31 Code at End of Section 31

TypeScript و Pinia TypeScript and Pinia

• TypeScript را برای Vue نصب کنید Install TypeScript for Vue

• ایجاد رابط شغلی Create Job Interface

• تعریف انواع برای فروشگاه مشاغل Define Types for Jobs Store

• فایل تست Jobs را به TypeScript I به روز کنید Update Jobs Test File to TypeScript I

• فایل تست Jobs را به TypeScript II به روز کنید Update Jobs Test File to TypeScript II

• نوع جزئی TypeScript TypeScript’s Partial Type

• فایل های Utils را به TypeScript به روز کنید Update Utils Files to TypeScript

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 32 Code at End of Section 32

TypeScript و Pinia TypeScript and Pinia

• tsconfig.json برای درس بعدی tsconfig.json for Next Lesson

• tsconfig.json برای درس بعدی tsconfig.json for Next Lesson

• TypeScript را برای Vue نصب کنید Install TypeScript for Vue

• ایجاد رابط شغلی Create Job Interface

• به روز رسانی getJobs API Call Update getJobs API Call

• به روز رسانی getJobs API Call Update getJobs API Call

• به روز رسانی فایل تست برای getJobs Updating Test File for getJobs

• به روز رسانی فایل تست برای getJobs Updating Test File for getJobs

• تعریف انواع برای فروشگاه کاربر Define Types for User Store

• تعریف انواع برای فروشگاه کاربر Define Types for User Store

• تعریف انواع برای فروشگاه مشاغل Define Types for Jobs Store

• فایل تست Jobs را به TypeScript I به روز کنید Update Jobs Test File to TypeScript I

• فایل تست Jobs را به TypeScript II به روز کنید Update Jobs Test File to TypeScript II

• نوع جزئی TypeScript TypeScript’s Partial Type

• ایجاد فایل آزمایشی Factory Function برای Jobs Create Factory Function for Jobs Test File

• ایجاد فایل آزمایشی Factory Function برای Jobs Create Factory Function for Jobs Test File

• فایل های Utils را به TypeScript به روز کنید Update Utils Files to TypeScript

• افزودن انواع به Composables Adding Types to Composables

• افزودن انواع به Composables Adding Types to Composables

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 32 Code at End of Section 32

TypeScript و Vue TypeScript and Vue

• افزودن حاشیه نویسی نوع به مؤلفه MainNav Adding Type Annotations to MainNav Component

• افزودن حاشیه نویسی نوع به مؤلفه ActionButton Adding Type Annotations to ActionButton Component

• حاشیه نویسی گردانندگان رویداد Annotating Event Handlers

• افزودن حاشیه نویسی نوع به کامپوننت HeaderContainer Adding Type Annotations to HeaderContainer Component

• افزودن حاشیه نویسی نوع به مؤلفه TheSubnav Adding Type Annotations to TheSubnav Component

• حاشیه نویسی درخواست های Axios (کامپوننت SpotLight) Annotating Axios Requests (SpotLight Component)

• افزودن حاشیه نویسی نوع به مؤلفه JobListing Adding Type Annotations to JobListing Component

• افزودن حاشیه نویسی نوع به مؤلفه Job Listings Adding Type Annotations to JobListings Component

• افزودن یادداشت‌های نوع به مؤلفه نوار کناری JobFilters Adding Type Annotations to JobFiltersSidebar Component

• افزودن حاشیه نویسی نوع به مؤلفه JobSearchForm Adding Type Annotations to JobSearchForm Component

• به روز رسانی فروشگاه کاربر و فایل تست راه اندازی Updating User Store and Setup Test File

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 33 Code at End of Section 33

TypeScript و Vue TypeScript and Vue

• افزودن حاشیه نویسی نوع به کامپوننت ProfileImage Adding Type Annotations to ProfileImage Component

• افزودن حاشیه نویسی نوع به مؤلفه MainNav Adding Type Annotations to MainNav Component

• افزودن حاشیه نویسی نوع به مؤلفه TheHeadline Adding Type Annotations to TheHeadline Component

• افزودن حاشیه نویسی نوع به مؤلفه TheHeadline Adding Type Annotations to TheHeadline Component

• افزودن حاشیه نویسی نوع به مؤلفه آکاردئون جمع شونده Adding Type Annotations to CollapsibleAccordion Component

• افزودن حاشیه نویسی نوع به مؤلفه آکاردئون جمع شونده Adding Type Annotations to CollapsibleAccordion Component

• افزودن حاشیه نویسی نوع به مؤلفه ActionButton Adding Type Annotations to ActionButton Component

• حاشیه نویسی گردانندگان رویداد Annotating Event Handlers

• حاشیه نویسی گردانندگان رویداد Annotating Event Handlers

• افزودن حاشیه نویسی نوع به کامپوننت HeaderContainer Adding Type Annotations to HeaderContainer Component

• افزودن حاشیه نویسی نوع به مؤلفه TheSubnav Adding Type Annotations to TheSubnav Component

• حاشیه نویسی درخواست های Axios (کامپوننت SpotLight) Annotating Axios Requests (SpotLight Component)

• افزودن حاشیه نویسی نوع به مؤلفه JobListing Adding Type Annotations to JobListing Component

• افزودن حاشیه نویسی نوع به مؤلفه Job Listings Adding Type Annotations to JobListings Component

• افزودن حاشیه نویسی نوع به مؤلفه Job Listings Adding Type Annotations to JobListings Component

• افزودن یادداشت‌های نوع به مؤلفه نوار کناری JobFilters Adding Type Annotations to JobFiltersSidebar Component

• افزودن یادداشت‌های نوع به مؤلفه JobFiltersSidebarCheckboxGroup Adding Type Annotations to JobFiltersSidebarCheckboxGroup Component

• افزودن حاشیه نویسی نوع به مؤلفه JobSearchForm Adding Type Annotations to JobSearchForm Component

• افزودن یادداشت‌های نوع به اجزای TheHero و App Adding Type Annotations to TheHero and App Components

• افزودن یادداشت‌های نوع به اجزای TheHero و App Adding Type Annotations to TheHero and App Components

• حاشیه نویسی دیدگاه های ما Annotating Our Views

• به روز رسانی فروشگاه کاربر و فایل تست راه اندازی Updating User Store and Setup Test File

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 33 Code at End of Section 33

• کد در انتهای بخش 33 Code at End of Section 33

ساخت یک ویژگی با TypeScript Building A Feature with TypeScript

• داستان کاربر User Story

• محتوای JSON برای فایل db.json JSON Content for db.json File

• افزودن/degrees Endpoint به db.json Adding /degrees Endpoint to db.json

• یک نحو جایگزین برای فروشگاه های پینیا An Alternative Syntax for Pinia Stores

• TDD برای ایالت: درجات انتخاب شده TDD for State: selectedDegrees

• TDD برای گیرندگان: INCLUDE_JOB_BY_DEGREE TDD for Getters: INCLUDE_JOB_BY_DEGREE

• در حال به روز رسانی FILTERED_JOBS Getter Updating FILTERED_JOBS Getter

• در حال به روز رسانی JobFilters Sidebar Component Updating JobFiltersSidebar Component

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 34 Code at End of Section 34

ساخت یک ویژگی با TypeScript Building A Feature with TypeScript

• داستان کاربر User Story

• محتوای JSON برای فایل db.json JSON Content for db.json File

• افزودن/degrees Endpoint به db.json Adding /degrees Endpoint to db.json

• TDD برای API Call: getDegrees API Call TDD for API Call: getDegrees API Call

• یک نحو جایگزین برای فروشگاه های پینیا An Alternative Syntax for Pinia Stores

• TDD برای اقدام: FETCH_DEGREES TDD for Action: FETCH_DEGREES

• TDD برای اقدام: FETCH_DEGREES TDD for Action: FETCH_DEGREES

• TDD برای گیرندگان: UNIQUE_DEGREES TDD for Getters: UNIQUE_DEGREES

• TDD برای ایالت: درجات انتخاب شده TDD for State: selectedDegrees

• TDD برای گیرندگان: INCLUDE_JOB_BY_DEGREE TDD for Getters: INCLUDE_JOB_BY_DEGREE

• در حال به روز رسانی FILTERED_JOBS Getter Updating FILTERED_JOBS Getter

• TDD برای اقدامات: ADD_SELECTED_DEGREES TDD for Actions: ADD_SELECTED_DEGREES

• TDD برای اقدامات: ADD_SELECTED_DEGREES TDD for Actions: ADD_SELECTED_DEGREES

• در حال به روز رسانی JobFilters Sidebar Component Updating JobFiltersSidebar Component

• واکشی درجات زمانی که لیست مشاغل بارگیری می شود Fetch Degrees when JobListings Loads

• واکشی درجات زمانی که لیست مشاغل بارگیری می شود Fetch Degrees when JobListings Loads

• امتحان کردن کد در مرورگر Trying Out Code in Browser

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 34 Code at End of Section 34

پاک کردن فیلترهای شغلی Clearing Job Filters

• داستان کاربر User Story

• روش Pinia $onAction The Pinia $onAction Method

• Refactoring کامپوننت آکاردئون تاشو Refactoring CollapsibleAccordion Component

• اضافه کردن تست برای اثر جانبی عمل Add Tests for Action Side Effect

• شکستن نوار کناری Filters JobFilters به ​​اجزای کوچکتر Breaking JobFiltersSidebar Into Smaller Components

• ایجاد کامپوننت JobFiltersSidebarPrompt Creating JobFiltersSidebarPrompt Component

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 35 Code at End of Section 35

پاک کردن فیلترهای شغلی Clearing Job Filters

• داستان کاربر User Story

• TDD برای اقدام CLEAR_USER_JOB_FILTER_SELECTIONS TDD for CLEAR_USER_JOB_FILTER_SELECTIONS Action

• TDD برای اقدام CLEAR_USER_JOB_FILTER_SELECTIONS TDD for CLEAR_USER_JOB_FILTER_SELECTIONS Action

• فروشگاه کاربر Refactor به نحو جدید Pinia Refactor User Store to new Pinia Syntax

• فروشگاه کاربر Refactor به نحو جدید Pinia Refactor User Store to new Pinia Syntax

• سیم کشی کلیک کنید Handler در JobFiltersSidebar Wiring up Click Handler In JobFiltersSidebar

• روش Pinia $onAction The Pinia $onAction Method

• Refactoring کامپوننت آکاردئون تاشو Refactoring CollapsibleAccordion Component

• اضافه کردن تست برای اثر جانبی عمل Add Tests for Action Side Effect

• شکستن نوار کناری Filters JobFilters به ​​اجزای کوچکتر Breaking JobFiltersSidebar Into Smaller Components

• ایجاد کامپوننت JobFiltersSidebarPrompt Creating JobFiltersSidebarPrompt Component

• ایجاد کامپوننت JobFiltersSidebarPrompt Creating JobFiltersSidebarPrompt Component

• افزودن تست برای مؤلفه JobFiltersSidebarPrompt Adding Tests for JobFiltersSidebarPrompt Component

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 35 Code at End of Section 35

افزودن فیلتر مهارت ها Adding Skills Filter

• داستان کاربر User Story

• عبارت جستجوی جدید را به ایالت پینیا اضافه کنید Add New Search Term to Pinia State

• افزودن اقدام برای به‌روزرسانی عبارت جستجوی مهارت‌ها Add Action to Update Skills Search Term

• فیلتر کردن مشاغل بر اساس عبارت جستجو Filtering the Jobs by Search Term

• اصلاح کننده ورودی تنبل The lazy Input Modifier

• اصلاح کننده ورودی تریم The trim Input Modifier

• پاک کردن ورودی جستجو هنگام پاک کردن فیلترها Clearing the Search Input when Clearing Filters

• خواندن عبارت جستجو از Params Reading Search Term from Params

• بررسی بخش [اسلاید] Section Review [SLIDES]

افزودن فیلتر مهارت ها Adding Skills Filter

• داستان کاربر User Story

• ایجاد مؤلفه برای ردیابی مهارت ها و صلاحیت ها Create Component to Track Skills and Qualifications

• عبارت جستجوی جدید را به ایالت پینیا اضافه کنید Add New Search Term to Pinia State

• افزودن اقدام برای به‌روزرسانی عبارت جستجوی مهارت‌ها Add Action to Update Skills Search Term

• فیلتر کردن مشاغل بر اساس عبارت جستجو Filtering the Jobs by Search Term

• دو تست دیگر برای INCLUDE_JOB_BY_SKILL Getter Two More Tests for INCLUDE_JOB_BY_SKILL Getter

• دو تست دیگر برای INCLUDE_JOB_BY_SKILL Getter Two More Tests for INCLUDE_JOB_BY_SKILL Getter

• اتصال وضعیت جستجو به فروشگاه Pinia Wiring up Search State to Pinia Store

• اتصال وضعیت جستجو به فروشگاه Pinia Wiring up Search State to Pinia Store

• اصلاح کننده ورودی تنبل The lazy Input Modifier

• اصلاح کننده ورودی تریم The trim Input Modifier

• افزودن تست‌ها برای مؤلفه مهارت‌های JobFilters Sidebar Adding Tests for JobFiltersSidebarSkills Component

• افزودن تست‌ها برای مؤلفه مهارت‌های JobFilters Sidebar Adding Tests for JobFiltersSidebarSkills Component

• پاک کردن ورودی جستجو هنگام پاک کردن فیلترها Clearing the Search Input when Clearing Filters

• خواندن عبارت جستجو از Params Reading Search Term from Params

• بررسی بخش [اسلاید] Section Review [SLIDES]

• بررسی بخش [اسلاید] Section Review [SLIDES]

• کد در انتهای بخش 36 Code at End of Section 36

• کد در انتهای بخش 36 Code at End of Section 36

تبریک می گویم Congratulations

• تبریک می گویم Congratulations

• عرشه اسلاید کامل Complete Slide Decks

تبریک می گویم Congratulations

• تبریک می گویم Congratulations

• عرشه اسلاید کامل Complete Slide Decks

[منسوخ شده - V1] معرفی Vue [DEPRECATED - V1] Intro to Vue

• مقدمه V1 دوره Intro to V1 of the Course

• پیکربندی برنامه: VSCode Configuring the App: VSCode

[منسوخ شده - V1] معرفی Vue [DEPRECATED - V1] Intro to Vue

• مقدمه V1 دوره Intro to V1 of the Course

• پیکربندی برنامه: VSCode Configuring the App: VSCode

• پیکربندی برنامه: VSCode Configuring the App: VSCode

• پیکربندی برنامه: Jest Configuring the App: Jest

• پیکربندی برنامه: Jest Configuring the App: Jest

• [منسوخ شده - V1] مقدمه بخش کامل Vue [DEPRECATED - V1] Intro to Vue Complete Section

• [منسوخ شده - V1] مقدمه بخش کامل Vue [DEPRECATED - V1] Intro to Vue Complete Section

[منسوخ شده - V1] معرفی CSS در Vue [DEPRECATED - V1] Intro to CSS in Vue

• کد در انتهای بخش 3 Code at End of Section 3

[منسوخ شده - V1] معرفی CSS در Vue [DEPRECATED - V1] Intro to CSS in Vue

• [منسوخ شده - V1] معرفی CSS در بخش Vue Complete [DEPRECATED - V1] Intro to CSS in Vue Complete Section

• [منسوخ شده - V1] معرفی CSS در بخش Vue Complete [DEPRECATED - V1] Intro to CSS in Vue Complete Section

• کد در انتهای بخش 3 Code at End of Section 3

[منسوخ شده - V1] معرفی Tailwind CSS [DEPRECATED - V1] Intro to Tailwind CSS

• [منسوخ شده - V1] مقدمه بخش کامل Tailwind CSS [DEPRECATED - V1] Intro to Tailwind CSS Complete Section

• کد در انتهای بخش 4 Code at End of Section 4

[منسوخ شده - V1] معرفی Tailwind CSS [DEPRECATED - V1] Intro to Tailwind CSS

• [منسوخ شده - V1] مقدمه بخش کامل Tailwind CSS [DEPRECATED - V1] Intro to Tailwind CSS Complete Section

• کد در انتهای بخش 4 Code at End of Section 4

[منسوخ شده - V1] ارائه داده برای مشاهده [DEPRECATED - V1] Rendering Data to View

• مشکلات قالب بندی با Prettier Formatting Issues with Prettier

• [منسوخ شده - V1] ارائه داده ها برای مشاهده بخش کامل [DEPRECATED - V1] Rendering Data to View Complete Section

• کد در انتهای بخش 5 Code at End of Section 5

[منسوخ شده - V1] ارائه داده برای مشاهده [DEPRECATED - V1] Rendering Data to View

• مشکلات قالب بندی با Prettier Formatting Issues with Prettier

• [منسوخ شده - V1] ارائه داده ها برای مشاهده بخش کامل [DEPRECATED - V1] Rendering Data to View Complete Section

• کد در انتهای بخش 5 Code at End of Section 5

• کد در انتهای بخش 5 Code at End of Section 5

[منسوخ شده - V1] مقدمه ای برای جست [DEPRECATED - V1] Intro to Jest

• [منسوخ شده - V1] مقدمه ای برای جست [DEPRECATED - V1] Intro to Jest

• کد در انتهای بخش 6 Code at End of Section 6

[منسوخ شده - V1] مقدمه ای برای جست [DEPRECATED - V1] Intro to Jest

• [منسوخ شده - V1] مقدمه ای برای جست [DEPRECATED - V1] Intro to Jest

• کد در انتهای بخش 6 Code at End of Section 6

[منسوخ شده - V1] اولین آزمایش Vue [DEPRECATED - V1] First Vue Tests

• کد در انتهای بخش 7 Code at End of Section 7

[منسوخ شده - V1] اولین آزمایش Vue [DEPRECATED - V1] First Vue Tests

• [منسوخ شده - V1] اولین آزمایش Vue [DEPRECATED - V1] First Vue Tests

• [منسوخ شده - V1] اولین آزمایش Vue [DEPRECATED - V1] First Vue Tests

• کد در انتهای بخش 7 Code at End of Section 7

[منسوخ شده - V1] دستورالعمل I [DEPRECATED - V1] Directives I

[منسوخ شده - V1] دستورالعمل I [DEPRECATED - V1] Directives I

• [منسوخ شده - V1] دستورالعمل I [DEPRECATED - V1] Directives I

• [منسوخ شده - V1] دستورالعمل I [DEPRECATED - V1] Directives I

• کد در انتهای بخش 8 Code at End of Section 8

• کد در انتهای بخش 8 Code at End of Section 8

[منسوخ شده - V1] دستورالعمل II [DEPRECATED - V1] Directives II

• کد در انتهای بخش 9 Code at End of Section 9

[منسوخ شده - V1] دستورالعمل II [DEPRECATED - V1] Directives II

• [منسوخ شده - V1] دستورالعمل II [DEPRECATED - V1] Directives II

• [منسوخ شده - V1] دستورالعمل II [DEPRECATED - V1] Directives II

• کد در انتهای بخش 9 Code at End of Section 9

[منسوخ شده - V1] گذراندن قطعات [DEPRECATED - V1] Passing Props

[منسوخ شده - V1] گذراندن قطعات [DEPRECATED - V1] Passing Props

• [منسوخ شده - V1] گذراندن قطعات [DEPRECATED - V1] Passing Props

• [منسوخ شده - V1] گذراندن قطعات [DEPRECATED - V1] Passing Props

• کد در انتهای بخش 10 Code at End of Section 10

• کد در انتهای بخش 10 Code at End of Section 10

[منسوخ شده - V1] ایجاد Subnav [DEPRECATED - V1] Creating Subnav

• رفع مشکل نقض ESLint Fixing ESLint Violation Issue

[منسوخ شده - V1] ایجاد Subnav [DEPRECATED - V1] Creating Subnav

• رفع مشکل نقض ESLint Fixing ESLint Violation Issue

• [منسوخ شده - V1] ایجاد Subnav [DEPRECATED - V1] Creating Subnav

• [منسوخ شده - V1] ایجاد Subnav [DEPRECATED - V1] Creating Subnav

• کد در انتهای بخش 11 Code at End of Section 11

• کد در انتهای بخش 11 Code at End of Section 11

[منسوخ شده - V1] ایجاد مؤلفه عنوان [DEPRECATED - V1] Creating Headline Component

• [منسوخ شده - V1] ایجاد مؤلفه عنوان [DEPRECATED - V1] Creating Headline Component

• کد در انتهای بخش 12 Code at End of Section 12

[منسوخ شده - V1] ایجاد مؤلفه عنوان [DEPRECATED - V1] Creating Headline Component

• رفع مشکل در درس بعدی Fixing Issue in Next Lesson

• رفع مشکل در درس بعدی Fixing Issue in Next Lesson

• [منسوخ شده - V1] ایجاد مؤلفه عنوان [DEPRECATED - V1] Creating Headline Component

• کد در انتهای بخش 12 Code at End of Section 12

[منسوخ شده - V1] ایجاد فرم جستجوی کار [DEPRECATED - V1] Creating Job Search Form

• لینک تصویر برای درس بعدی Image Link for Next Lesson

• [منسوخ شده - V1] ایجاد فرم جستجوی کار [DEPRECATED - V1] Creating Job Search Form

[منسوخ شده - V1] ایجاد فرم جستجوی کار [DEPRECATED - V1] Creating Job Search Form

• لینک تصویر برای درس بعدی Image Link for Next Lesson

• [منسوخ شده - V1] ایجاد فرم جستجوی کار [DEPRECATED - V1] Creating Job Search Form

• کد در انتهای بخش 13 Code at End of Section 13

• کد در انتهای بخش 13 Code at End of Section 13

[منسوخ شده - V1] در حال انتشار رویدادها [DEPRECATED - V1] Emitting Events

• کد در انتهای بخش 14 Code at End of Section 14

[منسوخ شده - V1] در حال انتشار رویدادها [DEPRECATED - V1] Emitting Events

• رفع اخطارهای ESLint Fixing ESLint Warnings

• رفع اخطارهای ESLint Fixing ESLint Warnings

• [منسوخ شده - V1] در حال انتشار رویدادها [DEPRECATED - V1] Emitting Events

• [منسوخ شده - V1] در حال انتشار رویدادها [DEPRECATED - V1] Emitting Events

• کد در انتهای بخش 14 Code at End of Section 14

[منسوخ شده - V1] Vue Router I [DEPRECATED - V1] Vue Router I

• کد در انتهای بخش 15 Code at End of Section 15

[منسوخ شده - V1] Vue Router I [DEPRECATED - V1] Vue Router I

• [منسوخ شده - V1] Vue Router I [DEPRECATED - V1] Vue Router I

• [منسوخ شده - V1] Vue Router I [DEPRECATED - V1] Vue Router I

• کد در انتهای بخش 15 Code at End of Section 15

[منسوخ شده - V1] Vue Router II [DEPRECATED - V1] Vue Router II

• کد در انتهای بخش 16 Code at End of Section 16

[منسوخ شده - V1] Vue Router II [DEPRECATED - V1] Vue Router II

• [منسوخ شده - V1] Vue Router II [DEPRECATED - V1] Vue Router II

• [منسوخ شده - V1] Vue Router II [DEPRECATED - V1] Vue Router II

• کد در انتهای بخش 16 Code at End of Section 16

[منسوخ شده - V1] صفحه نتایج کار ساختمان [DEPRECATED - V1] Building Job Results Page

• [منسوخ شده - V1] نتایج کار ساختمان [DEPRECATED - V1] Building Job Results

• کد در انتهای بخش 17 Code at End of Section 17

[منسوخ شده - V1] صفحه نتایج کار ساختمان [DEPRECATED - V1] Building Job Results Page

• [منسوخ شده - V1] نتایج کار ساختمان [DEPRECATED - V1] Building Job Results

• کد در انتهای بخش 17 Code at End of Section 17

• کد در انتهای بخش 17 Code at End of Section 17

[منسوخ شده - V1] ایجاد Backend ساختگی [DEPRECATED - V1] Creating Mock Backend

• [منسوخ شده - V1] ایجاد Backend ساختگی [DEPRECATED - V1] Creating Mock Backend

• کد در انتهای بخش 18 Code at End of Section 18

[منسوخ شده - V1] ایجاد Backend ساختگی [DEPRECATED - V1] Creating Mock Backend

• [منسوخ شده - V1] ایجاد Backend ساختگی [DEPRECATED - V1] Creating Mock Backend

• کد در انتهای بخش 18 Code at End of Section 18

• کد در انتهای بخش 18 Code at End of Section 18

[منسوخ شده - V1] صفحه بندی پویا [DEPRECATED - V1] Dynamic Pagination

• کد در انتهای بخش 19 Code at End of Section 19

[منسوخ شده - V1] صفحه بندی پویا [DEPRECATED - V1] Dynamic Pagination

• [منسوخ شده - V1] صفحه بندی پویا [DEPRECATED - V1] Dynamic Pagination

• [منسوخ شده - V1] صفحه بندی پویا [DEPRECATED - V1] Dynamic Pagination

• کد در انتهای بخش 19 Code at End of Section 19

• کد در انتهای بخش 19 Code at End of Section 19

[منسوخ شده - V1] Vuex I: حالت و جهش [DEPRECATED - V1] Vuex I: State and Mutations

• [منسوخ شده - V1] Vuex I: حالت و جهش [DEPRECATED - V1] Vuex I: State and Mutations

• کد در انتهای بخش 20 Code at End of Section 20

[منسوخ شده - V1] Vuex I: حالت و جهش [DEPRECATED - V1] Vuex I: State and Mutations

• [منسوخ شده - V1] Vuex I: حالت و جهش [DEPRECATED - V1] Vuex I: State and Mutations

• کد در انتهای بخش 20 Code at End of Section 20

• کد در انتهای بخش 20 Code at End of Section 20

[منسوخ شده - V1] Vuex II: اقدامات [DEPRECATED - V1] Vuex II: Actions

• کد در انتهای بخش 21 Code at End of Section 21

[منسوخ شده - V1] Vuex II: اقدامات [DEPRECATED - V1] Vuex II: Actions

• [منسوخ شده - V1] Vuex II: اقدامات [DEPRECATED - V1] Vuex II: Actions

• [منسوخ شده - V1] Vuex II: اقدامات [DEPRECATED - V1] Vuex II: Actions

• کد در انتهای بخش 21 Code at End of Section 21

• کد در انتهای بخش 21 Code at End of Section 21

[منسوخ شده - V1] اسلات I: مقدمه ای برای اسلات [DEPRECATED - V1] Slots I: Intro to Slots

• [منسوخ شده - V1] اسلات I: مقدمه ای برای اسلات [DEPRECATED - V1] Slots I: Intro to Slots

[منسوخ شده - V1] اسلات I: مقدمه ای برای اسلات [DEPRECATED - V1] Slots I: Intro to Slots

• [منسوخ شده - V1] اسلات I: مقدمه ای برای اسلات [DEPRECATED - V1] Slots I: Intro to Slots

• کد در انتهای بخش 22 Code at End of Section 22

• کد در انتهای بخش 22 Code at End of Section 22

[منسوخ شده - V1] شکاف های II: اسلات های نامگذاری شده [DEPRECATED - V1] Slots II: Named Slots

• داستان کاربر: ساخت هدر قابل استفاده مجدد User Story: Building a Reusable Header

• به نام Slots I Named Slots I

• ایجاد نمای TeamsPage Creating TeamsPage View

• به نام Slots II Named Slots II

• اسلات پیش فرض Default Slot

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

• به نام اسلات کوتاه Named Slots Shorthand

• بررسی بخش Section Review

• کد در انتهای بخش 23 Code at End of Section 23

[منسوخ شده - V1] شکاف های II: اسلات های نامگذاری شده [DEPRECATED - V1] Slots II: Named Slots

• داستان کاربر: ساخت هدر قابل استفاده مجدد User Story: Building a Reusable Header

• داستان کاربر: ساخت هدر قابل استفاده مجدد User Story: Building a Reusable Header

• به نام Slots I Named Slots I

• ایجاد نمای TeamsPage Creating TeamsPage View

• به نام Slots II Named Slots II

• به نام Slots II Named Slots II

• اسلات پیش فرض Default Slot

• اسلات پیش فرض Default Slot

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

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

• به نام اسلات کوتاه Named Slots Shorthand

• به نام اسلات کوتاه Named Slots Shorthand

• بررسی بخش Section Review

• کد در انتهای بخش 23 Code at End of Section 23

• کد در انتهای بخش 23 Code at End of Section 23

[منسوخ شده - V1] اسلات III: اسلات های پیشرفته [DEPRECATED - V1] Slots III: Advanced Slots

• داستان کاربر User Story

• محتوای JSON برای فایل db.json JSON Content for db.json File

• افزودن نقطه پایانی Spotlights Adding Spotlights Endpoint

• ارائه جایگزین داده ها Alternative Render of Data

• گذراندن چند پروپ از اسلات Scoped Passing Multiple Props from Scoped Slot

• تخریب شیء با شکاف های محدوده Object Destructuring with Scoped Slots

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

• مجموعه تست Refactoring Refactoring Test Suite

• بررسی بخش Section Review

• کد در انتهای بخش 24 Code at End of Section 24

[منسوخ شده - V1] اسلات III: اسلات های پیشرفته [DEPRECATED - V1] Slots III: Advanced Slots

• داستان کاربر User Story

• داستان کاربر User Story

• محتوای JSON برای فایل db.json JSON Content for db.json File

• افزودن نقطه پایانی Spotlights Adding Spotlights Endpoint

• کامپوننت Spotlights را ایجاد کنید Create Spotlights Component

• کامپوننت Spotlights را ایجاد کنید Create Spotlights Component

• رندر جزء Spotlight Render Spotlight Component

• رندر جزء Spotlight Render Spotlight Component

• ارائه جایگزین داده ها Alternative Render of Data

• ارائه جایگزین داده ها Alternative Render of Data

• گذراندن چند پروپ از اسلات Scoped Passing Multiple Props from Scoped Slot

• تخریب شیء با شکاف های محدوده Object Destructuring with Scoped Slots

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

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

• مجموعه تست Refactoring Refactoring Test Suite

• مجموعه تست Refactoring Refactoring Test Suite

• بررسی بخش Section Review

• کد در انتهای بخش 24 Code at End of Section 24

• کد در انتهای بخش 24 Code at End of Section 24

[منسوخ شده - V1] Vuex III: گیرنده [DEPRECATED - V1] Vuex III: Getters

• داستان کاربر User Story

• معرفی Getters Intro to Getters

• از v-for برای رندر سازمان های منحصر به فرد در JobFiltersSidebarOrganizations استفاده کنید Use v-for to Render Unique Organizations in JobFiltersSidebarOrganizations

• تابع کمکی mapGetters The mapGetters Helper Function

• v-model را به Checkbox for Organizations اضافه کنید Add v-model to Checkbox for Organizations

• v-on:change Handler The v-on:change Handler

• TDD: ایجاد ADD_SELECTED_ORGANIZATIONS جهش TDD: Create ADD_SELECTED_ORGANIZATIONS Mutation

• جایزه: بررسی: روش فیلتر روی یک آرایه BONUS: REVIEW: filter Method on an Array

• TDD: افزودن Getter به فیلتر مشاغل توسط سازمان TDD: Adding Getter to Filter Jobs by Organization

• ارائه مشاغل سازمانی فیلتر شده در مؤلفه Job Listings Rendering Filtered Organization Jobs in JobListings Component

• رفع اشکال FILTERED_JOBS_BY_ORGANIZATIONS Getter Fixing FILTERED_JOBS_BY_ORGANIZATIONS Getter Bug

• رفع تست های ناموفق لیست مشاغل Fixing Failing JobListings Tests

• Refactoring JobFilters SidebarOrganizations Test Refactoring JobFiltersSidebarOrganizations Test

• فروشگاه Vuex ما را با تقسیم کردن آن در بین فایل‌ها بازسازی کنید Refactor our Vuex Store by Splitting it up Across Files

• بررسی بخش Section Review

[منسوخ شده - V1] Vuex III: گیرنده [DEPRECATED - V1] Vuex III: Getters

• داستان کاربر User Story

• جایزه: بررسی ES6: مجموعه های جاوا اسکریپت BONUS: ES6 REVIEW: JavaScript Sets

• جایزه: بررسی ES6: مجموعه های جاوا اسکریپت BONUS: ES6 REVIEW: JavaScript Sets

• معرفی Getters Intro to Getters

• تست گیرندگان Testing Getters

• تست گیرندگان Testing Getters

• اتصال UNIQUE_ORGANIZATIONS دریافت کننده در JobFiltersSidebarOrganizations Wire Up UNIQUE_ORGANIZATIONS Getter in JobFiltersSidebarOrganizations

• اتصال UNIQUE_ORGANIZATIONS دریافت کننده در JobFiltersSidebarOrganizations Wire Up UNIQUE_ORGANIZATIONS Getter in JobFiltersSidebarOrganizations

• از v-for برای رندر سازمان های منحصر به فرد در JobFiltersSidebarOrganizations استفاده کنید Use v-for to Render Unique Organizations in JobFiltersSidebarOrganizations

• از v-for برای رندر سازمان های منحصر به فرد در JobFiltersSidebarOrganizations استفاده کنید Use v-for to Render Unique Organizations in JobFiltersSidebarOrganizations

• تست گیرندگان در JobFiltersSidebarOrganizations Testing Getters in JobFiltersSidebarOrganizations

• تست گیرندگان در JobFiltersSidebarOrganizations Testing Getters in JobFiltersSidebarOrganizations

• تابع کمکی mapGetters The mapGetters Helper Function

• v-model را به Checkbox for Organizations اضافه کنید Add v-model to Checkbox for Organizations

• v-model را به Checkbox for Organizations اضافه کنید Add v-model to Checkbox for Organizations

• v-on:change Handler The v-on:change Handler

• TDD: اموال منتخب سازمان‌ها را به Vuex Store State اضافه کنید TDD: Add selectedOrganizations Property to Vuex Store State

• TDD: اموال منتخب سازمان‌ها را به Vuex Store State اضافه کنید TDD: Add selectedOrganizations Property to Vuex Store State

• TDD: ایجاد ADD_SELECTED_ORGANIZATIONS جهش TDD: Create ADD_SELECTED_ORGANIZATIONS Mutation

• انجام جهش برای دریافت سازمان ها از مؤلفه JobFiltersSidebarOrganizations Commit Mutation to Receive Organizations from JobFiltersSidebarOrganizations Component

• انجام جهش برای دریافت سازمان ها از مؤلفه JobFiltersSidebarOrganizations Commit Mutation to Receive Organizations from JobFiltersSidebarOrganizations Component

• جایزه: بررسی: روش فیلتر روی یک آرایه BONUS: REVIEW: filter Method on an Array

• جایزه: بررسی: روش فیلتر روی یک آرایه BONUS: REVIEW: filter Method on an Array

• TDD: افزودن Getter به فیلتر مشاغل توسط سازمان TDD: Adding Getter to Filter Jobs by Organization

• TDD: افزودن Getter به فیلتر مشاغل توسط سازمان TDD: Adding Getter to Filter Jobs by Organization

• ارائه مشاغل سازمانی فیلتر شده در مؤلفه Job Listings Rendering Filtered Organization Jobs in JobListings Component

• ارائه مشاغل سازمانی فیلتر شده در مؤلفه Job Listings Rendering Filtered Organization Jobs in JobListings Component

• رفع اشکال FILTERED_JOBS_BY_ORGANIZATIONS Getter Fixing FILTERED_JOBS_BY_ORGANIZATIONS Getter Bug

• رفع تست های ناموفق لیست مشاغل Fixing Failing JobListings Tests

• رفع تست های ناموفق لیست مشاغل Fixing Failing JobListings Tests

• افزودن تست برای JobFiltersSidebarOrganizations Adding Tests for JobFiltersSidebarOrganizations

• افزودن تست برای JobFiltersSidebarOrganizations Adding Tests for JobFiltersSidebarOrganizations

• Refactoring JobFilters SidebarOrganizations Test Refactoring JobFiltersSidebarOrganizations Test

• Refactoring JobFilters SidebarOrganizations Test Refactoring JobFiltersSidebarOrganizations Test

• نمایش تعداد دقیق مشاغل فیلتر شده Displaying Accurate Number of Filtered Jobs

• نمایش تعداد دقیق مشاغل فیلتر شده Displaying Accurate Number of Filtered Jobs

• فروشگاه Vuex ما را با تقسیم کردن آن در بین فایل‌ها بازسازی کنید Refactor our Vuex Store by Splitting it up Across Files

• مجموعه تست Vuex ما را Refactor کنید Refactor our Vuex Test Suite

• مجموعه تست Vuex ما را Refactor کنید Refactor our Vuex Test Suite

• بازسازی اجزای ما Refactoring our Components

• بازسازی اجزای ما Refactoring our Components

• بررسی بخش Section Review

• کد در انتهای بخش 25 Code at End of Section 25

• کد در انتهای بخش 25 Code at End of Section 25

[منسوخ شده - V1] Vuex IV: تمرین بیشتر [DEPRECATED - V1] Vuex IV: More Practice

• داستان کاربر User Story

• TDD: افزودن حالت برای انواع شغل TDD: Adding State for Job Types

• TDD: افزودن Getter برای انواع شغل های منحصر به فرد TDD: Adding Getter for Unique Job Types

• TDD: جدید JobFilters SidebarJobTypes Component TDD: New JobFiltersSidebarJobTypes Component

• فیلترهای نوع کار را در نوار کناری سیم‌کشی کنید Wire up Job Type Filters in Sidebar

• به کاربر اجازه می دهد چندین فیلتر را اعمال کند Allow User to Apply Multiple Filters

• از New Getter در کامپوننت JobListings استفاده کنید Use New Getter in JobListings Component

• با استدلال می‌گیرد Getters with Arguments

• تست هایی برای گیرندگان با استدلال Tests for Getters with Arguments

• اعمال تغییرات ما در FILTERED_JOBS Applying our Changes to FILTERED_JOBS

• TDD: به‌روزرسانی آزمایش‌ها و پیاده‌سازی Subnav TDD: Updating Subnav Tests and Implementation

• دو گیرنده قدیمی را حذف کنید Delete Old Two Getters

• رفع اشکال اضافی I Fixing Extra Bug I

• رفع اشکال اضافی II Fixing Extra Bug II

• بررسی بخش Section Review

• کد در انتهای بخش 26 Code at End of Section 26

[منسوخ شده - V1] Vuex IV: تمرین بیشتر [DEPRECATED - V1] Vuex IV: More Practice

• داستان کاربر User Story

• TDD: افزودن حالت برای انواع شغل TDD: Adding State for Job Types

• TDD: افزودن حالت برای انواع شغل TDD: Adding State for Job Types

• TDD: اضافه کردن جهش برای انتخاب انواع شغل TDD: Adding Mutation for Selecting Job Types

• TDD: اضافه کردن جهش برای انتخاب انواع شغل TDD: Adding Mutation for Selecting Job Types

• TDD: افزودن Getter برای انواع شغل های منحصر به فرد TDD: Adding Getter for Unique Job Types

• TDD: افزودن Getter برای انواع شغل های منحصر به فرد TDD: Adding Getter for Unique Job Types

• TDD: افزودن Getter برای مشاغل فیلتر شده بر اساس انواع شغل TDD: Adding Getter for Filtered Jobs by Job Types

• TDD: افزودن Getter برای مشاغل فیلتر شده بر اساس انواع شغل TDD: Adding Getter for Filtered Jobs by Job Types

• TDD: جدید JobFilters SidebarJobTypes Component TDD: New JobFiltersSidebarJobTypes Component

• فیلترهای نوع کار را در نوار کناری سیم‌کشی کنید Wire up Job Type Filters in Sidebar

• فیلتر انواع شغل در فهرست مشاغل Filter for Job Types in Job Listings

• فیلتر انواع شغل در فهرست مشاغل Filter for Job Types in Job Listings

• به کاربر اجازه می دهد چندین فیلتر را اعمال کند Allow User to Apply Multiple Filters

• به کاربر اجازه می دهد چندین فیلتر را اعمال کند Allow User to Apply Multiple Filters

• از New Getter در کامپوننت JobListings استفاده کنید Use New Getter in JobListings Component

• از New Getter در کامپوننت JobListings استفاده کنید Use New Getter in JobListings Component

• رفع اشکال جدید Fixing New Bug

• رفع اشکال جدید Fixing New Bug

• با استدلال می‌گیرد Getters with Arguments

• با استدلال می‌گیرد Getters with Arguments

• تست هایی برای گیرندگان با استدلال Tests for Getters with Arguments

• تست هایی برای گیرندگان با استدلال Tests for Getters with Arguments

• اعمال تغییرات ما در FILTERED_JOBS Applying our Changes to FILTERED_JOBS

• رفع تست های لیست مشاغل Fixing JobListings Tests

• رفع تست های لیست مشاغل Fixing JobListings Tests

• TDD: به‌روزرسانی آزمایش‌ها و پیاده‌سازی Subnav TDD: Updating Subnav Tests and Implementation

• دو گیرنده قدیمی را حذف کنید Delete Old Two Getters

• دو گیرنده قدیمی را حذف کنید Delete Old Two Getters

• افزودن تست برای FILTERED_JOBS Getter Adding Test for FILTERED_JOBS Getter

• افزودن تست برای FILTERED_JOBS Getter Adding Test for FILTERED_JOBS Getter

• رفع اشکال اضافی I Fixing Extra Bug I

• رفع اشکال اضافی I Fixing Extra Bug I

• رفع اشکال اضافی II Fixing Extra Bug II

• رفع اشکال اضافی II Fixing Extra Bug II

• بررسی بخش Section Review

• کد در انتهای بخش 26 Code at End of Section 26

• کد در انتهای بخش 26 Code at End of Section 26

[منسوخ شده - V1] واکنش پذیری [DEPRECATED - V1] Reactivity

• تابع ref Vue Vue’s ref Function

• تابع محاسبه شده Vue Vue’s computed Function

• یک مثال دیگر با یکی دیگر از ابتدایی One More Example with Another Primitive

• در مورد Object Reactivity چطور؟ What about Object Reactivity?

• چندین ویژگی روی شی واکنشی Multiple Properties on Reactive Object

• سطوح چندگانه واکنش پذیری Multiple Levels of Reactivity

• توضیحی در مورد toRefs A Clarification on toRefs

• بررسی بخش Section Review

• کد در انتهای بخش 27 Code at End of Section 27

[منسوخ شده - V1] واکنش پذیری [DEPRECATED - V1] Reactivity

• واکنش پذیری چیست؟ What is reactivity?

• واکنش پذیری چیست؟ What is reactivity?

• تابع ref Vue Vue’s ref Function

• تابع ref Vue Vue’s ref Function

• تابع محاسبه شده Vue Vue’s computed Function

• یک مثال دیگر با یکی دیگر از ابتدایی One More Example with Another Primitive

• یک مثال دیگر با یکی دیگر از ابتدایی One More Example with Another Primitive

• در مورد Object Reactivity چطور؟ What about Object Reactivity?

• در مورد Object Reactivity چطور؟ What about Object Reactivity?

• پاک کردن کد با تابع واکنشی Cleaning up the Code with reactive Function

• پاک کردن کد با تابع واکنشی Cleaning up the Code with reactive Function

• چندین ویژگی روی شی واکنشی Multiple Properties on Reactive Object

• چندین ویژگی روی شی واکنشی Multiple Properties on Reactive Object

• سطوح چندگانه واکنش پذیری Multiple Levels of Reactivity

• سطوح چندگانه واکنش پذیری Multiple Levels of Reactivity

• مشکلات تخریب ساختار Destructuring Problems

• مشکلات تخریب ساختار Destructuring Problems

• تابع toRef The toRef Function

• تابع toRef The toRef Function

• تابع toRefs The toRefs Function

• تابع toRefs The toRefs Function

• توضیحی در مورد toRefs A Clarification on toRefs

• توضیحی در مورد toRefs A Clarification on toRefs

• بررسی بخش Section Review

• کد در انتهای بخش 27 Code at End of Section 27

• کد در انتهای بخش 27 Code at End of Section 27

[منسوخ شده - V1] Composition API I [DEPRECATED - V1] Composition API I

• مقدمه ای بر Composition API Introduction to the Composition API

• روش راه اندازی The setup Method

• تابع ref در روش راه اندازی The ref Function in setup Method

• تمرین بیشتر با ref More Practice with ref

• تابع محاسبه شده The computed Function

• پذیرش Props در کامپوننت Accepting Props in Component

• پذیرش Props در روش راه اندازی Accepting Props in setup Method

• استفاده از toRefs در Props Using toRefs on Props

• بررسی بخش Section Review

• کد در انتهای بخش 28 Code at End of Section 28

[منسوخ شده - V1] Composition API I [DEPRECATED - V1] Composition API I

• مقدمه ای بر Composition API Introduction to the Composition API

• مقدمه ای بر Composition API Introduction to the Composition API

• روش راه اندازی The setup Method

• تابع ref در روش راه اندازی The ref Function in setup Method

• تابع ref در روش راه اندازی The ref Function in setup Method

• تمرین بیشتر با ref More Practice with ref

• تابع محاسبه شده The computed Function

• پذیرش Props در کامپوننت Accepting Props in Component

• ورود به مجموعه تست Checking in on Test Suite

• ورود به مجموعه تست Checking in on Test Suite

• پذیرش Props در روش راه اندازی Accepting Props in setup Method

• استفاده از toRefs در Props Using toRefs on Props

• استفاده از toRefs در Props Using toRefs on Props

• بررسی بخش Section Review

• کد در انتهای بخش 28 Code at End of Section 28

• کد در انتهای بخش 28 Code at End of Section 28

[منسوخ شده - V1] Composition API II [DEPRECATED - V1] Composition API II

• Composition API با روتر Vue Composition API with Vue Router

• رفع شکست در آزمون‌های JobSearchForm Fixing Failing JobSearchForm Tests

• Composition API با Vue Router Route Composition API with Vue Router Route

• رفع تست های ناموفق برای Subnav Fixing Failing Tests for Subnav

• تست استفاده ماConfirmRoute Composable Testing Our useConfirmRoute Composable

• ساده سازی تست های Subnav Simplifying Subnav Tests

• Writing Composable for Getters Writing Composable for Getters

• افزودن بیشتر Composables برای Getters Adding More Composables for Getters

• Refactoring JobFilters SidebarJobOrganizations Component Refactoring JobFiltersSidebarJobOrganizations Component

• استفاده مجدد از JobFiltersSidebarCheckboxGroup Reuse JobFiltersSidebarCheckboxGroup

• افزودن تست برای JobFiltersSidebarCheckboxGroup Adding Tests for JobFiltersSidebarCheckboxGroup

• بررسی بخش Section Review

• کد در انتهای بخش 29 Code at End of Section 29

[منسوخ شده - V1] Composition API II [DEPRECATED - V1] Composition API II

• Composition API با v-model Composition API with v-model

• Composition API با v-model Composition API with v-model

• Composition API با روتر Vue Composition API with Vue Router

• Composition API با روتر Vue Composition API with Vue Router

• رفع شکست در آزمون‌های JobSearchForm Fixing Failing JobSearchForm Tests

• Composition API با Vue Router Route Composition API with Vue Router Route

• Composition API با Vuex Getters Composition API with Vuex Getters

• Composition API با Vuex Getters Composition API with Vuex Getters

• رفع تست های ناموفق برای Subnav Fixing Failing Tests for Subnav

• مواد سازنده ساختمان Building Composables

• مواد سازنده ساختمان Building Composables

• تست استفاده ماConfirmRoute Composable Testing Our useConfirmRoute Composable

• ساده سازی تست های Subnav Simplifying Subnav Tests

• Writing Composable for Getters Writing Composable for Getters

• به روز رسانی تست های Subnav Updating Subnav Tests

• به روز رسانی تست های Subnav Updating Subnav Tests

• افزودن بیشتر Composables برای Getters Adding More Composables for Getters

• Refactoring JobFilters SidebarJobTypes Refactoring JobFiltersSidebarJobTypes

• Refactoring JobFilters SidebarJobTypes Refactoring JobFiltersSidebarJobTypes

• جایگزینی تابع mapMutations Replacing mapMutations Function

• جایگزینی تابع mapMutations Replacing mapMutations Function

• رفع خطای فیلترهای شغلی نوار کناری تست‌های نوع کار Fixing Failing JobFiltersSidebarJobTypes Tests

• رفع خطای فیلترهای شغلی نوار کناری تست‌های نوع کار Fixing Failing JobFiltersSidebarJobTypes Tests

• Refactoring JobFilters SidebarJobOrganizations Component Refactoring JobFiltersSidebarJobOrganizations Component

• رفع تست های ناموفق در JobFiltersSidebarOrganizations Fixing Failing Tests in JobFiltersSidebarOrganizations

• رفع تست های ناموفق در JobFiltersSidebarOrganizations Fixing Failing Tests in JobFiltersSidebarOrganizations

• ایجاد مولفه JobFilters قابل استفاده مجدد SidebarCheckboxGroup Creating Reusable JobFiltersSidebarCheckboxGroup Component

• ایجاد مولفه JobFilters قابل استفاده مجدد SidebarCheckboxGroup Creating Reusable JobFiltersSidebarCheckboxGroup Component

• استفاده مجدد از JobFiltersSidebarCheckboxGroup Reuse JobFiltersSidebarCheckboxGroup

• افزودن تست برای JobFiltersSidebarCheckboxGroup Adding Tests for JobFiltersSidebarCheckboxGroup

• افزودن تست برای JobFiltersSidebarCheckboxGroup Adding Tests for JobFiltersSidebarCheckboxGroup

• بررسی بخش Section Review

• کد در انتهای بخش 29 Code at End of Section 29

• کد در انتهای بخش 29 Code at End of Section 29

[منسوخ شده - V1] Composition API III [DEPRECATED - V1] Composition API III

• Refactoring جزء JobListings برای استفاده از Composition API Refactoring JobListings Component to Use Composition API

• استخراج منطق صفحه قبلی و بعدی به تابع قابل ترکیب Extracting Previous and Next Page Logic to Composable Function

• افزودن تست برای استفادهPreviousAndNextPages Composable Adding Tests for usePreviousAndNextPages Composable

• رفع آزمون های ناموفق برای Job Listings قسمت دوم Fixing Failing Tests for JobListings Part II

• به روز رسانی مولفه Job Listing Updating JobListing Component

• بررسی بخش Section Review

• کد در انتهای بخش 30 Code at End of Section 30

[منسوخ شده - V1] Composition API III [DEPRECATED - V1] Composition API III

• تابع onMounted The onMounted Function

• تابع onMounted The onMounted Function

• Refactoring جزء JobListings برای استفاده از Composition API Refactoring JobListings Component to Use Composition API

• Refactoring جزء JobListings برای استفاده از Composition API Refactoring JobListings Component to Use Composition API

• دوباره با Store Getters تمرین کنید Practice with Store Getters Again

• دوباره با Store Getters تمرین کنید Practice with Store Getters Again

• بیشتر با توابع محاسبه شده تمرین کنید More Practice with computed Functions

• بیشتر با توابع محاسبه شده تمرین کنید More Practice with computed Functions

• استخراج Composables از JobListings I: useCurrentPage Extracting Composables from JobListings I: useCurrentPage

• استخراج Composables از JobListings I: useCurrentPage Extracting Composables from JobListings I: useCurrentPage

• استخراج منطق صفحه قبلی و بعدی به تابع قابل ترکیب Extracting Previous and Next Page Logic to Composable Function

• افزودن تست برای استفادهPreviousAndNextPages Composable Adding Tests for usePreviousAndNextPages Composable

• افزودن تست برای استفادهPreviousAndNextPages Composable Adding Tests for usePreviousAndNextPages Composable

• انتقال ارسال از JobListings Moving Dispatch out of JobListings

• انتقال ارسال از JobListings Moving Dispatch out of JobListings

• رفع آزمون های ناموفق برای فهرست های شغلی قسمت اول Fixing Failing Tests for JobListings Part I

• رفع آزمون های ناموفق برای فهرست های شغلی قسمت اول Fixing Failing Tests for JobListings Part I

• رفع آزمون های ناموفق برای Job Listings قسمت دوم Fixing Failing Tests for JobListings Part II

• رفع آزمون های ناموفق برای فهرست های شغلی قسمت سوم Fixing Failing Tests for JobListings Part III

• رفع آزمون های ناموفق برای فهرست های شغلی قسمت سوم Fixing Failing Tests for JobListings Part III

• به روز رسانی مولفه Job Listing Updating JobListing Component

• بررسی بخش Section Review

• کد در انتهای بخش 30 Code at End of Section 30

• کد در انتهای بخش 30 Code at End of Section 30

[منسوخ شده - V1] مقدمه ای بر TypeScript [DEPRECATED - V1] Intro to TypeScript

• به TypeScript خوش آمدید Welcome to TypeScript

• انواع اولیه Primitive Types

• نوع استنتاج Type Inference

• هر نوع The any type

• نوع و تایپ گاردهای ناشناخته The unknown Type and Type Guards

• اعلان های نوع آرایه Array Type Declarations

• اعلانات نوع شی Object Type Declarations

• Literals را تایپ کنید Type Literals

• Literals و Objects را تایپ کنید Type Literals and Objects

• ویژگی های اختیاری Optional Properties

• اعلان انواع برای توابع Declaring Types for Functions

• رابط برای توابع Interfaces for Functions

• بررسی بخش Section Review

[منسوخ شده - V1] مقدمه ای بر TypeScript [DEPRECATED - V1] Intro to TypeScript

• به TypeScript خوش آمدید Welcome to TypeScript

• انواع اولیه Primitive Types

• نوع استنتاج Type Inference

• هر نوع The any type

• هر نوع The any type

• نوع و تایپ گاردهای ناشناخته The unknown Type and Type Guards

• اعلان های نوع آرایه Array Type Declarations

• اعلان های نوع آرایه Array Type Declarations

• اعلانات نوع شی Object Type Declarations

• اعلانات نوع شی Object Type Declarations

• Literals را تایپ کنید Type Literals

• Literals را تایپ کنید Type Literals

• Literals و Objects را تایپ کنید Type Literals and Objects

• Literals و Objects را تایپ کنید Type Literals and Objects

• ویژگی های اختیاری Optional Properties

• رابط ها و انواع Interfaces and Types

• رابط ها و انواع Interfaces and Types

• اعلان انواع برای توابع Declaring Types for Functions

• اعلان انواع برای توابع Declaring Types for Functions

• رابط برای توابع Interfaces for Functions

• رابط برای توابع Interfaces for Functions

• مقدمه ای بر Generics Intro to Generics

• مقدمه ای بر Generics Intro to Generics

• بررسی بخش Section Review

• کد در انتهای بخش 31 Code at End of Section 31

• کد در انتهای بخش 31 Code at End of Section 31

[منسوخ شده - V1] TypeScript و Vuex [DEPRECATED - V1] TypeScript and Vuex

• فایل تست وضعیت را به TypeScript به روز کنید Update State Test File to TypeScript

• فایل Constants را به TypeScript به روز کنید Update Constants File to TypeScript

• به روز رسانی فایل تست جهش II: راه حل دوم Updating Mutations Test File II: Second Solution

• نوع جزئی TypeScript TypeScript’s Partial Type

• ایجاد عملکرد کارخانه فروشگاهی Creating a Store Factory Function

• افزودن انواع به فایل Getters I Adding Types to Getters File I

• افزودن انواع به فایل Getters II Adding Types to Getters File II

• به روز رسانی فایل تست Getters Updating Getters Test File

• افزودن انواع به فایل فهرست Adding Types to Index File

• بررسی بخش Section Review

• کد در انتهای بخش 32 Code at End of Section 32

[منسوخ شده - V1] TypeScript و Vuex [DEPRECATED - V1] TypeScript and Vuex

• TypeScript را برای Vue نصب کنید Install TypeScript for Vue

• TypeScript را برای Vue نصب کنید Install TypeScript for Vue

• ایجاد رابط شغلی Create Job Interface

• ایجاد رابط شغلی Create Job Interface

• رابط GlobalState را تعریف کنید Define GlobalState Interface

• رابط GlobalState را تعریف کنید Define GlobalState Interface

• فایل تست وضعیت را به TypeScript به روز کنید Update State Test File to TypeScript

• فایل Constants را به TypeScript به روز کنید Update Constants File to TypeScript

• ارائه انواع برای همه جهش ها Provide Types for All Mutations

• ارائه انواع برای همه جهش ها Provide Types for All Mutations

• به روز رسانی فایل تست جهش I: راه حل اول Updating Mutations Test File I: First Solution

• به روز رسانی فایل تست جهش I: راه حل اول Updating Mutations Test File I: First Solution

• به روز رسانی فایل تست جهش II: راه حل دوم Updating Mutations Test File II: Second Solution

• نوع جزئی TypeScript TypeScript’s Partial Type

• ایجاد عملکرد کارخانه فروشگاهی Creating a Store Factory Function

• به روز رسانی تست جهش: مشکل بعدی ما Updating Mutations Test: Our Next Problem

• به روز رسانی تست جهش: مشکل بعدی ما Updating Mutations Test: Our Next Problem

• رفع تست های جهش های باقی مانده Fixing Remaining Mutations Tests

• رفع تست های جهش های باقی مانده Fixing Remaining Mutations Tests

• افزودن انواع به فایل Getters I Adding Types to Getters File I

• افزودن انواع به فایل Getters II Adding Types to Getters File II

• فایل Utils را برای توابع کارخانه ایجاد کنید Create Utils File for Factory Functions

• فایل Utils را برای توابع کارخانه ایجاد کنید Create Utils File for Factory Functions

• به روز رسانی فایل تست Getters Updating Getters Test File

• به روز رسانی Vuex Actions Updating Vuex Actions

• به روز رسانی Vuex Actions Updating Vuex Actions

• تمسخر تماس های API با TypeScript Mocking API Calls with TypeScript

• تمسخر تماس های API با TypeScript Mocking API Calls with TypeScript

• افزودن انواع به Vuex Composables Adding Types to Vuex Composables

• افزودن انواع به Vuex Composables Adding Types to Vuex Composables

• به روز رسانی تست های Composables Updating Composables Tests

• به روز رسانی تست های Composables Updating Composables Tests

• افزودن انواع به فایل فهرست Adding Types to Index File

• بررسی بخش Section Review

• کد در انتهای بخش 32 Code at End of Section 32

[منسوخ شده - V1] TypeScript و Vue [DEPRECATED - V1] TypeScript and Vue

• افزودن حاشیه نویسی نوع به کامپوننت ProfileImage Adding Type Annotations to ProfileImage Component

• افزودن حاشیه نویسی نوع به مؤلفه عنوان Adding Type Annotations to Headline Component

• حاشیه نویسی گردانندگان رویداد Annotating Event Handlers

• افزودن حاشیه نویسی نوع به کامپوننت HeaderContainer Adding Type Annotations to HeaderContainer Component

• افزودن حاشیه نویسی نوع به مؤلفه Subnav Adding Type Annotations to Subnav Component

• افزودن انواع به Composables I Adding Types to Composables I

• افزودن انواع به Composables II Adding Types to Composables II

• حاشیه نویسی درخواست های Axios (مولفه Spotlight) Annotating Axios Requests (Spotlight Component)

• افزودن حاشیه نویسی نوع به مؤلفه Job Listings Adding Type Annotations to JobListings Component

• افزودن یادداشت‌های نوع به مؤلفه نوار کناری JobFilters Adding Type Annotations to JobFiltersSidebar Component

• تست های نوشتن برای مؤلفه نوار کناری JobFilters Writing Tests for JobFiltersSidebar Component

• افزودن یادداشت‌های نوع به مؤلفه JobFiltersSidebarCheckboxGroup Adding Type Annotations to JobFiltersSidebarCheckboxGroup Component

• به روز رسانی تست ها برای JobFiltersSidebarCheckboxGroup Component Updating Tests for JobFiltersSidebarCheckboxGroup Component

• افزودن حاشیه نویسی نوع به مؤلفه JobSearchForm Adding Type Annotations to JobSearchForm Component

• افزودن انواع برای توابع کاربردی Adding Types for Utility Functions

• حاشیه نویسی دیدگاه های ما Annotating Our Views

• به روز رسانی Composables برای استفاده از Store Key Updating Composables to use Store Key

• به روز رسانی فایل روتر Updating Router File

• بررسی بخش Section Review

• کد در انتهای بخش 33 Code at End of Section 33

[منسوخ شده - V1] TypeScript و Vue [DEPRECATED - V1] TypeScript and Vue

• افزودن حاشیه نویسی نوع به کامپوننت ProfileImage Adding Type Annotations to ProfileImage Component

• افزودن حاشیه نویسی نوع به کامپوننت ProfileImage Adding Type Annotations to ProfileImage Component

• افزودن حاشیه نویسی نوع به مؤلفه MainNav Adding Type Annotations to MainNav Component

• افزودن حاشیه نویسی نوع به مؤلفه MainNav Adding Type Annotations to MainNav Component

• افزودن حاشیه نویسی نوع به مؤلفه عنوان Adding Type Annotations to Headline Component

• استفاده از TypeScript با Composition API (کامپوننت آکاردئون) Using TypeScript with Composition API (Accordion Component)

• استفاده از TypeScript با Composition API (کامپوننت آکاردئون) Using TypeScript with Composition API (Accordion Component)

• افزودن حاشیه نویسی نوع به مؤلفه ActionButton Adding Type Annotations to ActionButton Component

• افزودن حاشیه نویسی نوع به مؤلفه ActionButton Adding Type Annotations to ActionButton Component

• حاشیه نویسی گردانندگان رویداد Annotating Event Handlers

• حاشیه نویسی گردانندگان رویداد Annotating Event Handlers

• افزودن حاشیه نویسی نوع به کامپوننت HeaderContainer Adding Type Annotations to HeaderContainer Component

• افزودن حاشیه نویسی نوع به مؤلفه Subnav Adding Type Annotations to Subnav Component

• افزودن انواع به Composables I Adding Types to Composables I

• افزودن انواع به Composables II Adding Types to Composables II

• حاشیه نویسی درخواست های Axios (مولفه Spotlight) Annotating Axios Requests (Spotlight Component)

• حاشیه نویسی تابع getJobs API Annotating getJobs API Function

• حاشیه نویسی تابع getJobs API Annotating getJobs API Function

• افزودن حاشیه نویسی نوع به مؤلفه JobListing Adding Type Annotations to JobListing Component

• افزودن حاشیه نویسی نوع به مؤلفه JobListing Adding Type Annotations to JobListing Component

• افزودن حاشیه نویسی نوع به مؤلفه Job Listings Adding Type Annotations to JobListings Component

• افزودن حاشیه نویسی نوع به مؤلفه Job Listings Adding Type Annotations to JobListings Component

• افزودن یادداشت‌های نوع به مؤلفه نوار کناری JobFilters Adding Type Annotations to JobFiltersSidebar Component

• تست های نوشتن برای مؤلفه نوار کناری JobFilters Writing Tests for JobFiltersSidebar Component

• بررسی بخش Section Review

• افزودن یادداشت‌های نوع به مؤلفه JobFiltersSidebarCheckboxGroup Adding Type Annotations to JobFiltersSidebarCheckboxGroup Component

• افزودن یادداشت‌های نوع به مؤلفه JobFiltersSidebarCheckboxGroup Adding Type Annotations to JobFiltersSidebarCheckboxGroup Component

• Annotating Store for useStore در Component Annotating Store for useStore in Component

• Annotating Store for useStore در Component Annotating Store for useStore in Component

• به روز رسانی تست ها برای JobFiltersSidebarCheckboxGroup Component Updating Tests for JobFiltersSidebarCheckboxGroup Component

• افزودن حاشیه نویسی نوع به مؤلفه JobSearchForm Adding Type Annotations to JobSearchForm Component

• افزودن انواع برای توابع کاربردی Adding Types for Utility Functions

• افزودن حاشیه نویسی نوع به اجزای قهرمان و برنامه Adding Type Annotations to Hero and App Components

• افزودن حاشیه نویسی نوع به اجزای قهرمان و برنامه Adding Type Annotations to Hero and App Components

• حاشیه نویسی دیدگاه های ما Annotating Our Views

• حاشیه نویسی دیدگاه های ما Annotating Our Views

• به روز رسانی Composables برای استفاده از Store Key Updating Composables to use Store Key

• به روز رسانی فایل روتر Updating Router File

• بررسی بخش Section Review

• کد در انتهای بخش 33 Code at End of Section 33

• کد در انتهای بخش 33 Code at End of Section 33

[منسوخ شده - V1] ساخت یک ویژگی با TypeScript [DEPRECATED - V1] Building A Feature with TypeScript

• داستان کاربر User Story

• TDD برای API Call: getDegrees API Call TDD for API Call: getDegrees API Call

• TDD برای ایالت: حالت شروع برای مدرک TDD for State: Starting State for Degrees

• TDD برای اقدامات: FETCH DEGREES TDD for Actions: FETCH DEGREES

• TDD برای گیرندگان: UNIQUE_DEGREES TDD for Getters: UNIQUE_DEGREES

• TDD برای ایالت: درجات انتخاب شده TDD for State: selectedDegrees

• TDD برای گیرندگان: INCLUDE_JOB_BY_DEGREE TDD for Getters: INCLUDE_JOB_BY_DEGREE

• TDD برای گیرندگان: FILTERED_JOBS TDD for Getters: FILTERED_JOBS

• TDD برای Composables: useUniqueDegrees TDD for Composables: useUniqueDegrees

• TDD برای مؤلفه: JobFiltersSidebar TDD for Component: JobFiltersSidebar

• TDD برای Lifecycle Hook: onMounted TDD for Lifecycle Hook: onMounted

• امتحان کردن کد در مرورگر Trying Out Code in Browser

• بررسی بخش Section Review

• کد در انتهای بخش 34 Code at End of Section 34

[منسوخ شده - V1] ساخت یک ویژگی با TypeScript [DEPRECATED - V1] Building A Feature with TypeScript

• داستان کاربر User Story

• محتوای JSON برای فایل db.json JSON Content for db.json File

• محتوای JSON برای فایل db.json JSON Content for db.json File

• اضافه کردن/درجه پایانی Adding /degrees Endpoint

• اضافه کردن/درجه پایانی Adding /degrees Endpoint

• TDD برای API Call: getDegrees API Call TDD for API Call: getDegrees API Call

• TDD برای API Call: getDegrees API Call TDD for API Call: getDegrees API Call

• TDD برای ایالت: حالت شروع برای مدرک TDD for State: Starting State for Degrees

• TDD برای جهش: RECEIVE_DEGREES TDD for Mutations: RECEIVE_DEGREES

• TDD برای جهش: RECEIVE_DEGREES TDD for Mutations: RECEIVE_DEGREES

• TDD برای اقدامات: FETCH DEGREES TDD for Actions: FETCH DEGREES

• TDD برای گیرندگان: UNIQUE_DEGREES TDD for Getters: UNIQUE_DEGREES

• TDD برای گیرندگان: UNIQUE_DEGREES TDD for Getters: UNIQUE_DEGREES

• TDD برای ایالت: درجات انتخاب شده TDD for State: selectedDegrees

• TDD برای گیرندگان: INCLUDE_JOB_BY_DEGREE TDD for Getters: INCLUDE_JOB_BY_DEGREE

• TDD برای گیرندگان: FILTERED_JOBS TDD for Getters: FILTERED_JOBS

• TDD برای جهش: ADD_SELECTED_DEGREES TDD for Mutations: ADD_SELECTED_DEGREES

• TDD برای جهش: ADD_SELECTED_DEGREES TDD for Mutations: ADD_SELECTED_DEGREES

• TDD برای Composables: useUniqueDegrees TDD for Composables: useUniqueDegrees

• TDD برای مؤلفه: JobFiltersSidebar TDD for Component: JobFiltersSidebar

• TDD برای Composable: useFetchDegreesDispatch TDD for Composable: useFetchDegreesDispatch

• TDD برای Composable: useFetchDegreesDispatch TDD for Composable: useFetchDegreesDispatch

• TDD برای Lifecycle Hook: onMounted TDD for Lifecycle Hook: onMounted

• امتحان کردن کد در مرورگر Trying Out Code in Browser

• امتحان کردن کد در مرورگر Trying Out Code in Browser

• بررسی بخش Section Review

• کد در انتهای بخش 34 Code at End of Section 34

[منسوخ شده - V1] پاک کردن فیلترهای کار [DEPRECATED - V1] Clearing Job Filters

• داستان کاربر User Story

• سیم کشی کلیک کنید Handler در JobFiltersSidebar Wiring up Click Handler In JobFiltersSidebar

• رفع خطاهای تست در JobFiltersSidebarCheckboxGroup Component Fixing Failing Tests in JobFiltersSidebarCheckboxGroup Component

• بازسازی مولفه آکاردئون Refactoring the Accordion Component

• شکستن نوار کناری Filters JobFilters به ​​اجزای کوچکتر Breaking JobFiltersSidebar Into Smaller Components

• شکستن تست‌های اجزای نوار کناری سابق JobFilters Breaking up Former JobFiltersSidebar Component Tests

• ایجاد کامپوننت JobFiltersSidebarPrompt Creating JobFiltersSidebarPrompt Component

• افزودن تست برای مؤلفه JobFiltersSidebarPrompt Adding Tests for JobFiltersSidebarPrompt Component

• بررسی بخش Section Review

• کد در انتهای بخش 35 Code at End of Section 35

[منسوخ شده - V1] پاک کردن فیلترهای کار [DEPRECATED - V1] Clearing Job Filters

• داستان کاربر User Story

• TDD برای CLEAR_USER_JOB_FILTER_SELECTIONS جهش TDD for CLEAR_USER_JOB_FILTER_SELECTIONS Mutation

• TDD برای CLEAR_USER_JOB_FILTER_SELECTIONS جهش TDD for CLEAR_USER_JOB_FILTER_SELECTIONS Mutation

• سیم کشی کلیک کنید Handler در JobFiltersSidebar Wiring up Click Handler In JobFiltersSidebar

• سیم کشی کلیک کنید Handler در JobFiltersSidebar Wiring up Click Handler In JobFiltersSidebar

• روش اشتراک در فروشگاه The subscribe Method on a Store

• روش اشتراک در فروشگاه The subscribe Method on a Store

• رفع خطاهای تست در JobFiltersSidebarCheckboxGroup Component Fixing Failing Tests in JobFiltersSidebarCheckboxGroup Component

• بازسازی مولفه آکاردئون Refactoring the Accordion Component

• شکستن نوار کناری Filters JobFilters به ​​اجزای کوچکتر Breaking JobFiltersSidebar Into Smaller Components

• شکستن تست‌های اجزای نوار کناری سابق JobFilters Breaking up Former JobFiltersSidebar Component Tests

• ایجاد کامپوننت JobFiltersSidebarPrompt Creating JobFiltersSidebarPrompt Component

• ایجاد کامپوننت JobFiltersSidebarPrompt Creating JobFiltersSidebarPrompt Component

• افزودن تست برای مؤلفه JobFiltersSidebarPrompt Adding Tests for JobFiltersSidebarPrompt Component

• افزودن تست برای مؤلفه JobFiltersSidebarPrompt Adding Tests for JobFiltersSidebarPrompt Component

• بررسی بخش Section Review

• کد در انتهای بخش 35 Code at End of Section 35

[منسوخ شده - V1] افزودن فیلتر مهارت [DEPRECATED - V1] Adding Skills Filter

• داستان کاربر User Story

• ایجاد مؤلفه برای ردیابی مهارت ها و صلاحیت ها Create Component to Track Skills and Qualifications

• اتصال وضعیت جستجو به فروشگاه Vuex Wiring up Search State to Vuex Store

• اصلاح کننده ورودی تریم The trim Input Modifier

• افزودن تست خواندن از فروشگاه به مهارت Adding Test for Reading from Store to Skills

• افزودن تست برای برش ورودی Adding Test for Trimming Input

• در حال به روز رسانی FILTERED_JOBS Getter Updating the FILTERED_JOBS Getter

• پاک کردن ورودی جستجو هنگام پاک کردن فیلترها Clearing the Search Input when Clearing Filters

• بررسی بخش Section Review

[منسوخ شده - V1] افزودن فیلتر مهارت [DEPRECATED - V1] Adding Skills Filter

• داستان کاربر User Story

• داستان کاربر User Story

• ایجاد مؤلفه برای ردیابی مهارت ها و صلاحیت ها Create Component to Track Skills and Qualifications

• ایجاد مؤلفه برای ردیابی مهارت ها و صلاحیت ها Create Component to Track Skills and Qualifications

• عبارت جستجوی جدید را به Vuex State اضافه کنید Add New Search Term to Vuex State

• عبارت جستجوی جدید را به Vuex State اضافه کنید Add New Search Term to Vuex State

• اضافه کردن جهش به به روز رسانی عبارت جستجوی مهارت Add Mutation to Update Skills Search Term

• اضافه کردن جهش به به روز رسانی عبارت جستجوی مهارت Add Mutation to Update Skills Search Term

• فیلتر کردن مشاغل بر اساس عبارت جستجو Filtering the Jobs by Search Term

• فیلتر کردن مشاغل بر اساس عبارت جستجو Filtering the Jobs by Search Term

• دو تست دیگر برای INCLUDE_JOB_BY_SKILL Two More Tests for INCLUDE_JOB_BY_SKILL

• دو تست دیگر برای INCLUDE_JOB_BY_SKILL Two More Tests for INCLUDE_JOB_BY_SKILL

• اتصال وضعیت جستجو به فروشگاه Vuex Wiring up Search State to Vuex Store

• اصلاح کننده ورودی تنبل The lazy Input Modifier

• اصلاح کننده ورودی تنبل The lazy Input Modifier

• اصلاح کننده ورودی تریم The trim Input Modifier

• افزودن تست خواندن از فروشگاه به مهارت Adding Test for Reading from Store to Skills

• افزودن تست نوشتن به فروشگاه از Skills Adding Test for Writing to Store from Skills

• افزودن تست نوشتن به فروشگاه از Skills Adding Test for Writing to Store from Skills

• افزودن تست برای برش ورودی Adding Test for Trimming Input

• در حال به روز رسانی FILTERED_JOBS Getter Updating the FILTERED_JOBS Getter

• پاک کردن ورودی جستجو هنگام پاک کردن فیلترها Clearing the Search Input when Clearing Filters

• خواندن عبارت جستجو از Query Params Reading Search Term from Query Params

• خواندن عبارت جستجو از Query Params Reading Search Term from Query Params

• رفع خطاهای تست برای مؤلفه نوار کناری JobFilters Fixing Failing Tests for JobFiltersSidebar Component

• رفع خطاهای تست برای مؤلفه نوار کناری JobFilters Fixing Failing Tests for JobFiltersSidebar Component

• بررسی بخش Section Review