Vue.js 2 for absolute beginners

Vue.js 2 for absolute beginners, available at $59.99, has an average rating of 4.45, with 92 lectures, 1 quizzes, based on 11 reviews, and has 90 subscribers.

You will learn about Create responsive user interfaces Add features to an existing web project Create SPA web applications (single page) Create mobile apps (Android and iOS) Acquire knowledge to properly program in Vue js 2 (methods, computed properties, data binding, directives, etc.) Learn how to create a components hierarchy Use the Vue-Cli interface (application creation, render methods, JSX, functional components). Facilitate communication between components with the Vuex state manager, or with observables. Create plugins for Vue JS Use mixins, custom directives and NuxtJS This course is ideal for individuals who are JavaScript programmers who want to learn how to use the Vue JS 2 It is particularly useful for JavaScript programmers who want to learn how to use the Vue JS 2.

Enroll now: Vue.js 2 for absolute beginners

Summary

Title: Vue.js 2 for absolute beginners

Price: $59.99

Average Rating: 4.45

Number of Lectures: 92

Number of Quizzes: 1

Number of Published Lectures: 92

Number of Published Quizzes: 1

Number of Curriculum Items: 93

Number of Published Curriculum Objects: 93

Original Price: $94.99

Quality Status: approved

Status: Live

What You Will Learn

Create responsive user interfaces

Add features to an existing web project

Create SPA web applications (single page)

Create mobile apps (Android and iOS)

Acquire knowledge to properly program in Vue js 2 (methods, computed properties, data binding, directives, etc.)

Learn how to create a components hierarchy

Use the Vue-Cli interface (application creation, render methods, JSX, functional components).

Facilitate communication between components with the Vuex state manager, or with observables.

Create plugins for Vue JS

Use mixins, custom directives and NuxtJS

Who Should Attend

JavaScript programmers who want to learn how to use the Vue JS 2

Target Audiences

JavaScript programmers who want to learn how to use the Vue JS 2

This video training was designed for JavaScript programmers who want to learn how to use the Vue.js 2 framework. Unlike other JavaScript frameworks, Vue.js can be adopted as and when required. It can also coexist with existing JavaScript logic without interfering with it.

You will use Vue.js to:

Create responsive user interfaces from scratch

Add features to an existing Web project

Create SPA web applications

Create applications for mobiles (both Android and iOS)

Today Vue.js is a very popular framework. Certainly because it is easy to set up, offers very good performance and can be used more or less extensively, depending on what is needed.

When I started creating this video training course, I had two choices:

Create a common thread and gradually integrate the different concepts learned throughout the training.

Create independent examples to easily and quickly learn the different concepts of Vue.js.

I am a face-to-face trainer and I was able to experiment these two approaches. Although the first has its fervent followers, the second gives better results in terms of learning, because each example can be chosen in an extremely precise way, without having to follow a logic of global integration which could neglect certain aspects of what needs to be learned. It is therefore this second approach that was adopted.

Each topic is approached independently and illustrates a particular aspect of Vue.js: computed properties, data binding, directives, event management, conditional classes, props, custom events, lifecycle hooks, etc. etc ..

Many exercises are available to you. When you are asked to stop scrolling the video, play the game: stop the video and code as you like, starting with a standard skeleton or a blank page. You will see that by doing so, your learning curve will be very fast. When you have finished coding, you can resume scrolling the video: a correction will be offered.

This training is very comprehensive. Here are some of the topics covered:

Standard view and ViewModel programming: methods, computed, data binding, bidirectional binding, directives (v-model, v-bind, v-html, v-for, v-cloak, v-once, v-if and many others).

Local and global components, communication between components and the ViewModel, prioritization of an application using components, slots, filters, watchers, transitions and animations.

SPA applications (routing, navigation guards).

Vue-Cli command line interface (application creation, render methods, JSX, functional components).

Vuex state manager, Vue.observable, plugins.

Mixins, personalized directives, NuxtJS, mobile applications.

All the source codes of the training are available.

I can only advise you one thing: experience the code for yourself, code and progress at your own pace. Little by little, Vue.js will seem more and more familiar to you and you will appreciate its power and flexibility.

So Happy coding!

Course Curriculum

Chapter 1: FIRST STEPS WITH VUE JS

Lecture 1: Vue.js Key Principles

