لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش Vue 3 Fundamentals
Vue 3 Fundamentals
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
محبوبیت Vue.js به دلیل سهولت استفاده از آن به سرعت در حال افزایش است. این دوره تمام اصول توسعه Vue از جمله ایجاد کامپوننت ها، دستورالعمل ها، فیلترها، مسیریابی، مدیریت وضعیت Pinia و استقرار در تولید را به شما آموزش می دهد. Vue یکی از سبک ترین و لذت بخش ترین چارچوب های توسعه front-end برای ساخت برنامه های کاربردی وب مدرن است. و بسیاری از مفاهیم مهم برای یادگیری برای تبدیل شدن به یک توسعه دهنده ماهر Vue وجود دارد. در این دوره، Vue 3 Fundamentals، دانش پایه مورد نیاز برای ساخت برنامه های قوی و آماده تولید با Vue را به دست خواهید آورد. ابتدا، خواهید دید که چگونه می توانید پروژه خود را از ابتدا با Vue CLI بسازید، از جمله ایجاد مؤلفه ها با استفاده از Options و Composition API و مدیریت ارتباط بین مؤلفه ها. در مرحله بعد، نحوه ایجاد مسیرها و پیمایش از صفحه به صفحه، مدیریت وضعیت برنامه و برقراری ارتباط با سرور با استفاده از Pinia و ایجاد دستورالعمل های سفارشی را بررسی خواهید کرد. در نهایت، نحوه استقرار و پیکربندی برنامه خود را برای تولید یاد خواهید گرفت. پس از اتمام این دوره، مهارت ها و دانش اساسی Vue مورد نیاز برای ایجاد برنامه های کاربردی قابل اعتماد و حرفه ای Vue را کسب خواهید کرد.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
بررسی اجمالی دوره
Course Overview
شروع کار با Vue
Getting Started with Vue
مقدمه و آنچه ما خواهیم ساخت
Introduction and What We'll Build
مروری بر مفهومی Vue
A Conceptual Overview of Vue
راه اندازی محیط ما
Setting Up Our Environment
کاوش در گزینه های Vue Tooling
Exploring Vue Tooling Options
ایجاد یک پروژه جدید با Vue CLI
Creating a New Project with the Vue CLI
بررسی آنچه Vue CLI ایجاد کرد
Exploring What the Vue CLI Created
ایجاد یک پروژه جدید با create-vue
Creating a New Project with create-vue
شبیه سازی برنامه آزمایشی ما
Cloning Our Demo Application
اصلاح صفحه اصلی پیش فرض
Modifying the Default Home Page
ایجاد کامپوننت های سفارشی Vue
Creating Custom Vue Components
معرفی
Introduction
درک اجزای Vue
Understanding Vue Components
مولفه های محلی در مقابل جهانی
Local Versus Global Components
ایجاد اولین مؤلفه Vue ما
Creating Our First Vue Component
خلاصه
Summary
با استفاده از Vue Template Syntax
Using Vue Template Syntax
معرفی
Introduction
اتصال ویژگی ها به داده ها با v-bind
Binding Attributes to Data with v-bind
اتصال به رویدادها با v-on
Binding to Events with v-on
استفاده از صحافی های کوتاه
Using Shorthand Bindings
نمایش داده ها با درون یابی
Displaying Data with Interpolation
نمایش مشروط محتوا با v-if و v-show
Conditionally Displaying Content with v-if and v-show
تکرار عناصر با v-for
Repeating Elements with v-for
قالب بندی داده ها
Formatting Data
استفاده از قلاب چرخه حیات کامپوننت
Using Component Lifecycle Hooks
به اشتراک گذاری عملکرد کامپوننت با Mixins
Sharing Component Functionality with Mixins
خلاصه
Summary
استفاده از Vue's Composition and Reactivity API
Using Vue's Composition and Reactivity APIs
معرفی
Introduction
چرا از Composition API استفاده کنیم؟
Why Use the Composition API?
با استفاده از Composition API
Using the Composition API
استفاده از <اسکریپت تنظیم برای اجزای Composition API
Using <script setup> for Composition API Components
واکنشپذیر کردن کامپوننتها با Reactivity API
Making Components Reactive with the Reactivity API
مقایسه روشهای مختلف واکنشپذیری
Comparing the Different Reactivity Methods
استفاده از Lifecycle Hooks با Composition API
Using Lifecycle Hooks with the Composition API
بررسی مزایای Composition API
Exploring the Benefits of the Composition API
خلاصه
Summary
Styling Components Vue
Styling Vue Components
معرفی
Introduction
سبک های کامپوننت جهانی در مقابل دامنه
Global Versus Scoped Component Styles
یک ظاهر طراحی شده اجزای کودک
Styling Child Components
اعمال مشروط سبک ها با اتصالات سبک
Conditionally Applying Styles with Style Bindings
اعمال مشروط کلاس ها با کلاس Bindings
Conditionally Applying Classes with Class Bindings
استفاده از Bindings در Component Styles
Using Bindings in Component Styles
استفاده از SASS و سایر پیش پردازنده های CSS
Using SASS and Other CSS Pre-processors
خلاصه
Summary
برقراری ارتباط بین اجزای Vue
Communicating Between Vue Components
معرفی
Introduction
ایجاد اجزای کودک
Creating Child Components
انتقال داده ها به اجزای کودک با لوازم جانبی
Passing Data to Child Componets with Props
اعتبار سنجی لوازم
Validating Props
انتقال داده به اجزای والد با رویدادها
Passing Data to Parent Components with Events
Pluralsight یکی از پرطرفدارترین پلتفرمهای آموزش آنلاین است که به میلیونها کاربر در سراسر جهان کمک میکند تا مهارتهای خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دورههای آموزشی در زمینههای فناوری اطلاعات، توسعه نرمافزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه میدهد.
یکی از ویژگیهای برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعهدهندگان و کارشناسان معتبر، دورههایی را ارائه میدهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژیها نگه میدارد. این امر به کاربران این اطمینان را میدهد که دورههایی که در Pluralsight میپذیرند، با جدیدترین دانشها و تجارب به روز شدهاند.
نمایش نظرات