آموزش کامل Vue.js 3 (Inc. Composition API، Vue Router، Vuex)

Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: (آپریل 2021 دوباره ضبط شد) Vue.js 3 اینجاست! از "Hello, Vue!" برای ساخت برنامه های بزرگ با Vuex و Vue Router. Vue JS 3 از ابتدا گزینه ها و ترکیب API Vuex Vue Router ایجاد اجزای قابل استفاده مجدد الگوهای طراحی مسیریابی Front-end پیش نیازها: عطش دانش فناوری های پایه وب (HTML/CSS/JS) مهارت پایه ترمینال (ساخت فایل ها و دایرکتوری ها)

یک دوره Vue.js 3 دیگر از صفر تا قهرمان - نوعی . این دوره برای توسعه دهندگانی است که می خواهند سریع حرکت کنند. ما روش سنتی ساخت برنامه‌های Vue - Options API - و همچنین Composition API جدید را پوشش می‌دهیم و حتی می‌بینیم که چگونه می‌توانید آنها را با هم ترکیب و مطابقت دهید.

8 ماژول وجود دارد. 4 مهارت های اساسی را معرفی می کند (Options API؛ Composition API؛ Vuex و Vue Router). چهار ماژول باقی مانده پروژه هستند، بنابراین می توانید نحوه به کارگیری مهارت های اساسی در برنامه های واقعی را مشاهده کنید. من به یادگیری از طریق انجام دادن اعتقاد زیادی دارم.

پس از یادگیری گزینه‌ها و Composition API، می‌بینیم که چگونه از آنها با Vuex و Vue Router استفاده کنیم، و در مورد موارد استفاده و معاوضه‌های متفاوتی که باید در نظر گرفته شود صحبت می‌کنیم.

در نهایت، با پیشرفت ما، تمرکز ما نه تنها از نحوه ساخت برنامه‌ها با Vue، بلکه به فکر کردن در مورد اینکه چگونه چیزها را طراحی می‌کنیم تغییر می‌کند. چگونه اجزا باید با هم ارتباط برقرار کنند، داده‌ها در کجا باید ذخیره شوند (همچنین به عنوان مدیریت وضعیت شناخته می‌شود) و چگونه از طریق برنامه جریان می‌یابد.

این دوره توسط Lachlan Miller عضو تیم Vue.js تدریس می شود، بنابراین می توانید مطمئن باشید که در دستان خوبی هستید.

پس از پوشش Vue؛ ما به Vuex، راه حل مدیریت وضعیت Vue، و Vue Router، برای مسیریابی جلویی نگاه می کنیم. این دوره با یک پروژه capstone، با استفاده از سه کتابخانه اصلی Vue (Vue، Vuex، Vue Router) برای ساخت یک برنامه به اوج خود می رسد.


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

معرفی دوره Course Introduction

  • نکات قبل از شروع Notes before starting

  • معرفی Introduction

  • اولین برنامه Vue.js شما Your First Vue.js App

  • افزودن یک ویژگی الگو Adding a Template Property

  • تعامل کاربر با متدها User Interactions with Methods

  • Flow را با v-if و v-else کنترل کنید Control Flow with v-if and v-else

  • حلقه ها با v-for Loops with v-for

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

  • کلاس بندی Class Bindings

  • اعتبار سنجی ورودی Input Validation

  • مدل v شگفت انگیز The Amazing v-model

  • اولین جزء شما Your First Component

  • لوازم جانبی Component Props

  • ارتباط کودک و والدین با رویدادها Child-Parent Communication with Events

  • کد منبع برای پروژه های آینده Source Code for Upcoming Projects

پروژه 1: فرم ثبت نام کاربر با اعتبارسنجی Project 1: User Sign-up Form with Validation

  • پروژه شماره 1: فرم ثبت نام کاربر با اعتبارسنجی Project #1: User Sign-up Form w/ Validation

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

  • یک جزء دکمه سفارشی A Custom Button Component

  • مبانی ورودی سفارشی Custom Input Foundations

  • اعتبار سنجی پویا Dynamic Validation

  • بازاندیشی در وضعیت فرم Rethinking the Form State

  • اعتبار سنجی فرم Validating the Form

  • ارسال فرم و تکمیل Submitting the Form and Finishing Up

پروژه شماره 2: Pokemon Evolutions Project #2: Pokemon Evolutions

  • پروژه شماره 2: Pokemon Evolutions Project #2: Pokemon Evolutions

  • ایجاد پایه های کارت Creating the Card Foundations

  • بارگیری داده های راه دور با Fetch Loading Remote Data with Fetch

  • واکشی چندین منبع داده Fetching Multiple Data Sources

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

  • ارائه محتوا Rendering Content

  • اجزای مدولار با اسلات Modular Components with Slots

  • استفاده مجدد از کد برای واکشی Evolutions Reusing Code to Fetch Evolutions

  • سبک های بهتر با کلاس بندی Better Styles with Class Bindings

  • جداسازی منطق کسب و کار و اجزای ارائه Separating Business Logic and Presentation Components

