Description
Learn everything you need to know to get started with Vue.js components. Web components are custom developer defined HTML elements, like <p>,<body>, or <button>, that allows us to encapsulate some functionality of our applications.
Vue.js is a fantastic JavaScript framework, that is performant, progressive, and remarkably easy to start using. This is our course starting from the very basics of Vue.js.
Components are the puzzle pieces of a Vue.js website. Components combine blocks of HTML, JavaScript, and CSS. And as a result, they allow us to easily encapsulate and reuse functionality in our applications.
After this course, you’ll be familiar with:
The idea behind components and how Vue.js components work
Component’s template, and multiple ways to define your template
Communication between components with props and custom events
What is the true difference between global and local component registration
The lifecycle hooks of a component
Component composition with nested components and slots
Component’s best practices and common pitfalls
We’ve also prepared exercises for the course, so you can practice what you learn.
Vue.js Component Exercises:
Build a GitHub user profile component
Create a Notification Message component
What you will learn
Vue-CLI, Vue Router, and State Management with Vuex
Modern JavaScript (ES6/7/8)
User Permissions and Protected Routes
Third-Party Authentication
Firebase Realtime Database & Cloud Functions
Application Architecture and Best Practices
Code splitting
Webpack Configuration
SEO and Pre-rendering
Who this course is for:
Everyone interested in Frontend Development with VueJS
Anyone who is interested to create mobile app using Ionic and VueJS for Android and iOS
Requirements
Be familiar with JavaScript
Basic ES6 like arrow functions and import statements
Fundamental knowledge of Vue is good to have but not mandatory
Last Updated 3/2021
