Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Getting Started with Vue JS 2 : A Comprehensive Guide
Rating: 4.5 out of 5(82 ratings)
742 students

Getting Started with Vue JS 2 : A Comprehensive Guide

Master Vue JS 2 by building real world web applications easily
Created bySachin Bhatnagar
Last updated 6/2020
English

What you'll 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...

Course content

9 sections • 103 lectures • 11h 36m total length

  • A Warm Welcome0:34

    A Warm welcome to the course. My name is Sachin Bhatnagar and I'll be your mentor for this exciting and hands-on course on Vue.js. Feel free to interact with me using the forums or private messaging or directly on e-mail or social media.

  • What is VueJS ?4:53

    In this lecture, you'll be introduced to Vue.js as we take a ten thousand feet overview of its origins, purpose and popularity in the industry. Before you learn more about Vue.js, it is important to know why it's so amazing and gaining so much popularity.

  • Anatomy of an app8:03

    What is a Vue.js app? And what is it made up of? Let's try to find out.

  • Setting up for development7:55

    Before we get our hands dirty, let's try to setup our development environment. Let me walk you through everything from using the right code editor and extensions, to downloading and setting up our very own VueBox Git repo which contains start and end code files for the next few sections. This is a lecture that you don't wanna miss.

  • Hello Vue | First Steps11:16

    Let's get our hands dirty with Vue.js. We'll build a super simple Hello World app but in doing so, we'll discover and learn essential concepts that make up a Vue.js app. 

  • Hello Vue | Form Input9:02

    We're continuing our hands-on learning exercise with a simple Hello World app. In this lecture, we'll play with form fields and the Vue way of handling them.

  • olleH euV | v-model and filters8:23

    And finally, let's output our text in reverse. This is fun!

  • The Virtual DOM7:03

    At the heart of a Vue.js app, sits the Virtual DOM. But do you know what a DOM is in the first place? Let's learn about the Document Object Model (DOM), before bringing Virtual DOM and its benefits into the picture. This lecture is essential for you to master Vue's core values.

  • Reactive Data and The State12:09

    The Virtual DOM, by itself cannot do anything unless you bring in Reactive Data. Let's try to unravel what it is?

Requirements

  • You should be familiar with HTML and CSS
  • You should be comfortable with using JavaScript (ES6+ preferrably)
  • You should have basic working knowledge of NodeJS including NPM and Modules
  • You should be able to use a code editor such as VS Code, Atom or similar

Description

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 React and 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.

Who this course is for:

  • 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

Report abuse