Vue.js 2 for Web Designers

Focused View

Joe Chellman

1:57:40

176 View

01 - Introduction

01 - Get started with the popular Vue JavaScript framework.mp4

01:20

02 - What you should know.mp4

00:35

03 - Working with the exercise files.mp4

01:10

02 - 1. Introducing Vue

01 - What is Vue and what is it good for.mp4

02:55

02 - Vue concepts and jargon.mp4

03:44

03 - Vue tools.mp4

03:02

04 - Installing the Vue devtools.mp4

03:20

03 - 2. First Project Customizer

01 - Installing Vue on an existing site.mp4

02:33

02 - Creating an instance from the mock-up.mp4

03:30

03 - Identifying components and data.mp4

02:54

04 - Adding data to our component.mp4

03:52

05 - Using a model to begin interactivity.mp4

03:24

06 - Using v-bind to update classes.mp4

03:34

07 - Simple templates with computed properties.mp4

02:51

08 - Listen for an event with v-on.mp4

04:03

09 - Shorthand notation for faster writing.mp4

01:44

10 - Challenge Activate the color selector.mp4

01:09

11 - Solution Activate the color selector.mp4

02:04

04 - 3. Second Project Directory Browser

01 - Make a plan.mp4

02:26

02 - Scaffold initial components.mp4

05:18

03 - Pass component data with props.mp4

06:04

04 - Build the filters form.mp4

05:13

05 - Wire up the filters form.mp4

04:00

06 - Respond to filter form updates.mp4

03:07

07 - Handle custom filter event.mp4

03:29

08 - Animating with transition-group.mp4

06:28

09 - Challenge Better usability and animation.mp4

01:30

10 - Solution Better usability and animation.mp4

01:39

05 - 4. Third Project Status Updater

01 - Incorporating live data via REST APIs.mp4

04:30

02 - Inspecting our starting code.mp4

03:40

03 - First API call in a life cycle method.mp4

03:25

04 - Adding a loader animation with v-if.mp4

03:52

05 - Hooking up the form to post an update.mp4

04:18

06 - Updating message list after posting.mp4

04:12

07 - Adding a third-party Vue component.mp4

05:16

06 - Conclusion

01 - Next steps.mp4

01:29

Description

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.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Vue JS

Joe Chellman

Instructor's Courses

Right off the top: if you want to reach me about lynda.com / LinkedIn Learning courses, please write to lynda.com technical support: https://www.linkedin.com/help/lynda/ask, or to me directly on my website: http://shoofly.us/contact. Either one of those will get you an infinitely faster response. I've made most of my living as a web developer and designer, and I'm always interested in finding new things to do and learn. The scope tends to be somewhat small because I work with a lot of people and organizations with very small budgets, so I'm not the guy who's trying to Change The World of Web Design. I want to continually do a better job than I did last year. Since 2010, I've been very actively involved in helping other developers, professional, enthusiast, and aspirational, learn some of the tools of the trade. Partnering with publishers like lynda.com/LinkedIn, O'Reilly, Peachpit, and video2brain, I've produced videos on JavaScript, WordPress, Drupal, and version control software. I've also co-written a book and tech edited another. This work might have the longest reach of anything I've done, which is gratifying and kind of crazy. I also am a professional-caliber drummer with a distinct lack of professional ambition. I like to record and play live, but tour relatively rarely.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.