YoVDO

Create a News App with Vue.js and Nuxt

Offered By: egghead.io

Tags

Vue JS Courses Web Development Courses Vuex Courses Data Management Courses CSS Transitions Courses

Course Description

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

Related Courses

30 Days to Learn Laravel
Laracasts
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Expanding Your JS Skills with Angular
A Cloud Guru