Vue.js 3 آموزش

Vue.js 3 Essential Training

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Vue.js به توسعه دهندگان چارچوبی برای ساخت برنامه ها ارائه می دهد که به آنها اجازه می دهد انتخاب کنند چقدر عمیق می خواهند چارچوب را به کار گیرند. در این دوره ، مربی Ray Villalobos اصول Vue.js 3 را بررسی می کند ، سپس گزینه هایی را برای ارائه ، محاسبه مقادیر و ایجاد م .لفه ها پوشش می دهد. Ray نحوه نصب Vue.js 3 و راه اندازی آن را به شما نشان می دهد. او شما را با استفاده از الگوها راهنمایی می کند ، سپس به خصوصیاتی می رود که نحوه کار کتابخانه را افزایش می دهند. او درباره آرایه ها و اشیا و همچنین نحوه ایجاد کلاس های پویا با عبارات بحث می کند. او وارد مراحل انتقال می شود ، سپس شما را از طریق ایجاد م componentsلفه ها و رویدادهای م componentلفه راهنمایی می کند. او آنچه را که هنگام نصب پروژه با Vue CLI به دست می آورید نشان می دهد ، از جمله نحوه نصب روتر Vue. او به شما نشان می دهد که چگونه یک پروژه واقعی را تنظیم کرده و بسازید ، سپس برنامه شما را ارتقا می دهد تا بتوانید با API برنامه راحت تر باشید. در پایان ، ری نحوه افزودن ویژگی های جدید به برنامه شما را توضیح می دهد.

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

مقدمه Introduction

  • آنچه باید درباره Vue.js بیاموزید What you should learn about Vue.js

  • استفاده از تمرینات این دوره Using the exercises for this course

1. شروع کار 1. Getting Started

  • گزینه های نصب Installation options

  • تنظیمات اصلی Basic setup

  • اتصال به بخشنامه ها Binding with directives

  • لیست های رندر Rendering lists

  • داده های مشروط Conditional data

2. مدیریت واکنش پذیری 2. Managing Reactivity

  • قسمتهای ورودی Input fields

  • محتوای محاسبه شده Computed content

  • مدیریت رویداد Event handling

  • قلاب چرخه زندگی Lifecycle hooks

3. سبک ها و انیمیشن ها 3. Styles and Animation

  • سبک های درون خطی Inline styles

  • کلاس ها Classes

  • انتقال Transitions

  • گزینه ها و لیست های متحرک Options and animating lists

4. استفاده از کامپوننت ها 4. Using Components

  • اجزای اساسی Basic components

  • وقایع مonلفه Component events

  • شکافها Slots

5. درک CLI 5. Understanding the CLI

  • Application API Application API

  • نصب با Vue CLI Installing with the Vue CLI

  • نمای کلی نصب Overview of installation

  • پرونده های پروژه Vue Vue project files

6. ایجاد یک پروژه واقعی 6. Creating a Real Project

  • راه اندازی یک برنامه واقع گرایانه Setting up a realistic app

  • ماژول ها و مسیریابی Modules and routing

  • CodePen به برنامه CodePen to app

  • انتشار به روزرسانی ها Emitting updates

7. Refactoring CodePen 7. Refactoring CodePen

  • سازماندهی مجدد سلسله مراتب Reorganizing hierarchy

  • ناوبری Refactoring Refactoring navigation

  • در حال حرکت اجزا Moving components

  • حرکت کشویی Moving the drop-down

8. افزودن ویژگی ها 8. Adding Features

  • اصلاح سبد خرید Modifying the cart

  • در حال حذف موارد Deleting items

  • برنامه نویسی صفحه پرداخت Programming a checkout page

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

Vue.js 3 آموزش
جزییات دوره
5h 8m
34
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
150
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ray Villalobos Ray Villalobos

مربی کارکنان ارشد در LinkedIn Learning

Ray Villalobos یک معلم طراحی/توسعه کامل و مدرس کارکنان ارشد در LinkedIn Learning است.

دوره های آموزشی او در قسمت جلو متمرکز شده است. -پایان موضوعات طراحی و توسعه مانند جاوا اسکریپت، AngularJS، React و Sass، به علاوه فریمورک هایی مانند Bootstrap و ابزارهایی که می توانند شما را به یک توسعه دهنده سریعتر و کارآمدتر تبدیل کنند. او سبک تدریس واضح و عملی دارد و به شما کمک می کند تا مهارت های خود را از طریق تمرین ها و پروژه های واقعی بهبود بخشید.

پیش از این، ری به عنوان مدیر چندرسانه ای برای Entravision Communications، شبکه ای از وب سایت های ایستگاه های رادیویی و تلویزیونی را مدیریت می کرد. در ساحل شرقی او همچنین سایت‌های روزنامه‌ای بزرگ را طراحی کرد و پروژه‌ها/بازی‌های تعاملی را برای شبکه روزنامه‌های تریبون ایجاد کرد. می‌توانید در LinkedIn یا از طریق سایر شبکه‌های اجتماعی @planetoftheweb با او تماس بگیرید. وبلاگ شخصی او را در https://raybo.org/ بررسی کنید.