Lecture 2: Preparing your development environment

Lecture 3: Vue.js MVVM pattern

Lecture 4: A first Vue.js project

Lecture 5: A second Vue.js project

Lecture 6: Your first exercise

Lecture 7: Computed properties

Lecture 8: Computed properties vs Methods

Lecture 9: Data binding

Lecture 10: Accessing text nodes

Lecture 11: A Vue.js clock

Lecture 12: Using Vue.js Devtools

Lecture 13: Two-way binding

Lecture 14: Using v-model and v-bind directives

Lecture 15: An array in the Model

Lecture 16: The v-html directive

Lecture 17: Event handlers

Lecture 18: Using the methods section

Lecture 19: Event handlers with arguments

Lecture 20: Using $event in an event handler

Lecture 21: Using preventDefault() and stopPropagation() JavaScript functions

Lecture 22: stop and prevent event modifiers

Lecture 23: Using arrays in the Model

Lecture 24: Viewing languages in a bulleted list

Lecture 25: Dynamic arguments

Lecture 26: Browsing JSON objects with a v-for directive

Lecture 27: Keyboard events

Lecture 28: The v-cloak directive

Lecture 29: The v-once directive

Lecture 30: Conditional classes

Lecture 31: Using several classes in an item

Lecture 32: Modifying inline styles

Lecture 33: Displaying HTML conditionally

Chapter 2: VUE JS COMPONENTS

Lecture 1: Your first global component

Lecture 2: Your first local component

Lecture 3: Adding data to components

Lecture 4: Adding methods to components

Lecture 5: Transmitting data to child components with props

Lecture 6: Accessing props in the model

Lecture 7: Transmitting data from the apps Model to child components

Lecture 8: Local vs Global

Lecture 9: Custom events

Lecture 10: Lifecycle hooks

Lecture 11: Defining an app as a components hierarchy

Lecture 12: A global components hierarchy

Lecture 13: Sending data to a component with slots

Lecture 14: Named slots

Lecture 15: Scoped slots

Lecture 16: Filters

Lecture 17: Computed properties

Lecture 18: Watchers

Lecture 19: Watchers and asynchronous requests

Lecture 20: Animations and transitions

Lecture 21: Enter and leave transitions with Vue.js

Lecture 22: Transitions and conditional display

Lecture 23: Non-simultaneous enter and leave transitions

Lecture 24: Transitions between HTML elements

Lecture 25: List transitions

Lecture 26: Enter and leave transitions with animate.css

Lecture 27: JavaScript animations

Chapter 3: SPA – SINGLE PAGE APPLICATIONS

Lecture 1: Creating a SPA with vue-router

Lecture 2: Active link appearance

Lecture 3: Vue Router Navigation Guards

Lecture 4: Per-route Navigation guards

Lecture 5: Routing

Chapter 4: VUE CLI

Lecture 1: First steps with Vue-Cli

Lecture 2: App architecture

Lecture 3: Creating and editing an app with Vue-Cli

Lecture 4: A second app with Vue-Cli

Lecture 5: Render Methods

Lecture 6: Templates vs render methods & JSX

Lecture 7: Vue-Cli and JSX

Lecture 8: Functional components

Lecture 9: Two parameters in the render() function

Lecture 10: Transmitting events from a functional component

Chapter 5: VUEX STATE MANAGEMENT PATTERN

Lecture 1: First steps with Vuex

Lecture 2: Accessing store methods from components

Lecture 3: Accessing store state from components

Lecture 4: Vuex plugins section

Lecture 5: Vuex alternatives

Lecture 6: Vuex and forms

Lecture 7: Validating a form in VueJS

Chapter 6: GOING FURTHER WITH VUE JS

Lecture 1: Mixins

Lecture 2: Global Mixins

Lecture 3: Plugins

Lecture 4: Custom directives

Lecture 5: Using arguments in custom directives

Lecture 6: Using typed props for a more robust code

Lecture 7: Nuxt JS

Lecture 8: Mobile App development

Lecture 9: Using Visual Studio Code to develop Mobile apps

Chapter 7: Quiz and Source Code

Lecture 1: Training Source Codes

Instructors

Michel Martin
Computer languages instructor / Formateur informatique

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 2 votes

4 stars: 3 votes

5 stars: 6 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!