Vue.js Jump-start with Nuxt.js & Firebase

Name: Vue.js Jump-start with Nuxt.js & Firebase
Rating: 4.0 (71 reviews)

Learn how to build search engine friendly web apps with Vue & Nuxt

(71 ratings)

476 students

Created by M. Hendra

Last updated 11/2019

English

English [Auto]

What you'll learn

Students will be able to jump-start their new Vue/Nuxt projects with the skill and app boiler plate from this course
Get a good grasp of Vuex, VueRouter and Nuxt
Properly structure and secure Firebase database and make reasonably complex Firebase queries
Install and integrate Vue plugins and Nuxt modules and create Vue filters
General understanding of a full-blown application that includes user management and role based access
Techniques to make pages built with Vue/Nuxt search engine friendly
Basic understanding on deploying Vue/Nuxt app as a server in production mode with PM2

Requirements

Some web development knowledge of HTML, CSS and Javascript
Some familiarity with Node, especially with the use of npm

Description

Welcome to the course.

This course is about how to build a search engine friendly website or application using Vue.js with Nuxt.js (Updated for Nuxt v2).

We'll have search engine friendly features and improved perfomarnce by using Nuxt.js which is a Vue framework.

This is because Nuxt pre-renders the code and only delivers mostly the things required on the client side, which is the browser.

The other major part of the course is Firebase. We'll use it as the database for this course.

We'll be learning how to structure the database, it's security rules, file storage and of course queries to work with data.

So, this course is also a good primer on Firebase that will help you learn simple to reasonably complex Firebase queries.

This is a course where you would learn by building an app.

We'll build a simple ecommerce app with product and user management and role based access.

Then there is a product catalog and shopping cart on the front end.

At the end of the course you'll have a working app boiler plate that you could use for your own projects.

This is a jump-start course. So, it's about getting you up and running quickly. And it's not about long and winding explanation of everything.

We'll just do some work and then look at the result so that we learn by doing.

At the end of the course you'll receive the source code of the app we built.

So, I wish you good luck and let's get started. ;)

Who this course is for:

Web development beginner looking to skill up and upgrade from simple tools like Jquery
Intermediate web developer looking for a good foundation in Vue-js and Firebase

Featured review

Reyco S.

23 courses

12 reviews

2 years ago

This is a good course for understanding how firebase works on Nuxt. But one thing I need to point out, the authentication section seems unsecure because any user can literally make themselves an admin. I would suggest learning Firestore and Cloud Functions to make the application secure. Overall this was a good course, this is highly recommended if you want to learn how to integrating firebase and Nuxt.

M. Hendra

Learning & teaching is gratifying!

4.0 Instructor Rating
71 Reviews
476 Students
1 Course

M.Hendra has been a full-stack web developer for over 15 years. His work experience span a wide range of websites and applications. These include content sites, e-commerce and business administration system.

He understands the learning curve and pain especially the beginners go through while acquiring new tech skills. He's interested in producing courses that would be easy to pick up and get the students up to speed quickly.