Create a News App with Vue.js and Nuxt
Offered By: egghead.io
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
Creative Advanced CSS & JavaScript Animations - 150 ProjectsUdemy CSS Animations: Learn CSS Animations from Scratch
Udemy CSS: Animation
LinkedIn Learning Mega CSS Animation Course : 30 Projects Included
Udemy CSS Transitions and Transforms Course (How To)
Treehouse