Overview
Nuxt.js is an open source framework based on Vue.js, Node, and Bable.js. Using Nuxt.js, users can add server-side rendering and generate static sites for Vue JS applications.
This instructor-led, live training (online or onsite) is aimed at web developers who wish to use Vue JS and Nuxt.js for end-to-end web development.
By the end of this training, participants will be able to:
- Create a single-page application using Nuxt.js.
- Implement server side rendering for optimizing SEO.
- Generate a static site from VueJS and Nuxt.js code.
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- To request a customized training for this course, please contact us to arrange.
Requirements
- Experience with JavaScript
Audience
- Web Developers
Course Outline
Introduction
Nuxt.js
- Static site generation
- SSR
- SPA
Preparing the Development Environment
- Installing and configuring Nuxt.js
Nuxt.js Quick Start
- Creating a route
- Adding navigation
- Working with parameters
- Applying a layout
- Styling Nuxt.js
- Building an SPA, universal app, and a static site
Handling in Nuxt.js
- Adding and preparing data
- Handling errors
- Working with Vuex
Backend Development
- Using Firebase
- Fetching data
- Syncing Vuex
Advanced Nuxt.js
- Adding and testing server side middleware
- Implementing plug-ins
- Configuring routing settings
Authentication
- Generating and storing tokens
Testing the Application
- Testing with unit tests and mock tests
Debugging the Application
- Handling errors
Deploying the Application
- Deploying on-premises or on the cloud
Securing the Application
- Hiding data and APIs
Troubleshooting
Summary and Conclusion