Nuxt.js and Vue.js Training Course
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.
Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
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
Requirements
- Experience with JavaScript
Audience
- Web Developers
14 Hours
Open Training Courses require 5+ participants.
Nuxt.js and Vue.js Training Course - Booking
Nuxt.js and Vue.js Training Course - Enquiry
Nuxt.js and Vue.js - Consultancy Enquiry
Consultancy Enquiry
Testimonials (4)
The lessons was very interactive and the excersices was good practical
Heino - NWK Limited
Course - Laravel and Vue.js
The trainer seemed very knowledgable about Vue. I appreciated seeing his development style and learning some new concepts to try.
Adrian Borrmann - CBC/Radio-Canada
Course - Advanced Vue.js
I really like Shawn's live coding style in teaching the course. He demonstrated his practical knowledge and experience on the subject.
Nhan Nguyen - Navy Information Warfare Center - Pacific
Course - Vuetify.js
Completing the labs to add new functionality (calculator & trading labs)
Darren White - DAS
Course - Vue.js
Provisional Upcoming Courses (Require 5+ participants)
Related Courses
Advanced Vue.js
14 HoursThis instructor-led, live training in Hong Kong (online or onsite) is aimed at Vue JS developers who wish to create advanced components that are simpler, more flexible, and easier to maintain.
By the end of this training, participants will be able to:
- Write VueJS code that is maintainable and resilient.
- Write application logic that is portable and reusable.
- Create customized components and widgets while avoiding unneeded complexity.
Read more...
Choosing the Right JavaScript Framework
14 HoursThis instructor-led, live training in Hong Kong (onsite or remote) is aimed at developers who need to decide which JavaScript framework to use to develop front-end applications.
By the end of this training, participants will be able to:
- Set up an optimal development environment to start developing front-end applications.
- Implement demo applications to test the limitations and benefits of a JavaScript framework.
- Decide on which JavaScript framework is the best fit.
Read more...
Laravel and Vue.js
14 HoursThis instructor-led, live training in Hong Kong (online or onsite) is aimed at web developers who wish to use Laravel and Vue JS for fullstack web development.
By the end of this training, participants will be able to:
- Develop web applications with Laravel and Vue JS.
- Integrate the Laravel backend API into Vue JS.
- Deploy a Laravel application.
Read more...
Building Micro-Frontends with Vue.js
14 HoursThis instructor-led, live training in Hong Kong (online or onsite) is aimed at intermediate-level developers who wish to create micro-frontend applications using Vue.js.
By the end of this training, participants will be able to:
- Have a better understanding of micro-frontends.
- Learn how to split large applications into micro-frontends.
- Implement micro-frontends using different approaches.
- Build micro-frontend applications with Vue.js.
Read more...
Quasar Framework and Vue.js
14 HoursThis instructor-led, live training in Hong Kong (online or onsite) is aimed at web developers who wish to use Quasar Framework and Vue JS to create cross-platform applications.
By the end of this training, participants will be able to:
- Build a cross-platform application for iOS, Windows, etc.
- Manage states and data with Vuex.
- Create a backend application with Firebase.
Read more...
Vue 3
7 HoursThis instructor-led, live training in Hong Kong (online or onsite) is aimed at developers and programmers who wish to use the framework changes and new features in Vue 3 to create applications.
By the end of this training, participants will be able to:
- Migrate and update from Vue 2 to Vue 3.
- Learn the new features to improve the development of applications.
- Test and use Vue 3 to build maintainable and reliable applications.
Read more...
Vue.js
21 HoursIn this instructor-led, live training in Hong Kong (online or onsite), participants will learn how to take advantage of Vue JS's incrementally adoptable architecture to build a complex, single-page application (SPA).
By the end of this training, participants will be able to:
- Build web apps that process and render data conditionally.
- Design interactive web apps that react efficiently to user events.
- Write modular and reusable code.
- Incrementally progress a view into full-blown single-page application.
- Integrate VueJS to an existing webpage.
- Use Vue's ecosystem to extend the framework's capability.
Read more...
Javascript and Vue.js for Beginners
21 HoursIn this instructor-led, live training in Hong Kong (online or onsite), participants will learn just the necessary Javascript to take advantage of Vue JS's incrementally adoptable architecture to build a complex, single-page application (SPA).
By the end of this training, participants will be able to:
- Undestand and use Javascript and the VueJS framework to build an interactive web application.
- Design interactive web apps that react efficiently to user events.
- Write modular and reusable code.
- Incrementally progress a view into full-blown single-page application.
Read more...
Vuetify.js
14 HoursThis instructor-led, live training in Hong Kong (online or onsite) is aimed at developers who wish to use Vuetify.js to build beautiful interfaces for single-page applications.
By the end of this training, participants will be able to:
- Install and configure Vuetify.js.
- Understand the principles behind Material Design.
- Create a single page application with an advanced UI using Vue.js and Vuetify.js.
Read more...
Managing Vue JS State with Vuex
7 HoursThis instructor-led, live training in Hong Kong (online or onsite) is aimed at developers and programmers who wish to create, manage, and update Vue applications using Vuex.
By the end of this training, participants will be able to use Vuex for building adaptable and maintainable single-page applications.
Read more...
