Vue JS is a great JavaScript Framework for building Frontend Applications. It’s important to note that Vue JS is a mix of Angular 2 and React JS frameworks, thus, you should know them well. In this course you will gain the knowledge from the basics (what Vue.js is and how it works) to more complex and advanced topics (how to make your app beautiful with Animations and Transitions, how to improve State Management by using Vuex, how to deploy the app). You will build Vue.js Applications (from small and simple apps to large enterprise-level Ones), discover the Theory behind Vue.js and use it in Real Projects, leverage Vue.js in both Multi- and Single-Page-Applications (MPAs and SPAs). The simple and thorough presentation information with many exercises and multiple course projects makes this course available even for newbies. Let's dive into Vue JS right now!

Student Feedback

4.5

Good

54 %

46 %

0 %

Add Comment

Only Registered Members can View Training Courses

Please fill out your email address below in order to view Training Courses. Registration is Free and Easy, You Simply need to provide an email address.

Trusted By 1.2M IT Certification Candidates Every Month
Hundreds Hours of Videos
Instant download After Registration.

A confirmation link will be sent to this email address to verify your login.
Already Member? Click Here to Login

Log into your ExamCollection Account

Please Log In to view Training Course

Please provide a correct E-mail address

Please provide your Password (min. 6 characters)

Only registered Examcollection.com members can view training courses.

Registration is free and easy - just provide your E-mail address. Click Here to Register

Similar Courses

Angular 2+: Angular Styling and Animations

Students: 163

4.5/5 7 hours

Angular 4 from A to Z

Students: 160

4.4/5 8 hours

AngularJS: Complete Guide to Learn and Understand

Students: 154

4.5/5 6 hours

ASP.NET MVC 5 Complete Course

Students: 165

4.5/5 7 hours

Build a Real-World Project Using JavaScript

Students: 169

4.6/5 17 hours

Computing with AWS Serverless APIs & Apps

Students: 171

4.5/5 7 hours

Connect Angular 2+ Frontend with a NodeJS Backend

Students: 170

4.6/5 7 hours

Crash Course: React JS, Angular and Vue JS

Students: 172

4.6/5 7 hours

Detailed Walkthroughs on Advanced React and Redux concepts

Students: 161

4.5/5 11 hours

Fundamentals of React and Redux

Students: 162

4.5/5 17 hours

GraphQL: Building Real Web Apps

Students: 167

4.5/5 13 hours

HTML and CSS3 for Building Responsive Real World Websites

Students: 156

4.6/5 10 hours

MongoDB Guide: Learn and Understand

Students: 166

4.6/5 13 hours

NodeJS: Complete Developer's Guide to Learn and Understand

Students: 158

4.5/5 13 hours

The Complete Course: Webpack 2

Students: 155

4.6/5 5 hours

The Complete Developer's Course: Electron for Desktop Apps

Students: 164

4.5/5 7 hours

The Complete Developer's Course: ES6 Javascript

Students: 157

4.5/5 6 hours

TypeScript Complete Course

Students: 159

4.5/5 6 hours

Understanding Weird Parts of JavaScript

Students: 153

