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.
Overview
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