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

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 دقیقه
    تاریخ انتشار: 12 تیر 1402
    طراحی سایت و خدمات سئو

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