نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره برای توسعه دهندگانی است که می خواهند سریع حرکت کنند. ما روش سنتی ساخت برنامههای Vue - Options API - و همچنین Composition API جدید را پوشش میدهیم و حتی میبینیم که چگونه میتوانید آنها را با هم ترکیب و مطابقت دهید.
8 ماژول در این دوره وجود دارد. 4 مهارت های اساسی را معرفی می کند (Options API، Composition API، Vuex، و Vue Router). چهار ماژول باقیمانده پروژه هستند تا بتوانید نحوه به کارگیری مهارت های اساسی در برنامه های واقعی را مشاهده کنید.
پس از یادگیری Options و Composition API، نحوه استفاده از هر دو با Vuex و Vue Router را خواهیم دید و در مورد موارد استفاده و معاوضه های مختلف صحبت خواهیم کرد.
در نهایت، با پیشرفت، تمرکز ما نه تنها از نحوه ساخت برنامهها با Vue، بلکه به فکر کردن در مورد اینکه چگونه چیزها را طراحی میکنیم، چگونه مؤلفهها باید ارتباط برقرار کنند، کجا دادهها باید ذخیره شوند (همچنین به عنوان مدیریت وضعیت شناخته میشود) تغییر میکند. چگونه از طریق برنامه جریان می یابد.
پس از پوشش Vue، به Vuex، راه حل مدیریت وضعیت Vue، و Vue Router، برای مسیریابی جلویی نگاه خواهیم کرد. این دوره با یک پروژه capstone، با استفاده از سه کتابخانه اصلی Vue (Vue، Vuex، Vue Router) برای ساخت یک برنامه به اوج خود می رسد.
در پایان این دوره، پایه ای محکم در کدنویسی با Vue.js به دست خواهید آورد و این مهارت ها را در پروژه های آینده خود به کار خواهید برد.
همه فایلهای کد و منابع در اینجا در دسترس هستند: https://github.com/PacktPublishing/Complete-Vue.js-3-Inc.-Composition-API-Vue-Router-Vuex- ساخت برنامهها با استفاده از Vue.js
اجزای قابل استفاده مجدد ایجاد کنید
از روتر Vue برای مسیریابی جلویی استفاده کنید
الگوهای طراحی
Understand Options and Composition API این دوره برای توسعه دهندگان وب در سطح مبتدی یا متوسط مناسب است. توسعه دهندگانی که به دنبال آزمایش ویژگی های جدید Vue.js 3 هستند نیز می توانند این دوره را انتخاب کنند.
دانش اولیه فن آوری های وب (HTML/CSS/JS) و مهارت ترمینال مورد نیاز است. Vue.js را از ابتدا یاد بگیرید و از آن برای ساخت برنامهها استفاده کنید * پروژههای متعددی بسازید تا مهارتهایی را که یاد خواهید گرفت در عمل بسازید * Vuex و Vue روتر را کاوش کنید.
سرفصل ها و درس ها
معرفی دوره
Course Introduction
معرفی
Introduction
راه اندازی
Setting Up
اولین برنامه 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
پروژه 1: فرم ثبت نام کاربر با اعتبارسنجی
Project 1: User Sign-up Form with Validation
پروژه 1: فرم ثبت نام کاربر با مقدمه اعتبار سنجی
Project 1: User Sign-up Form w/ Validation Introduction
اجزای فایل منفرد
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: تکامل پوکمون
Project 2: Pokémon Evolutions
Project 2: Pokémon Evolutions معرفی
Project 2: Pokémon Evolutions Introduction
ایجاد پایه های کارت
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
مقدمه ای بر پروژه 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
نمایش نظرات
Packtpub یک ناشر دیجیتالی کتابها و منابع آموزشی در زمینه فناوری اطلاعات و توسعه نرمافزار است. این شرکت از سال 2004 فعالیت خود را آغاز کرده و به تولید و انتشار کتابها، ویدیوها و دورههای آموزشی میپردازد که به توسعهدهندگان و متخصصان فناوری اطلاعات کمک میکند تا مهارتهای خود را ارتقا دهند. منابع آموزشی Packtpub موضوعات متنوعی از جمله برنامهنویسی، توسعه وب، دادهکاوی، امنیت سایبری و هوش مصنوعی را پوشش میدهد. محتوای این منابع به صورت کاربردی و بهروز ارائه میشود تا کاربران بتوانند دانش و تواناییهای لازم برای موفقیت در پروژههای عملی و حرفهای خود را کسب کنند.
مهندس نرم افزار لاچلان یک توسعه دهنده کامل نرم افزار پشته ، علاقه مند به منبع باز ، توسعه آزمون آزمایشی و راهنمایی است. او از سال 2016 در انجمن منبع باز Vue.js همکاری می کند و نگهدارنده Vue Test Utils ، کتابخانه آزمایش رسمی Vue.js است.
Lachlan با تیم های کوچک و بزرگ کار کرده است ، هم به عنوان یک توسعه دهنده پشته کامل و هم به عنوان یک مربی ، آموزش و راهنمایی در زمینه طراحی برنامه های greenfield و همچنین انتقال برنامه های موجود به برنامه های مدرن جدید و بسیار پویا را ارائه می دهد.
نمایش نظرات