HOME > Development > Master Nuxt.js A Vuejs framework by building projects

Master Nuxt.js A Vuejs framework by building projects

  • Development
  • Dec 12, 2024
SynopsisMaster Nuxt.js – A Vuejs framework by building projects...
Master Nuxt.js A Vuejs framework by building projects  No.1

Master Nuxt.js – A Vuejs framework by building projects, available at $54.99, has an average rating of 4.5, with 66 lectures, based on 40 reviews, and has 261 subscribers.

You will learn about How to kick start with nuxtjs Build server-side-rendered single-page-applications (SPAs) in nuxt Build a weather application using API in Nuxtjs Building Quiz app with firebase in nuxt Authentication using firebase in nuxtjs Deploying Nuxtjs on digital ocean server Making Nuxtjs an SEO friendly application Including external Library Writing effective, reusable and manageable vuejs/javascript code This course is ideal for individuals who are Who want to learn how to write effective manageable code or Who want to create server side rendering application (SSR) or Who want to build real projects with vuejs and SSR It is particularly useful for Who want to learn how to write effective manageable code or Who want to create server side rendering application (SSR) or Who want to build real projects with vuejs and SSR.

Enroll now: Master Nuxt.js – A Vuejs framework by building projects

Summary

Title: Master Nuxt.js – A Vuejs framework by building projects

Price: $54.99

Average Rating: 4.5

Number of Lectures: 66

Number of Published Lectures: 66

Number of Curriculum Items: 66

