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
 

Need help picking the right course?
Call us +971 4871 6715

Testimonials

Completing the labs to add new functionality (calculator & trading labs)

Darren White - DAS

Richard is incredibly knowledgable and pleasant.

Simon Pakijavan - DAS

The live coding and immediate feedback.

Navy Information Warfare Center - Pacific

Live coding and immediate feedback

Navy Information Warfare Center - Pacific

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

Hands on, live coding approach to learning.

Nhan Nguyen - Navy Information Warfare Center - Pacific

Trainer asked questions constantly, which ensured active participation. Trainer had real world experience with the material he was teaching.

CBC/Radio-Canada

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

Related Courses

Creating and managing Web sites

  35 hours
The training program prepares you for professional web designer (occupation code: 213202 for Standards of Professional Qualifications) in respect of "HTML and CSS in web design" and includes a programming problem using JavaScript and PHP
Read More...

Advanced Vue.js

  14 hours
Vue.js is a minimalist JavaScript frameworks for building advanced single-page applications. Vue JS aims to take the best of Angular, make it lightweight, and leave out the unnecessary parts. This instructor-led, live training (online or onsite)
Read More...

Choosing the Right JavaScript Framework

  14 hours
Developing a front-end application is an enduring task when there are so many new and emerging JavaScript Frameworks to choose from. The choice of a good framework depends on the requirement and use-case. In this course, we will breakdown the
Read More...

Building Micro-Frontends with Vue.js

  14 hours
Micro-Frontend is a type of architecture or a web development pattern where an application is built from several modules or builds. Vue.js is an open-source JavaScript framework for building advanced single-page web applications. This
Read More...

Quasar Framework and Vue.js

  14 hours
Quasar Framework is a framework based on Vue.js for building PWAs (Progressive Web Application) and SSR (Server-Side Rendering) apps. Vue.js is an open source JavaScript framework for building user interfaces and single-page applications. Using
Read More...

Vue 3

  7 hours
Vue is an open-source JavaScript framework for building single-page applications and web interfaces. Vue 3, Vue's latest major release, provides new features and significant changes in the framework such as the use of composition API, optimized
Read More...

Vue.js

  21 hours
Vue.js is an open-source progressive JavaScript front-end framework for building advanced single-page applications. Vue JS aims to take the best of Angular, make it lightweight, and leave out the unnecessary parts. In this instructor-led, live
Read More...

Javascript and Vue.js for Beginners

  21 hours
Vue.js is an open-source progressive JavaScript front-end framework for building advanced single-page applications. Vue JS aims to take the best of Angular, make it lightweight, and leave out the unnecessary parts. In this instructor-led, live
Read More...

Vuetify.js

  14 hours
Vuetify.js is a semantic component framework for Vue.js. This instructor-led, live training (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
Read More...

Designing Inteligent User Interface with HTML5, JavaScript and Rule Engines

  21 hours
Coding interfaces which allow users to get what they want easily is hard. This course guides you how to create effective UI with the newest technologies and libraries. It introduces idea of coding logic in Rule Engines (mostly Nools and PHP
Read More...

Ext JS Fundamentals

  21 hours
This 3-day course demonstrates through hands-on practice the fundamentals of Ext JS.
Read More...

JavaScript - Advanced Programming

  14 hours
The training is designed for JavaScript developers, designing and implementing advanced Internet applications. Topics discussed during the training aimed at bringing best practices in JavaScript programming and highlight the most common mistakes. An
Read More...

Laravel and Vue.js

  14 hours
Laravel is an open source PHP framework for developing web applications. Vue.js is an open source JavaScript framework for building user interfaces and single-page applications. Using Vue JS, users can create dynamic user interfaces for CRUD
Read More...

Prototyping using JavaScript and Bootstrap

  21 hours
JavaScript is a programming language designed for manipulating a web page. Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the
Read More...

Managing Vue JS State with Vuex

  7 hours
Vuex is a state management library for managing state in medium to large Vue.js applications. Vuex provides a centralized store for all application components for better maintainability and management of applications. This instructor-led, live
Read More...