Getting Started with Vue JS 2 : A Comprehensive Guide

Getting Started with Vue JS 2 : A Comprehensive Guide, available at $19.99, has an average rating of 4.45, with 103 lectures, based on 82 reviews, and has 742 subscribers.

You will learn about Easily build awesome web applications Master Vue JS with over 20 hands-on projects Use Google's Firebase Realtime Database in a Vue app Build complete data driven single page web apps Master concepts such as directives, templates, methods, watchers and more. Build and Integrate Vue apps into existing sites Fetch data from third party APIs Understand build systems and webpack for use with Vue Use Vue's Single File Component architecture for building large apps Incorporate routing for multi-page apps using Vue Router Secure your Vue apps with Firebase Authentication Deploy Vue apps on the web Lots and lots more… This course is ideal for individuals who are Web Designers who are interested in developing web apps or Web Developers using jQuery, Angular, React or any other framework or Web Developers who wish to learn a web application framework or Project managers who are on the lookout for an amazing framework or Students who wish to build single page JavaScript apps for their college projects It is particularly useful for Web Designers who are interested in developing web apps or Web Developers using jQuery, Angular, React or any other framework or Web Developers who wish to learn a web application framework or Project managers who are on the lookout for an amazing framework or Students who wish to build single page JavaScript apps for their college projects.

Enroll now: Getting Started with Vue JS 2 : A Comprehensive Guide

Summary

Title: Getting Started with Vue JS 2 : A Comprehensive Guide

Price: $19.99

Average Rating: 4.45

Number of Lectures: 103

Number of Published Lectures: 103

Number of Curriculum Items: 103

Number of Published Curriculum Objects: 103

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

Easily build awesome web applications
Master Vue JS with over 20 hands-on projects
Use Google's Firebase Realtime Database in a Vue app
Build complete data driven single page web apps
Master concepts such as directives, templates, methods, watchers and more.
Build and Integrate Vue apps into existing sites
Fetch data from third party APIs
Understand build systems and webpack for use with Vue
Use Vue's Single File Component architecture for building large apps
Incorporate routing for multi-page apps using Vue Router
Secure your Vue apps with Firebase Authentication
Deploy Vue apps on the web
Lots and lots more…

Who Should Attend

Web Designers who are interested in developing web apps
Web Developers using jQuery, Angular, React or any other framework
Web Developers who wish to learn a web application framework
Project managers who are on the lookout for an amazing framework
Students who wish to build single page JavaScript apps for their college projects

Target Audiences

Web Designers who are interested in developing web apps
Web Developers using jQuery, Angular, React or any other framework
Web Developers who wish to learn a web application framework
Project managers who are on the lookout for an amazing framework
Students who wish to build single page JavaScript apps for their college projects

Once upon a time, JavaScript could only be used for simple form validators. Well, time has changed and if you’re a web designer or developer, chances are that your next big project requires a cutting edge web application framework that offers state of the art features such as a Virtual DOM, Reactivity, Superhero performance,all with a feather light footprint.

That is where Vue JS comes in. Vue JS is an amazing JavaScript framework for building high performance user interfaces but has enough ammo to power your next killer web application.�

In this beginner’s course on Vue JS, we will go from the absolute basics of a framework, including concepts such as DOM and setting up a development environment, to understanding core Vue features, essential workflows and best practices.

You will work through 20+ hands-on exercises to solidify your command on essential Vue concepts.�

Vue offers the best of Angular and Reactand features a component based architecture that let’s you break down your app or even an interface into manageable and scalable functional units.

Vue apps offer incredible performance that is neck to neck and even better than some of the leading web app frameworks in use today. Vue features a Virtual DOM that is lighter than the rest and delivers impeccable performance.�

By the end of the course, you would’ve mastered essential fundamentals that will enable you to:

Build and Integrate Vue micro apps into existing websites.
Build complete data driven single page web applications.
Fetch data from third party APIs.
Use Vue’s Single File Component architecture for building large scale apps.
Incorporate routing in your single page Vue apps.
Power your Vue apps using Google’s Firebase Realtime Database.
Secure your Vue apps using Firebase Authentication.
Deploy Vue apps on the web.
and lots more…

If you’re a web designer, developer or even a project manager with a goal to master or pick a web application framework for your project, but are too afraid to begin, then this is your chance to finally realise your dream. Vue is surprisingly simple to learn, which makes it a winner and enables existing production grade projects and teams to incrementally bring it into their ecosystem.

One of the best things about this course is the personalised hand-holding that I offer to all my learners. As a student of this course, you are invited to interact with me and seek help. It is my endeavour to ensure your success.

All lessons come with start and end files and I’m committed to updating this course in line with Vue’s evolution and future.�

