Vue.js 2 Academy: Learn Vue Step by Step: Learn Vue.js through a practical, project-based approach, along with understanding how to use the Vue CLI and Firebase storage

Chris Dixon

€8.99 ~~€101.99~~

Video Oct 2019 8hrs 30mins 1st Edition

Chris Dixon

€8.99 ~~€101.99~~

Video Oct 2019 8hrs 30mins 1st Edition

What do you get with a video?

Download this video in MP4 format

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

View table of contents

Download Code

Key benefits

Learn Vue.js by building real-world projects
Discover how to use additional tools and modules to enhance your project
Explore the list and conditional rendering
Get to grips with binding attributes and styles
Understand the Vue instance
Delve into JavaScript expressions
Gain insights into looping and filters
Become well-versed with refs and other instance properties and methods
Explore the Vue lifecycle

Description

Vue.js is a fun and easy-to-use JavaScript framework for building user interfaces. From easily adding it to an existing website or application to just control a part of it, such as adding new components, through to using it for medium or large single-page applications, you can improve productivity in several ways. The course will guide you through building two challenging yet exciting projects, which will help you apply everything you learn. You’ll begin with a guest list app where users can add their name to an event guest list. Although this is a simple app, you’ll learn several Vue.js essentials while building it such as two-way data binding, event handling, templates and the Virtual DOM, and instance properties - data, computed, watchers, methods, and filters. You will then build on your knowledge by creating a greeting card application where users can create and edit their custom greeting card. They will be able to add their text and images to create a personalised card. This project will get you up to speed with components (local, global, and single file), installing Node and NPM, passing data with $emit, and storing and retrieving images from Firebase. In addition to this, you’ll make use of Vue CLI to scaffold your projects with build tools such as Webpack and Babel. By the end of this course, you will be well-versed with Vue.js and have gained hands-on experience in applying it effectively in your projects. All the code files are placed at https://github.com/PacktPublishing/Vue.js-2-Academy-Learn-Vue-Step-by-Step

Who is this book for?

This course is for beginners to Vue.js or front-end frameworks. It will also be a great introduction if you’re coming from a different framework or library such as React or Angular and want to understand how Vue compares to them. Although this course is aimed at beginner-level Vue developers, you should have at least basic knowledge of JavaScript and web design/development to get the most out of this course.

What you will learn

Understand the Vue.js framework and how to integrate services such as Firebase storage
Explore core Vue concepts such as instance methods, looping, Virtual DOM, data binding and event handling
Discover tools such as the Vue CLI and other build tools
Apply Vue.js to existing web sites or apps
Learn how to build complex, scalable single-page applications
Gain insights into props and prop validation
Explore slots and slot-scope
Bind to menu options to change fonts and styles
Delve into EventBus and Mixins

What do you get with a video?