آموزش Vue.js 2: ساختن یک رابط

Vue.js 2: Building an Interface

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
بهترین راه برای یادگیری Vue.js استفاده از Vue.js است. هنگامی که یک رابط برنامه ایجاد کردید و نقاط قوت و انعطاف پذیری آن را در عمل مشاهده کردید، می توانید تصمیم بگیرید که چه مقدار از Vue.js را می خواهید در پروژه های خود استفاده کنید. این دوره عملی به شما می آموزد که چگونه یک برنامه ساده مبتنی بر مؤلفه بسازید: یک سیستم رزرو و مدیریت قرار ملاقات با ویژگی هایی برای جستجو و مرتب سازی. در طول مسیر، Ray Villalobos نحوه استفاده از مؤلفه‌ها و مولفه‌های فرعی Vue.js را نشان می‌دهد. ساخت فرم ها؛ ایجاد، به روز رسانی و حذف داده ها؛ و مدیریت رویدادها در پایان دوره، شما یک نمونه اولیه اپلیکیشن کاربردی و مهارت های بیشتری با این چارچوب انعطاف پذیر خواهید داشت. دوره‌های مرتبط در Angular، React و jQuery را بگذرانید تا ببینید چگونه می‌توانید یک پروژه را در چندین فریم‌ورک بسازید و یکی را انتخاب کنید که برای شما مناسب است.
اهداف یادگیری
  • چرا از Vue.js استفاده کنید
  • نصب ماژول های سفارشی
  • بارگیری ماژول ها
  • وارد کردن و حلقه زدن از طریق داده ها
  • استفاده از ابزارها، روش‌ها و رویدادها
  • نمایه سازی، ویرایش، افزودن و حذف رکوردها
  • جستجو و فیلتر کردن

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

معرفی Introduction

  • Vue.js چگونه متفاوت است How Vue.js is different

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

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

  • نصب پروژه ها با استفاده از Vue CLI Installing projects using the Vue CLI

  • آشنایی با نصب Vue CLI Understanding Vue CLI installations

  • نصب ماژول های سفارشی Installing custom modules

2. کار با ماژول ها و داده ها 2. Working with Modules and Data

  • تمیز کردن و بارگذاری یک ماژول Cleaning up and loading a module

  • وارد کردن نمادهای عالی فونت Importing Font Awesome icons

  • حلقه زدن از طریق داده ها با دستورالعمل ها Looping through data with directives

  • استفاده از Axios برای وارد کردن داده ها Using Axios to import data

3. لوازم، روش ها و رویدادها 3. Props, Methods, and Events

  • استفاده از props در اجزای فرعی Using props in subcomponents

  • اضافه کردن یک قالب بوت استرپ Adding a Bootstrap template

  • استفاده از Moment.js برای تاریخ Using Moment.js for dates

  • حذف سوابق Deleting records

4. نمایه سازی، ویرایش و افزودن سوابق 4. Indexing, Editing, and Adding Records

  • ایجاد یک شاخص Creating an index

  • ویرایش سوابق Editing records

  • اضافه کردن الگوهای رکورد Adding records templates

  • مدیریت داده های فرم با V-model Managing form data with V-model

  • افزودن رکورد به داده های شما Adding records to your data

5. جستجو و فیلتر کردن 5. Searching and Filtering

  • ایجاد یک الگوی جزء جستجو Creating a search component template

  • ساخت روش های جستجو Building search methods

  • فیلتر کردن لیست ها Filtering lists

  • در حال به روز رسانی قالب کشویی شما Updating your drop-down template

  • در حال تکمیل درخواست شما Finishing your application

نتیجه Conclusion

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

نمایش نظرات

آموزش Vue.js 2: ساختن یک رابط
جزییات دوره
1h 46m
24
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
-
- از 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/ بررسی کنید.