
Paths
Vue
Vue is an open-source, easy to learn progressive web framework built in JavaScript. It puts an emphasis on being flexible but easy to learn. You can still build complex... Read more
Beginner
Get started quickly learning with the latest version of Vue. We won’t cover all the details of the framework here but you’ll learn enough to create useful applications. In fact, you’ll code along with us and interactively build your first application.
Vue.js: Big Picture
1h 6m
Description
Saying Vue.js is a fast-growing and exciting library is a major understatement. With nearly 100,000 stars on GitHub, Vue.js is rapidly becoming the default choice for web application development. In this course, Vue.js: Big Picture, you will get a big picture overview of Vue, understanding what its features are and where those features are most useful. First, you will learn Vue's capabilities and limitations. Next, you will discover the libraries of the Vue ecosystem. Finally, you will explore how to use Vue for prototyping. When you’re finished with this course, you will be ready to start your journey towards being a Vue expert.
Table of contents
- Course Overview1m
- What Is Vue.js?21m
- Why Use Vue.js?21m
- The Vue Ecosystem17m
- Summary/Next Steps4m
Vue.js: Getting Started
2h 32m
Description
Are you trying to build a web app and the technology is getting in the way? In this course, Vue.js: Getting Started, you'll learn about a JavaScript framework that is intuitive enough to let you focus on your goals. First, you'll learn how to create lightning fast web apps in a refined and simple way. Next, you'll explore how to create HTML templates. In addition, you'll cover how to bind to data input by a user and react to user events. Finally, you'll learn how to conditionally render content the appropriate way. When you're finished with this course, you'll be able to start building fast-running apps with Vue.js.
Table of contents
- Course Overview0m
- Introducing Vue.js20m
- Creating Vue.js Templates28m
- Binding with Forms in Vue.js16m
- Responding to User Events in Vue.js32m
- Conditional Rendering and Rendering of Lists28m
- Reacting to Data Changes with Filters, Computed Properties, and Watchers23m
Developing Faster with the Vue CLI
2h 26m
Description
Do you want to learn to develop Vue apps quickly while following the recommended tooling? In this course, Developing Faster with the Vue CLI, you will gain the ability to build Vue apps efficiently with the Vue CLI and popular Vue developer tools. First, you will learn what the Vue CLI does, how to install it, and how to use it to generate and serve Vue apps. Next, you will discover the various options and outcomes of using the CLI to build apps, libraries, and web components. Finally, you will explore how to add unit and end to end testing, extend your Vue app with plugins, and take advantage of the Vue CLI's UI. When you are finished with this course, you will have the skills and knowledge of the Vue CLI needed to develop Vue apps efficiently.
Table of contents
- Course Overview1m
- Getting Started with the Vue CLI14m
- Setting up the Vue CLI8m
- Mastering Essential Vue Tools24m
- Creating a Vue Application22m
- Building and Serving Vue29m
- Running Unit and End to End Tests17m
- Adding Packages and Plugins to Your Vue App with the Vue CLI14m
- Creating Vue Apps with Vue CLI's UI13m
Build a Reading List Application With Vue.js
1h 30m
Description
In this project you’ll follow along with our instructions and build a reading list application with Vue.js 2.x. You'll create multiple components that are connected together to display a list of authors and book titles, and you'll create a form that adds new books to the list.
Project overview
- Setup15m
- Creating the BookList Component15m
- Looping Through a List of Books15m
- Creating a Child Component10m
- Connecting BookItem as a Child Component of BookList10m
- Creating a BookForm Component25m
Add Features with Forms to a Vue.js Reading List Application
1h 35m
Description
In this project, you’ll follow along with our instructions and use forms and Vue.js to add features to the application built in the Build a Reading List Application With Vue.js project.
Project overview
- Setup15m
- Enhancing the BookForm Component20m
- Dynamically Show and Hide Text15m
- Filtering the Books List30m
- Adding a Search Functionality15m
Intermediate
We’ll dig deeper into some more advanced areas of Vue and cover all the major features you’ll need to build a variety of applications. You’ll understand the full power of Vue by the end of this section.
Vue.js Fundamentals
5h 5m
Description
Vue.js is one of the most lightweight and enjoyable front-end development frameworks for building modern web applications, and there are a lot of important concepts to learn to become a skilled Vue developer. In this course, Vue.js Fundamentals, you will gain the foundational knowledge required to build robust, production-ready applications with Vue. First, you will build your own project from scratch with the Vue CLI, including creating components and manage communication between components. Then, you will learn to create routes and navigate from page to page, manage state and communicate with the server using Vuex, and create custom directives. Finally, you will deploy your application to production. When you’re finished with this course, you will have gained the fundamental skills and knowledge of Vue.js needed to create reliable and professional Vue applications.
Table of contents
- Course Overview2m
- Getting Started with the Vue.js CLI24m
- Creating Vue.js Components and Using Template Syntax1h 12m
- Enabling Inter-component Communication 33m
- Routing from Page to Page48m
- Managing State and Server Communication with Vuex1h 12m
- Creating Custom Directives and Filters23m
- Deploying Vue Applications to Production27m
Advanced
We’ll take your deeper knowledge and help you build your first Single Page Application with vue. This time, though you’ll be more independent. You won’t code in the browser but you’ll follow along building the application with your preferred toolset that you use for your normal development.
Single Page Applications with Vue.js
3h 11m
Description
How can you create a full-blown application with one of the most popular JavaScript frameworks, Vue.js? In this course, Single Page Applications with Vue.js, you'll learn how to setup the environment and build processes necessary for your application. First, you'll discover how to include single file components, routing, and API communication functionalities with plugins and modules. Next, you’ll explore state management and server-side rendering for faster and more manageable apps. Lastly, you’ll cover how to create tests and deploy your application on the cloud. When you’re finished with this course, you’ll have the necessary knowledge to efficiently create an application from start to finish using the Vue.js framework.
Table of contents
- Course Overview1m
- Environment Setup - Build Process32m
- Single File Components25m
- Routing20m
- API Communication17m
- State Management23m
- Server-side Rendering24m
- Testing21m
- Deploying24m
What you will learn
- Vue core concepts
- Component architecture
- State Management
- Building single page applications
Pre-requisites
JavaScript, HTML, CSS