Created by Reed Barger | Video: h264, 1280×720 | Audio: AAC 48KHz 2ch | Duration: 02:44 H/M | Lec: 36 | 1.45 GB | Language: English | Sub: English [Auto-generated]Create a complete, full-stack news aggregator from front to back with Nuxt 2, Firestore and Vue MaterialWhat you’ll learnUse core Nuxt concepts to build your own amazing server-rendered appsLearn the practical side of working with various Nuxt / Vue features within the context of building a professional, complete applicationUse the material covered in this course to spark your own ideas in making cool, functional web appsRapidly, yet thoroughly build a Nuxt project from start to finishRequirementsSome experience with ES6 JavaScript (preferred, but not required)Familiarity with basic Vue concepts (i.e. v-for, v-model, v-bind, v-on)DescriptionRECENTLY UPDATED FOR LATEST VERSION OF NUXTInterested in building impressive, practical full-stack single page + server-rendered apps with Nuxt and Firestore? This is the course for you!Here’s what we will cover:Creating a complete news feed / aggregator with Nuxt 2, Firestore and Vue Material from the first line of code to deployment on the webFull CRUD functionality (create, read, update, delete) with the new real-time NoSQL Firestore DatabaseComprehensive work with News API in order to dynamically fetch top headlines around the world (by news category, by country, by news source, etc.)Adding search functionality to query all headlines according to search terms, by date and various criteriaCreating the ability for users to bookmark headlines to add to their personal feedTurning live news headlines into separate pages within our app upon which users can commentExtensive coverage of making HTTP requests with axios (Nuxt module, proxies, setting headers)Built-in Nuxt data-fetching with the methods asyncData and fetchWorking with Nuxt plugins to incorporate third-party libraries with our Nuxt applicationImplementing liking / upvoting user comments on news articlesAuthentication with JSON Web Tokens and session management with both Cookies and LocalStorageUser authentication with the Firebase Auth REST APIForm validation with Vuelidate for our Login and Register formsState management with Vuex, with the help of simple, straightforward patternsCreating attractive, responsive, feature-rich Uis with the Material Design library Vue MaterialEssential features of Vue Router (in relation to Nuxt)Building Nuxt middleware functions to work as authentication checks and navigation guardsUse Vue filters to format date / time values with the popular package date-fnsTons of work with ES6 / 7, especially async / await functionsHelpful browser tools such as Vue / Nuxt Dev ToolsBootstrapping new Nuxt 2 projects with the create-nuxt-app CLISeamless App Deployment with HerokuAnd more!What will be building in this course?We’ll be building a real-time news feed called NuxtNews, where users will be able to see live news headlines as they are published from around the world, search through them with search terms, by date and search criteria, where users can select headlines by their country, by news category, by news source, and take a look at these headlines as individual pages within our app.
And when users are authenticated (using JSON Web Tokens and the Firebase Auth REST API), they will be to bookmark the headlines they want to save and put within their own personalized news feed, comment on articles of their choosing and like / upvote comments by other users on those individual headline pages.
It’s truly a fully-featured application where you’ll learn tons of Nuxt / Vue concepts along the way, so let’s dive in!Who this course is for?Developers looking to build impressive, next-level apps with NuxtVue developers who want to apply their skills to make Nuxt appsJavaScript developers who are interested in using server-side versions (Nuxt / Next js) of popular librariesProgrammers looking to build cool, practical web apps in general!