Vue has gained tremendous ground and its community is growing exponentially. So, hop on in and together, learn Vue JS.

Course Curriculum

Chapter 1: Prologue

Lecture 1: A Warm Welcome

Lecture 2: What is VueJS ?

Lecture 3: Anatomy of an app

Lecture 4: Setting up for development

Lecture 5: Hello Vue | First Steps

Lecture 6: Hello Vue | Form Input

Lecture 7: olleH euV | v-model and filters

Lecture 8: The Virtual DOM

Lecture 9: Reactive Data and The State

Chapter 2: Discovering Templates

Lecture 1: Introduction to Templates

Lecture 2: Using Strings

Lecture 3: Using String Literals

Lecture 4: Using Inline Templates

Lecture 5: Using X-Templates

Lecture 6: Using Render Functions

Lecture 7: Using JSX

Lecture 8: Summary

Chapter 3: Rendering Lists and More

Lecture 1: Colored Boxes

Lecture 2: A Simple Shopping Cart

Lecture 3: A List Widget

Lecture 4: Summary

Chapter 4: Data flow and components

Lecture 1: One way data flow

Lecture 2: Two way data binding

Lecture 3: A Sales Request Form | Chapter One

Lecture 4: A Sales Request Form | Chapter Two

Lecture 5: A Sales Request Form | Chapter Three

Lecture 6: A Sales Request Form | Chapter Four

Lecture 7: Super Button

Lecture 8: Rating Meter Reloaded

Chapter 5: Lifecycle Methods and lots more…

Lecture 1: A Notification utility

Lecture 2: An Image Carousel

Lecture 3: An Image Carousel | Conclusion

Lecture 4: A Weather App | Introduction & First Steps

Lecture 5: A Weather App | Continued

Lecture 6: A Weather App | Conclusion

Lecture 7: Currency Converter

Lecture 8: Currency Converter | Conclusion

Lecture 9: Understanding Lifecycle Methods

Lecture 10: Summary

Chapter 6: Single File Components

Lecture 1: Introduction to Single File Components

Lecture 2: Introduction to Module Bundlers & Task Runners

Lecture 3: Using Webpack – The Basics

Lecture 4: Using Webpack – Setup | Part 1

Lecture 5: Using Webpack – Setup | Part 2

Lecture 6: Using Webpack – Palindrome App | Code

Lecture 7: Getting back to Vue.js and Single File Components

Lecture 8: The VUE-CLI and Getting Started with Eatsapp

Lecture 9: Understanding the template structure

Lecture 10: Downloading assets for this project

Lecture 11: The core app component

Lecture 12: Getting data from an API

Lecture 13: The Data Object

Lecture 14: The ListItem Shell

Lecture 15: The ListItemPhoto component

Lecture 16: The ListItemText component

Lecture 17: The RatingMeter component

Lecture 18: Listening to events

Lecture 19: The InfoCard component

Lecture 20: Building for production

Lecture 21: Deploying the app

Lecture 22: Summary

Chapter 7: Building an Address Book using Firebase

Lecture 1: Introduction to the project

Lecture 2: Setting up a Vue App

Lecture 3: Downloading Assets

Lecture 4: Understanding routing in a single page app

Lecture 5: Implementing routing using the vue-router

Lecture 6: The app shell

Lecture 7: The Home component

Lecture 8: The ContactListItem component

Lecture 9: The AddContact component

Lecture 10: The UserInput component : Input fields

Lecture 11: The UserInput component : Social IDs

Lecture 12: The UserInput component : Conditional styling

Lecture 13: The UserInput component : Props & events

Lecture 14: The AddContact component : v-model

Lecture 15: Basic validation

Lecture 16: The AddContact component : Clearing out the form

Lecture 17: Setting up Firebase Realtime Database

Lecture 18: Update | The VueFire Function vs. Object error

Lecture 19: Saving data to Firebase

Lecture 20: Offline notification

Lecture 21: Preloader and more

Lecture 22: The ContactDetail component : Route parameters

Lecture 23: The ContactDetail component : Template design

Lecture 24: The ContactDetail component : Displaying data

Lecture 25: The ContactDetail component : Watchers

Lecture 26: The UserResponse component : Using slots

Lecture 27: Deleting a contact

Lecture 28: Deploying on Firebase

Lecture 29: Summary

Chapter 8: Address Book | Adding Authentication

Lecture 1: Introduction

Lecture 2: The AuthUI component

Instructors

Sachin Bhatnagar
Educator and Digital Solutions Architect

Rating Distribution

1 stars: 2 votes
2 stars: 2 votes
3 stars: 2 votes
4 stars: 17 votes
5 stars: 59 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu