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
30 Days to Learn LaravelLaracasts 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