Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Working with Nuxt.js

Course Summary

The Working with Nuxt.js training course is designed to teach students how to design modern web applications using the Nuxt.js web application framework.

The course will begin by examining a Nuxt.js project. Students will then learn about routing and view concepts. The course will then review server-side rendering. Finally, students will work with Vuex to understand store state management and testing.

Purpose
 Learn to use Nuxt.js in modern web application design.
Audience
 Web Developers looking to add Nuxt.js into their skillset.
Role
Web Developer
Skill Level
Introduction
Style
Learning Spikes - Workshops
Duration
3 Days
Related Technologies
JavaScript | Web Development | Vue.js

 

Productivity Objectives
  • Create a Nuxt.js-based server for running Vue.js apps.
  • Explain the structure and configuration of a Nuxt.js server.
  • Employ advanced features like server-side rendering to speed up your applications.

What You'll Learn:

In the Working with Nuxt.js training course, you'll learn:
  • Introduction and Setup
    • Introductions
    • Verify setup
      • Node.js and npm
      • IDE
      • Git
      • Class repo
    • What is Nuxt.js?
    • What does Nuxt.js do for me?
  • Generating and Examining a Nuxt.js Project
    • The Nuxt.js command-line interface
    • Generating a project
    • Project structure
    • Config files and aliases
  • Routing
    • Routing concepts
    • Dynamic and nested routes
    • Transitions
    • Middleware
  • Views
    • View structure
    • Documents, layouts, and pages
    • Reusing Views
    • The <head> of the document
  • Server-Side Rendering (SSR)
    • What is SSR?
    • Configuring for SSR
    • Caveats for SSR
    • Server modes
  • Asynchronous Data
    • Asynchronous data on the server
    • The asyncData configuration
    • Context
  • Working with Vuex
    • Using the store configuration
    • Accessing store data
    • Vuex caveats
  • Testing Under Nuxt.js
    • Unit testing
    • Integration testing
    • End-to-end testing
      • Ava
      • jsdom
real world content

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
expert practitioners

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.