اصول ترکیب بندی Composition Fundamentals

  • مقدمه مبانی ترکیب Composition Fundamentals Introduction

  • سلام، Composition API! Hello, Composition API!

  • واکنش پذیری با رفر Reactivity with ref

  • واکنش پذیر برای مقادیر پیچیده Reactive for Complex Values

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

  • افکت تماشا و تماشا Watch and Watch Effect

  • قبل و بعد با ساعت Before and After with watch

  • UseNumbers Composable The useNumbers Composable

  • کتابخانه منبع باز: Vue Use Open Source Library: Vue Use

پروژه شماره 3: ایجاد یک میکروبلاگ Project #3: Composing a Microblog

  • پروژه شماره 3: میکروبلاگ (با Composition API) Projet #3: Microblog (with the Composition API)

  • ایجاد فروشگاه میکروبلاگ Creating the Microblog Store

  • رندر پست ها با کامپوننت کارت Render Posts with the Card Component

  • جزء هشتگ The Hashtag Component

  • انتشار رویدادها با Composition API Emitting Events with the Composition API

  • فیلتر کردن پست ها با محاسبه Filtering Posts with Computed

  • بازسازی با پست استور Refactoring with the Posts Store

  • لایک کردن یک پست Liking a Post

  • جستجو برای هشتگ Searching for Hashtags

  • ذهن دمیدن فاکتور و تمرینات Mind Blowing Fefactor and Exercises

اصول روتر Vue Vue Router Fundamentals

  • اصول روتر Vue Vue Router Fundamentals

  • سلام روتر Vue Hello Vue Router

  • مولفه پیوند روتر The Router Link component

  • کودکان و مسیرهای تودرتو Children and Nested Routes

  • Route Params با Composition API Route Params with the Composition API

  • مسیر پست جدید New Post Route

  • فرم پست جدید New Post Form

  • usePosts Composable usePosts Composable

  • تغییر مسیر با روتر Vue Redirects with Vue Router

  • Options API Refactor Options API Refactor

Vuex Fundamentals Vuex Fundamentals

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

  • یک فروشگاه و ایالت Vuex ایجاد کنید Create a Vuex Store and State

  • به روز رسانی حالت با جهش Updating State with Mutations

  • اطلاعات بیشتر در مورد جهش More on Mutations

  • عملیات اعزام Dispatching Actions

  • مسخره کردن سرور و واکشی پست ها Mocking the Server and Fetching Posts

  • نمایش پست فعلی Showing the Current Post

  • Vuex Getters Vuex Getters

  • مقیاس بندی Vuex با ماژول ها Scaling Vuex with Modules

  • Options API Refactor Options API Refactor

  • Options API Refactor Options API Refactor

پروژه شماره 4: پروژه Capstone Project #4: Capstone Project

  • مقدمه ای بر پروژه Capstone Introduction to the Capstone Project

  • راه اندازی Vuex Setting Up Vuex

  • طرح بندی های قابل استفاده مجدد Reusable Layouts

  • واکشی آلبوم ها با Fetch Fetching Albums with Fetch

  • جریان کار واکشی داده با Vuex Data Fetching Workflow with Vuex

  • ایجاد کامپوننت آلبوم Creating the Album Component

  • واکشی هزاران عکس Fetching Thousands of Photos

  • اضافه کردن مسیریابی Adding Routing

  • مسیریابی بهبود یافته Improved Routing

  • مسیریابی با لینک روتر Routing with Router Link

  • WatchEffect و پارامترهای مسیریابی watchEffect and Routing Params

  • Vuex Level Caching برای عملکرد بهتر Vuex Level Caching for Better Performance

  • کلمات جدایی و توصیه ها Parting Words and Recommendations

نمایش نظرات

Udemy (یودمی)

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

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

آموزش کامل Vue.js 3 (Inc. Composition API، Vue Router، Vuex)
جزییات دوره
5.5 hours
85
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
15,132
4.5 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Lachlan Miller Lachlan Miller

مهندس نرم افزار لاچلان یک توسعه دهنده کامل نرم افزار پشته ، علاقه مند به منبع باز ، توسعه آزمون آزمایشی و راهنمایی است. او از سال 2016 در انجمن منبع باز Vue.js همکاری می کند و نگهدارنده Vue Test Utils ، کتابخانه آزمایش رسمی Vue.js است. Lachlan با تیم های کوچک و بزرگ کار کرده است ، هم به عنوان یک توسعه دهنده پشته کامل و هم به عنوان یک مربی ، آموزش و راهنمایی در زمینه طراحی برنامه های greenfield و همچنین انتقال برنامه های موجود به برنامه های مدرن جدید و بسیار پویا را ارائه می دهد.