4.5/5 11 hours

	1. Course Introduction	3:08
	2. Let's Create our First VueJS Application	4:45
	3. Extending the VueJS Application	4:12
	4. Course Structure	3:44
	5. Take Advantage of all Course Resources!	1:55
	6. Setup VueJS Locally	2:02

	1. Module Introduction	0:45
	2. Understanding VueJS Templates	2:34
	3. How the VueJS Template Syntax and Instance Work Together	2:42
	4. Accessing Data in the Vue Instance	1:49
	5. Binding to Attributes	2:42
	6. Understanding and Using Directives	1:27
	7. Disable Re-Rendering with v-once	1:41
	8. How to Output Raw HTML	2:43
	9. Listening to Events	1:50
	10. Getting Event Data from the Event Object	2:36
	11. Passing your own Arguments with Events	1:53
	12. Modifying an Event - with Event Modifiers	3:23
	13. Listening to Keyboard Events	2:03
	14. Writing JavaScript Code in the Templates	3:19
	15. Using Two-Way-Binding	1:49
	16. Reacting to Changes with Computed Properties	9:32
	17. An Alternative to Computed Properties: Watching for Changes	3:53
	18. Saving Time with Shorthands	1:26
	19. Dynamic Styling with CSS Classes - Basics	4:22
	20. Dynamic Styling with CSS Classes - Using Objects	1:35
	21. Dynamic Styling with CSS Classes - Using Names	3:27
	22. Setting Styles Dynamically (without CSS Classes)	3:15
	23. Styling Elements with the Array Syntax	1:14
	24. Module Wrap Up	0:44

	1. Module Introduction	0:48
	2. Conditional Rendering with v-if	3:37
	3. Using an Alternative v-if Syntax	1:36
	4. Don't Detach it with v-show	1:43
	5. Rendering Lists with v-for	2:25
	6. Getting the Current Index	1:51
	7. Using an Alternative v-for Syntax	1:10
	8. Looping through Objects	4:44
	9. Looping through a List of Numbers	0:57
	10. Keeping Track of Elements when using v-for	4:08
	11. Module Wrap Up	0:51

	1. Introduction & Challenge	2:54
	2. Setting up the Course Project	2:37
	3. Creating the Vue Instance and Styling the Healthbars	5:16
	4. Showing the Player Controls Conditionally	2:02
	5. Implementing a "Start Game" Method	1:53
	6. Implementing a "Attack" Method	8:03
	7. Write better Code - Time for Refactoring!	4:52
	8. Implementing a "Special Attack"	2:11
	9. Implementing a "Heal" Method	2:21
	10. Finishing the Action Buttons	0:59
	11. Creating an Action Log	2:41
	12. Printing the Log (v-for)	2:19
	13. Finishing the Log	1:57
	14. Styling the Log Conditionally	1:44
	15. Wrap Up	1:28

	1. Module Introduction	1:04
	2. Some Basics about the VueJS Instance	2:58
	3. Using Multiple Vue Instances	2:52
	4. Accessing the Vue Instance from Outside	3:29
	5. How VueJS manages your Data and Methods	4:01
	6. A Closer Look at $el and $data	4:55
	7. Placing $refs and Using them on your Templates	5:47
	8. Where to learn more about the Vue API	0:58
	9. Mounting a Template	6:42
	10. Using Components	4:56
	11. Limitations of some Templates	2:35
	12. How VueJS Updates the DOM	3:24
	13. The VueJS Instance Lifecycle	3:12
	14. The VueJS Instance Lifecycle in Practice	5:39
	15. Module Wrap Up	0:54

	1. Module Introduction	1:33
	2. Why do we need a Development Server?	2:47
	3. What does "Development Workflow" mean?	3:51
	4. Using the Vue CLI to create Projects	2:35
	5. Installing the Vue CLI and Creating a new Project	4:18
	6. An Overview over the Webpack Template Folder Structure	3:40
	7. Understanding ".vue" Files	6:45
	8. Understanding the Object in the Vue File	1:11
	9. How to Build your App for Production	0:49
	10. Module Wrap Up	1:11

	1. Module Introduction	1:04
	2. An Introduction to Components	4:56
	3. Storing Data in Components with the Data Method	4:04
	4. Registering Components Locally and Globally	2:50
	5. The "Root Component" in the App.vue File	3:21
	6. Creating a Component	4:24
	7. Using Components	5:32
	8. Moving to a Better Folder Structure	2:42
	9. How to Name your Component Tags (Selectors)	4:31
	10. Scoping Component Styles	5:04
	11. Module Wrap Up	0:50

	1. Module Introduction	0:45
	2. Communication Problems	2:52
	3. Using Props for Parent => Child Communication	3:10
	4. Naming "props"	1:09
	5. Using "props" in the Child Component	1:28
	6. Validating "props"	4:56
	7. Using Custom Events for Child => Parent Communication	5:55
	8. Understanding Unidirectional Data Flow	1:07
	9. Communicating with Callback Functions	2:23
	10. Communication between Sibling Components	6:24
	11. Using an Event Bus for Communication	5:31
	12. Centralizing Code in an Event Bus	2:14
	13. Wrap Up	0:40

	1. Module Introduction	0:38
	2. Setting up the Module Project	3:00
	3. Passing Content - The Suboptimal Solution	2:19
	4. Passing Content with Slots	0:42
	5. How Slot Content gets Compiled and Styled	3:02
	6. Using Multiple Slots (Named Slots)	2:49
	7. Default Slots and Slot Defaults	2:01
	8. A Summary on Slots	0:45
	9. Switching Multiple Components with Dynamic Components	5:31
	10. Understanding Dynamic Component Behavior	2:07
	11. Keeping Dynamic Components Alive	0:58
	12. Dynamic Component Lifecycle Hooks	1:17
	13. Wrap Up	1:10

	1. Module Introduction	1:35
	2. Setting up the Project	1:21
	3. Initializing the Application	1:28
	4. Creating the Application Components	4:04
	5. Passing Data with Props and Slots	2:13
	6. Allowing Users to Create Quotes with a NewQuote Component	4:08
	7. Adding Quotes with Custom Events	3:34
	8. Adding a Info Box	1:06
	9. Allowing for Quote Deletion	3:40
	10. Controlling Quotes with a Progress Bar	3:51
	11. Finishing Touches and State Management	2:13

	1. Module Introduction	0:53
	2. A Basic 'input' Form Binding	3:46
	3. Grouping Data and Pre-Populating Inputs	2:42
	4. Modifying User Input with Input Modifiers	2:58
	5. Binding 'textarea' and Saving Line Breaks	2:52
	6. Using Checkboxes and Saving Data in Arrays	4:05
	7. Using Radio Buttons	2:30
	8. Handling Dropdowns with 'select' and 'option'	5:09
	9. What v-model does and How to Create a Custom Control	2:49
	10. Creating a Custom Control (Input)	5:13
	11. Submitting a Form	2:07
	12. Wrap Up	0:43

	1. Module Introduction	0:53
	2. Understanding Directives	3:34
	3. How Directives Work - Hook Functions	2:28
	4. Creating a Simple Directive	1:21
	5. Passing Values to Custom Directives	1:08
	6. Passing Arguments to Custom Directives	2:40
	7. Modifying a Custom Directive with Modifiers	2:24
	8. Custom Directives - A Summary	0:28
	9. Registering Directives Locally	1:37
	10. Using Multiple Modifiers	4:27
	11. Passing more Complex Values to Directives	2:13
	12. Wrap Up	0:44

	1. Module Introduction	0:45
	2. Creating a Local Filter	4:32
	3. Global Filters and How to Chain Multiple Filters	1:44
	4. An (often-times better) Alternative to Filters: Computed Properties	5:14
	5. Understanding Mixins	2:23
	6. Creating and Using Mixins	2:25
	7. How Mixins get Merged	2:57
	8. Creating a Global Mixin (Special Case!)	3:26
	9. Mixins and Scope	2:33
	10. Wrap Up	1:56

	1. Module Introduction	1:08
	2. Understanding Transitions	1:01
	3. Preparing Code to use Transitions	3:11
	4. Setting Up a Transition	3:08
	5. Assigning CSS Classes for Transitions	2:27
	6. Creating a "Fade" Transition with the CSS Transition Property	3:21
	7. Creating a "Slide" Transition with the CSS Animation Property	3:58
	8. Mixing Transition and Animation Properties	3:31
	9. Animating v-if and v-show	0:33
	10. Setting Up an Initial (on-load) Animation	1:30
	11. Using Different CSS Class Names	4:01
	12. Using Dynamic Names and Attributes	2:32
	13. Transitioning between Multiple Elements (Theory)	0:34
	14. Transitioning between Multiple Elements (Practice)	4:42
	15. Listening to Transition Event Hooks	2:05
	16. Understanding JavaScript Animations	8:03
	17. Excluding CSS from your Animation	1:28
	18. Creating an Animation in JavaScript	6:18
	19. Animating Dynamic Components	5:57
	20. Animating Lists with 'transition-group'	0:43
	21. Using 'transition-group' - Preparations	4:20
	22. Using 'transition-group' to Animate a List	6:12
	23. Understanding the App	1:14
	24. Creating the App	12:04
	25. Adding Animations	6:38
	26. Wrap Up	1:03

	1. Module Introduction	1:42
	2. Accessing Http via vue-resource - Setup	4:00
	3. Creating an Application and Setting Up a Server (Firebase)	5:24
	4. POSTing Data to a Server (Sending a POST Request)	6:10
	5. GETting and Transforming Data (Sending a GET Request)	6:54
	6. Configuring vue-resource Globally	2:48
	7. Intercepting Requests	3:33
	8. Intercepting Responses	2:51
	9. Where the "resource" in vue-resource Comes From	4:42
	10. Creating Custom Resources	2:38
	11. Resources vs "Normal" Http Requests	0:27
	12. Understanding Template URLs	5:05
	13. Wrap Up	1:42

