وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

Vue.js 2 for Web Designers

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

Vue.js is a popular JavaScript framework that can be used to build interactive components or entire single-page apps. It's a powerful and flexible framework for the modern web designer—whether you use a little of it or a lot. In this course, Joe Chellman offers practical ways to incorporate Vue.js in real-world web designs. He introduces three small projects that benefit from Vue: a real-time updating product customizer that shows how to manage data and respond to events with Vue; an employee directory using Vue forms and animation; and a status board that makes external API calls and uses a third-party Vue component. Each project demonstrates what makes Vue most interesting and useful to web designers and provides solutions for dealing with the few unique challenges.


01 - Introduction
  • 01 - Get started with the popular Vue JavaScript framework
  • 02 - What you should know
  • 03 - Working with the exercise files

  • 02 - 1. Introducing Vue
  • 01 - What is Vue and what is it good for
  • 02 - Vue concepts and jargon
  • 03 - Vue tools
  • 04 - Installing the Vue devtools

  • 03 - 2. First Project Customizer
  • 01 - Installing Vue on an existing site
  • 02 - Creating an instance from the mock-up
  • 03 - Identifying components and data
  • 04 - Adding data to our component
  • 05 - Using a model to begin interactivity
  • 06 - Using v-bind to update classes
  • 07 - Simple templates with computed properties
  • 08 - Listen for an event with v-on
  • 09 - Shorthand notation for faster writing
  • 10 - Challenge Activate the color selector
  • 11 - Solution Activate the color selector

  • 04 - 3. Second Project Directory Browser
  • 01 - Make a plan
  • 02 - Scaffold initial components
  • 03 - Pass component data with props
  • 04 - Build the filters form
  • 05 - Wire up the filters form
  • 06 - Respond to filter form updates
  • 07 - Handle custom filter event
  • 08 - Animating with transition-group
  • 09 - Challenge Better usability and animation
  • 10 - Solution Better usability and animation

  • 05 - 4. Third Project Status Updater
  • 01 - Incorporating live data via REST APIs
  • 02 - Inspecting our starting code
  • 03 - First API call in a life cycle method
  • 04 - Adding a loader animation with v-if
  • 05 - Hooking up the form to post an update
  • 06 - Updating message list after posting
  • 07 - Adding a third-party Vue component

  • 06 - Conclusion
  • 01 - Next steps
  • 139,000 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    افزودن به سبد خرید
    خرید دانلودی فوری

    در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 15678
    حجم: 377 مگابایت
    مدت زمان: 118 دقیقه
    تاریخ انتشار: ۱۲ تیر ۱۴۰۲
    طراحی سایت و خدمات سئو

    139,000 تومان
    افزودن به سبد خرید