Number of Published Curriculum Objects: 66

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

  • How to kick start with nuxtjs
  • Build server-side-rendered single-page-applications (SPAs) in nuxt
  • Build a weather application using API in Nuxtjs
  • Building Quiz app with firebase in nuxt
  • Authentication using firebase in nuxtjs
  • Deploying Nuxtjs on digital ocean server
  • Making Nuxtjs an SEO friendly application
  • Including external Library
  • Writing effective, reusable and manageable vuejs/javascript code
  • Who Should Attend

  • Who want to learn how to write effective manageable code
  • Who want to create server side rendering application (SSR)
  • Who want to build real projects with vuejs and SSR
  • Target Audiences

  • Who want to learn how to write effective manageable code
  • Who want to create server side rendering application (SSR)
  • Who want to build real projects with vuejs and SSR
  • Nuxt or Nuxtjs is a framework of vuejs to build SPA and universal applications

    Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable.

    You will get introduced with Nuxtjs in detiails and work on two real vuejs nuxtjs projects.

    Nuxt make server side rendering like a breeze and combining every pieces of vuejs ecosystem is the fuel of nuxtjs.

    In this course, I’ll teach you core concepts of Nuxt.js and how exactly it works behind the scene. We will dive into the rendered .nuxt directory to see from where nuxt serve every page and how they have configured.

    While this course is designed with two project and then finally deploying project on DigitalOcean, I encourage you to comment or request any specific thing you want to learn related to nuxtjs.

    The course will teach you

  • Build server-side-rendered single-page-applications (SPAs)

  • How to use vuetify framework

  • Making Nuxtjs an SEO friendly application

  • Including external Library

  • Writing effective, reusable and manageable vuejs/javascript code

  • Deploying Nuxtjs on digital ocean server

  • Authentication using firebase in nuxtjs

  • any many more things.

  • Who am I?

    My name is Sarthak Shrivastava and I am a full stack developer.

    Why I am best for teaching nuxtjs ?

    Because my own bitfumes website is build over Nuxt.js.

    Along with that, i have bestselling Laravel + Vue.js course forum course here on Udemy.

    Course Curriculum

    Chapter 1: Introduction

    Lecture 1: Introduction to course

    Lecture 2: How to get most out of this course

    Lecture 3: How to get help

    Chapter 2: Say Hello to Nuxt.js

    Lecture 1: Introduction

    Lecture 2: 2 Intro to Nuxtjs

    Lecture 3: 3 Nuxtjs with npx

    Chapter 3: Understanding Nuxtjs Core concepts

    Lecture 1: 4 Understanding express:nodejs

    Lecture 2: 5 Understanding Plugins in Nuxtjs

    Lecture 3: 6 Understanding Modules in Nuxtjs

    Lecture 4: 7 Understanding Nuxtjs config

    Lecture 5: 8 Html in nuxtjs

    Lecture 6: 9 Default Layout

    Lecture 7: 10 Custom Layout

    Lecture 8: 11 Custom Error Page

    Lecture 9: 12 Attributes of Pages

    Lecture 10: 13 Meta Tag Override

    Lecture 11: 14 Router – Nuxt Link

    Lecture 12: 15 Dynamic Routings

    Lecture 13: 16 Route Params Validation

    Lecture 14: 17 Middleware

    Chapter 4: Project 1 – Weather Application

    Lecture 1: 18 Start Weather App

    Lecture 2: 19 Create Weather App Page

    Lecture 3: 20 Understand Weather API Website

    Lecture 4: 21 Fetch Weather Data

    Lecture 5: 22 Dynamic City Weather

    Lecture 6: 23 Show City with Weather Icon

    Lecture 7: 24 Show Temperature

    Lecture 8: 25 Show Weather Description

    Lecture 9: 26 Move to Server Side Rendering (SSR) mode

    Lecture 10: 27 Show Wind & Pressure

    Lecture 11: 28 Show Max and Min Temperature

    Lecture 12: 29 Clean-Up V-if

    Lecture 13: 30 Use DotEnv Module

    Chapter 5: State Management – Understand Vuex Store n Nuxtjs

    Lecture 1: 31 Intro to Vuex in Nuxtjs

    Lecture 2: 32 Access State from Store

    Lecture 3: 33 Vuex Getters

    Lecture 4: 34 Weather app – move to Vuex store

    Lecture 5: 35 AsyncData to Fetch

    Lecture 6: 36 Vuex Actions in Nuxt.js

    Lecture 7: 37 Refactor and Re-use code

    Chapter 6: Project 2 – Quiz Application with Firebase

    Lecture 1: 38 Start with Quiz App

    Lecture 2: 39 Submit Button

    Lecture 3: 40 Create Question Page

    Lecture 4: 41 Intro to Firebase Test Mode

    Lecture 5: 42 Bind Data to Question Form

    Lecture 6: 43 Store Question to Firebase

    Lecture 7: 44 Store Answer with Question on Firebase

    Lecture 8: 45 Fetch Questions from Firebase

    Lecture 9: 46 Show Questions

    Lecture 10: 47 Update Question

    Lecture 11: 48 Query Answer by Question Id

    Lecture 12: 49 Update Asnwer

    Lecture 13: 50 Delete Answer with Question

    Lecture 14: 51 Refactor our Code

    Lecture 15: Course Section and future plans

    Chapter 7: Firebase Authentication on Admin Side

    Lecture 1: 52 Create Login Form

    Lecture 2: 53 Make Login Work

    Lecture 3: 54 Use Vux nuxtServerInit

    Lecture 4: 55 Auth Logout and plugins

    Lecture 5: 56 Protect route with Guest Middleware

    Lecture 6: 57 Why this Permission denied

    Lecture 7: 58 Show Question on FrontEnd

    Lecture 8: 59 Extract Questions into its Component

    Lecture 9: 60 Get Correct Answer

    Lecture 10: 61 Correct Answer Color

    Lecture 11: 62 Notify use on Client Side Only

    Instructors

  • Master Nuxt.js A Vuejs framework by building projects  No.2
    Sarthak Shrivastava
    Web Developer & Instructor
  • Rating Distribution

  • 1 stars: 0 votes
  • 2 stars: 1 votes
  • 3 stars: 6 votes
  • 4 stars: 11 votes
  • 5 stars: 22 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!