E-mail:	*
Password:	*	Forgot password?

	1. Module Introduction	1:37
	2. Setting up the VueJS Router (vue-router)	2:16
	3. Setting Up and Loading Routes	6:43
	4. Understanding Routing Modes (Hash vs History)	4:14
	5. Navigating with Router Links	3:45
	6. Where am I? - Styling Active Links	3:20
	7. Navigating from Code (Imperative Navigation)	2:42
	8. Setting Up Route Parameters	1:59
	9. Fetching and Using Route Parameters	2:03
	10. Reacting to Changes in Route Parameters	3:04
	11. Setting Up Child Routes (Nested Routes)	4:39
	12. Navigating to Nested Routes	3:09
	13. Making Router Links more Dynamic	2:04
	14. A Better Way of Creating Links - With Named Routes	3:21
	15. Using Query Parameters	2:54
	16. Multiple Router Views (Named Router Views)	3:27
	17. Redirecting	2:13
	18. Setting Up "Catch All" Routes / Wildcards	1:05
	19. Animating Route Transitions	2:34
	20. Passing the Hash Fragment	3:28
	21. Controlling the Scroll Behavior	3:21
	22. Protecting Routes with Guards	1:13
	23. Using the "beforeEnter" Guard	7:51
	24. Using the "beforeLeave" Guard	3:31
	25. Loading Routes Lazily	7:08
	26. Wrap Up	1:02

	1. Module Introduction	1:12
	2. Why a Different State Management May Be Needed	2:24
	3. Understanding "Centralized State"	1:32
	4. Using the Centralized State	6:49
	5. Why a Centralized State Alone Won't Fix It	2:41
	6. Understanding Getters	0:48
	7. Using Getters	2:40
	8. Mapping Getters to Properties	6:57
	9. Understanding Mutations	1:14
	10. Using Mutations	4:50
	11. Why Mutations have to run Synchronously	1:34
	12. How Actions improve Mutations	1:32
	13. Using Actions	4:59
	14. Mapping Actions to Methods	4:57
	15. A Summary of Vuex	4:13
	16. Two-Way-Binding (v-model) and Vuex	5:56
	17. Improving Folder Structures	1:01
	18. Modularizing the State Management	4:56
	19. Using Separate Files	4:17
	20. Using Namespaces to Avoid Naming Problems	6:44
	21. Wrap Up	0:50

	1. Project Introduction	3:11
	2. Project Setup and Planning	2:45
	3. Creating the First Components	2:55
	4. Setup Project Routes	4:42
	5. Adding a Header and Navigation	6:44
	6. Planning the Next Steps	1:21
	7. Creating Stocks Components	6:31
	8. Adding a "Buy" Button	5:57
	9. Setting up the Vuex State Management	10:20
	10. Adding a Portfolio Module to Vuex	10:02
	11. Working on the Portfolio Stocks	6:51
	12. Connecting the Portfolio with Vuex	2:21
	13. Time to fix some Errors	2:00
	14. Displaying the Funds	3:41
	15. Adding some Order Checks	5:40
	16. Making Funds Look Nicer with Filters	1:47
	17. Ending the Day - Randomizing Stocks	5:30
	18. Animating the Route Transitions	3:14
	19. Saving & Fetching Data - Adding a Dropdown	2:17
	20. Setting up vue-resource and Firebase	2:15
	21. Saving Data (PUT Request)	2:51
	22. Fetching Data (GET Request)	5:03
	23. Testing and Bug Fixes	2:50
	24. Project Wrap Up	1:21
	25. Bonus: Debugging Vuex with Vue Developer Tools	1:59

	1. Module Introduction	1:12
	2. Preparing for Deployment	1:45
	3. Deploying the App (Example: AWS S3)	5:57

	1. Time to Practice (1) - Outputting Data to Templates (Problem)	1:59
	2. Time to Practice (1) - Outputting Data to Templates (Solution)	6:12
	3. Time to Practice (2) - Events (Problem)	1:42
	4. Time to Practice (2) - Events (Solution)	4:54
	5. Time to Practice (3) - Reactive Properties (Problem)	2:28
	6. Time to Practice (3) - Reactive Properties (Solution)	5:47
	7. Time to Practice (4) - Styling (Problem)	3:49
	8. Time to Practice (4) - Styling (Solution)	18:17
	9. Time to Practice (5) - Conditionals and Lists (Problem)	1:40
	10. Time to Practice (5) - Conditionals and Lists (Solution)	9:38
	11. Time to Practice (6) - Components (Problem)	1:44
	12. Time to Practice (6) - Components (Solution)	2:12
	13. Time to Practice (7) - Component Communication (Problem)	3:06
	14. Time to Practice (7) - Component Communication (Solution)	10:17
	15. Time to Practice (8) - Slots and Dynamic Components (Problem)	1:27
	16. Time to Practice (8) - Slots and Dynamic Components (Solution)	3:00
	17. Time to Practice (9) - Forms (Problem)	1:29
	18. Time to Practice (9) - Forms (Solution)	15:17
	19. Time to Practice (10) - Directives (Problem)	0:54
	20. Time to Practice (10) - Directives (Solution)	5:54
	21. Time to Practice (11) - Filters and Mixins (Problem)	1:08
	22. Time to Practice (11) - Filters and Mixins (Solution)	8:12