Vue.js برای طراحان وب

مدرس Joe Chellman

انتشار 2019/01/31

مدت زمان 1h 57m

سطح مبتدی

فایل تمرینی دارد

آموزش Vue.js 2 for Web Designers

Vue.js یک فریمورک محبوب جاوا اسکریپت است که می تواند برای ساخت اجزای تعاملی یا کل برنامه های تک صفحه ای استفاده شود. این یک چارچوب قدرتمند و منعطف برای طراحان وب مدرن است – چه از مقدار کمی از آن استفاده کنید و چه زیاد. در این دوره، جو چلمن راه‌های عملی برای ترکیب Vue.js در طراحی‌های وب دنیای واقعی ارائه می‌دهد. او سه پروژه کوچک را معرفی می‌کند که از Vue سود می‌برند: یک سفارشی‌ساز محصول به‌روزرسانی در زمان واقعی که نحوه مدیریت داده‌ها و پاسخگویی به رویدادها با Vue را نشان می‌دهد. دایرکتوری کارمند با استفاده از فرم های Vue و انیمیشن. و یک تابلوی وضعیت که تماس های API خارجی برقرار می کند و از یک جزء Vue شخص ثالث استفاده می کند. هر پروژه نشان می دهد که چه چیزی Vue را برای طراحان وب جالب و مفید می کند و راه حل هایی برای مقابله با چند چالش منحصر به فرد ارائه می دهد.

JavaScript Vue.js

Introduction

Get started with the popular Vue JavaScript framework ()

What you should know ()

Working with the exercise files ()

1. Introducing Vue

What is Vue and what is it good for? ()

Vue concepts and jargon ()

Vue tools ()

Installing the Vue devtools ()

2. First Project: Customizer

Installing Vue on an existing site ()

Creating an instance from the mock-up ()

Identifying components and data ()

Adding data to our component ()

Using a model to begin interactivity ()

Using v-bind to update classes ()

Simple templates with computed properties ()

Listen for an event with v-on ()

Shorthand notation for faster writing ()

Challenge: Activate the color selector ()

Solution: Activate the color selector ()

3. Second Project: Directory Browser

Make a plan ()

Scaffold initial components ()

Pass component data with props ()

Build the filters form ()

Wire up the filters form ()

Respond to filter form updates ()

Handle custom filter event ()

Animating with transition-group ()

Challenge: Better usability and animation ()

Solution: Better usability and animation ()

4. Third Project: Status Updater

Incorporating live data via REST APIs ()

Inspecting our starting code ()

First API call in a life cycle method ()

Adding a loader animation with v-if ()

Hooking up the form to post an update ()

Updating message list after posting ()

Adding a third-party Vue component ()

Conclusion

Next steps ()

Ex_Files_VueJS_Designers.zip (40.0 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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