Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Create a News App with Vue.js and Nuxt

via egghead.io

Overview

This course walks you through the steps of creating a News web app using Vue.js and the Nuxt framework. You will learn how to create dynamic pages for each section of your application and load, store, display, filter, and style the data. Then end result will be a News app with multiple category pages, comments for each section, and user pages.

Syllabus

  • Start a Nuxt Project with npx and the Vue.js CLI
  • Add a CSS Library from npm to Nuxt
  • Add JavaScript Libraries from npm to Nuxt
  • Create a Vuex Store for Global Data in Nuxt
  • Load Data into the Vuex Store in Nuxt
  • Access the Router Params to Load Page-Specific Data in Vue.js and Nuxt
  • Build Global Navigation with Layouts and nuxt-link in Nuxt
  • Create CSS Transition Effects in Vue.js and Nuxt
  • Style a List and List Items in Vue.js and Nuxt
  • Register Vue.js Filters as Plugins in Nuxt
  • Style Navigation Based on Route in Nuxt
  • Display Only Available Data in Vue.js and Nuxt
  • Display a User Data Page Based on id in Vue.js and Nuxt
  • Build a Recursive Component for Nested Comments in Vue.js and Nuxt

Taught by

John Lindquist

Reviews

4.3 rating at egghead.io based on 161 ratings

Start your review of Create a News App with Vue.js and Nuxt

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.