*** UPDATE!

Vue 3 has been released and this class has been replaced with a new one to cover this new version:

https://www.skillshare.com/classes/In-Depth-Vue-3-For-Beginners/1881663970

***

Take your HTML, CSS & Javascript skills to the next level by learning one of the hottest Javascript frameworks available today, Vue.js!

If you are unfamiliar with vue.js, or Javascript libraries and frameworks in general, some of the questions you may be asking is:

What is Vue.js?

And why should I learn it in the first place?

Vue.js is a really fun and easy to use Javascript framework for building user interfaces

The core of the framework is very lightweight and fast, and it can be used in projects of any size

From easily dropping it into an existing website or application to just control a part of it such as adding new components,

Right through to medium or large single page applications

Considering the lightweight size of the vue.js core, it is still packed full of features which you will learn about during this course.

During this course you will build 2 fun, exciting and challenging projects, to apply everything you will learn instantly.

We begin with a guest list app where users can add their name to an event guest list. This is a simple app but will guide you through all of the vue.js essentials such as:

Two way data binding
Event handling
Templates and the Virtual DOM
List & conditional rendering
Binding attributes & styles
The Vue instance
Javascript expressions
Instance properties: Data, Computed, Watchers, Methods, Filters etc
Looping & filters
Refs and other instance properties and methods
Vue lifecycly
Plus much more!

You will then build on this knowledge, by building a greeting card application, where the user can create and edit their own custom greeting card. They can add their own text and images to create a personalised card.

This project introduces more concepts such as:

Components (local, global and single file)
The Vue CLI for scaffolding projects with build tools such as Webpack & Babel
Installing Node & NPM
Passing data with $emit
Storing & retrieving images from Firebase
Props and prop validation
Slots and slot scope
Binding to menu options to change fonts & styles
Event bus
Mixins
Plus much more!

So are you ready to learn one of the hottest and most upcoming Javascript frameworks available?

Join me now and I look forward to having you on board!

Renzo Salvador

UI Web Designer

7

44