Introducing Vue.js

[MUSIC] 0:00 Hi, I'm Treasure, a JavaScript teacher here at Treehouse. 0:09 If you've been studying JavaScript for any length of time, you've probably heard of 0:13 popular JavaScript frameworks and libraries, like Vue, React, and Angular. 0:17 These JavaScript frameworks and libraries do a lot of things, but in a nutshell, 0:21 they're all designed to make it easier to add inner activity to web applications 0:25 in an organized, and maintainable way. 0:30 Today I'm going to introduce you to Vue.js, 0:33 a JavaScript framework that is easy to get started with, and incredibly fun to learn. 0:35 Vue.js is in use by several well-known companies, like Expedia, 0:40 Nintendo, IBM, GitLab, and Sainsbury's. 0:45 What makes these stand out from other frameworks is that you can use it as much, 0:49 or as little, as you need it depending upon the size and 0:53 complexity of your project. 0:55 You can use it like you might use jQuery, a tool that makes it easier to add 0:58 features and enhancements to parts of a project, or 1:02 you can use it as the whole foundation of your web application. 1:05 Developers have used Vue to enhance the user interface of smaller projects, 1:10 like this app that tracks NPM downloading trends, 1:14 this JavaScript guessing game, or this discord logo generator. 1:17 In this course, we won't be learning how to build a full blown production ready 1:22 application, but we will explore how Vue can make it easier to display and 1:26 manipulate data, add interactivity by responding to events and 1:30 user input, and keep code clean and organized. 1:34 First we'll walk through some examples. 1:38 Then we'll create an accordion menu with a list of media that we can sort by type. 1:40 Finally we'll bring it all together and solidify what we've learned by building 1:45 a flashcard app that allows you to add and delete flashcards. 1:49 Complete with a fun flip animation. 1:53 To be successful in this course you should be comfortable with HTML, CSS, 1:56 and JavaScript, but 2:00 you won't need any prior knowledge of JavaScript frameworks or libraries. 2:01 In fact, if you've tried to learn another popular framework or library, and 2:05 found it difficult to grasp, this is the course for you. 2:09 Vue.js is an excellent technology to get started with, 2:12 because it's quick and easy to get up and running, has excellent documentation, 2:16 and the learning curve isn't as steep as the alternatives. 2:20 My hope is that you'll walk away from this course with a strong foundational 2:24 knowledge of some concepts and some patterns 2:27 that are commonly used in nearly every user interface framework or library. 2:30 This foundation will not only help you build amazing things, but make more 2:35 daunting technologies, like React or Angular, easier to learn, if you want to. 2:39 After using Vue, you may decide that you don't need anything else. 2:44 As you make your way through the course, don't hesitate to use the video 2:49 playback controls to speed up, slow down, rewind, or fast forward, as needed. 2:52 On many videos you'll find teacher's notes containing further information, 2:57 troubleshooting tips, references, and further reading. 3:00 Remember that you can pause the course to practice or 3:04 study what you've learned at any point along the way. 3:07 Before we dive into some code, let's talk a bit about Java Script frameworks and 3:10 libraries, what they are, and why you might want to use one. 3:14

You need to sign up for Treehouse in order to set up Workspace

Sign up