NP URI: www.nobleprog.qa/cc/advvuejssao Undefined array key 0 /apps/hitra7/npfrontend/nptemplates/default.php:137 Array ( [0] => Array ( [file] => /apps/hitra7/npfrontend/nptemplates/default.php [line] => 137 [function] => {closure:/apps/hitra7/npfrontend/index.php:5} [args] => Array ( [0] => 2 [1] => Undefined array key 0 [2] => /apps/hitra7/npfrontend/nptemplates/default.php [3] => 137 ) ) [1] => Array ( [file] => /apps/hitra7/npfrontend/modules/course/course.php [line] => 141 [args] => Array ( [0] => /apps/hitra7/npfrontend/nptemplates/default.php ) [function] => require_once ) [2] => Array ( [file] => /apps/hitra7/npfrontend/core/routes.php [line] => 16 [function] => course_menu_callback [args] => Array ( [0] => /cc/advvuejssao ) ) [3] => Array ( [file] => /apps/hitra7/npfrontend/__index.php [line] => 94 [args] => Array ( [0] => /apps/hitra7/npfrontend/core/routes.php ) [function] => require_once ) [4] => Array ( [file] => /apps/hitra7/npfrontend/index.php [line] => 17 [args] => Array ( [0] => /apps/hitra7/npfrontend/__index.php ) [function] => include_once ) [5] => Array ( [file] => /apps/hitra7/index.php [line] => 65 [args] => Array ( [0] => /apps/hitra7/npfrontend/index.php ) [function] => include_once ) ) NP URI: www.nobleprog.qa/cc/advvuejssao Undefined array key 1 /apps/hitra7/npfrontend/nptemplates/default.php:137 Array ( [0] => Array ( [file] => /apps/hitra7/npfrontend/nptemplates/default.php [line] => 137 [function] => {closure:/apps/hitra7/npfrontend/index.php:5} [args] => Array ( [0] => 2 [1] => Undefined array key 1 [2] => /apps/hitra7/npfrontend/nptemplates/default.php [3] => 137 ) ) [1] => Array ( [file] => /apps/hitra7/npfrontend/modules/course/course.php [line] => 141 [args] => Array ( [0] => /apps/hitra7/npfrontend/nptemplates/default.php ) [function] => require_once ) [2] => Array ( [file] => /apps/hitra7/npfrontend/core/routes.php [line] => 16 [function] => course_menu_callback [args] => Array ( [0] => /cc/advvuejssao ) ) [3] => Array ( [file] => /apps/hitra7/npfrontend/__index.php [line] => 94 [args] => Array ( [0] => /apps/hitra7/npfrontend/core/routes.php ) [function] => require_once ) [4] => Array ( [file] => /apps/hitra7/npfrontend/index.php [line] => 17 [args] => Array ( [0] => /apps/hitra7/npfrontend/__index.php ) [function] => include_once ) [5] => Array ( [file] => /apps/hitra7/index.php [line] => 65 [args] => Array ( [0] => /apps/hitra7/npfrontend/index.php ) [function] => include_once ) ) NP URI: www.nobleprog.qa/cc/advvuejssao Undefined array key 2 /apps/hitra7/npfrontend/nptemplates/default.php:137 Array ( [0] => Array ( [file] => /apps/hitra7/npfrontend/nptemplates/default.php [line] => 137 [function] => {closure:/apps/hitra7/npfrontend/index.php:5} [args] => Array ( [0] => 2 [1] => Undefined array key 2 [2] => /apps/hitra7/npfrontend/nptemplates/default.php [3] => 137 ) ) [1] => Array ( [file] => /apps/hitra7/npfrontend/modules/course/course.php [line] => 141 [args] => Array ( [0] => /apps/hitra7/npfrontend/nptemplates/default.php ) [function] => require_once ) [2] => Array ( [file] => /apps/hitra7/npfrontend/core/routes.php [line] => 16 [function] => course_menu_callback [args] => Array ( [0] => /cc/advvuejssao ) ) [3] => Array ( [file] => /apps/hitra7/npfrontend/__index.php [line] => 94 [args] => Array ( [0] => /apps/hitra7/npfrontend/core/routes.php ) [function] => require_once ) [4] => Array ( [file] => /apps/hitra7/npfrontend/index.php [line] => 17 [args] => Array ( [0] => /apps/hitra7/npfrontend/__index.php ) [function] => include_once ) [5] => Array ( [file] => /apps/hitra7/index.php [line] => 65 [args] => Array ( [0] => /apps/hitra7/npfrontend/index.php ) [function] => include_once ) )

Course Outline

Core Advanced Vue.js Concepts

  • Advanced component lifecycle
  • Advanced handling of props, emits, and custom events
  • Advanced reactivity (ref, computed, effect, watch, etc.)
  • Route control and navigation guards

Scalable State Management with Pinia

  • Scalable architectures with Pinia
  • Advanced composition and store modularization
  • Best practices for managing global and local data

API Integration and Data Layer Design

  • Global and custom Axios configuration
  • Advanced use of interceptors and error handling
  • Integration with Pinia and components
  • Data flow between APIs, stores, and UI components

Modern Vue Development Workflow

  • Advanced Vite configuration for Vue.js projects
  • Plugin integration and build optimization
  • Best practices for dev/testing/production environments
  • Environment variables for production (Vault), CI/CD
  • Code Quality: ESLint, Prettier, and SonarQube setup and integration
  • Automated formatting and static analysis best practices

Framework Specialization: Quasar Framework

  • Optimization and customization of Quasar components
  • Building responsive and performant UIs with Quasar
  • Using Quasar with TanStack, PWA, and ServiceWorker

TypeScript in Vue.js

  • Advanced typing for components and stores
  • Defining types for props, emits, and slots
  • Reusable patterns and best practices for type safety

Testing and Code Reliability

  • Unit and integration testing for components and stores
  • Recommended tools (Vue Test Utils, Vitest, etc.)
  • Best practices for maintainability and test automation

Performance and Optimization

  • Lazy loading, code splitting, and resource optimization
  • Identifying and resolving performance bottlenecks
  • Profiling and fine-tuning Vue.js applications

Materials and Support

  • Comprehensive documentation and examples per module
  • Access to recorded materials or online resources
  • Q&A and post-training implementation support

Summary and Next Steps

Requirements

  • Experience developing applications with Vue.js
  • Familiarity with JavaScript, ES6+, and REST APIs
  • Basic understanding of frontend build tools and component-based architectures

Audience

  • Frontend developers with prior Vue.js experience
  • Software engineers building large-scale Vue applications
  • Developers seeking best practices in architecture, testing, and optimization
 35 Hours

Need help picking the right course?

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

Upcoming Courses

Advanced Vue.js: Scalable Apps and Optimization

2025-12-01 09:30
35 hours
Sheraton Grand Doha Resort & Convention Hotel

Advanced Vue.js: Scalable Apps and Optimization

2025-12-15 09:30
35 hours
Servcorp Home

Advanced Vue.js: Scalable Apps and Optimization

2025-12-29 09:30
35 hours
Kempinsky Hotel

Advanced Vue.js: Scalable Apps and Optimization

2026-01-12 09:30
35 hours
The Torch tower

Advanced Vue.js: Scalable Apps and Optimization

2026-01-26 09:30
35 hours
Movenpick Hotel West Bay Doha

Related Courses

Advanced Vue.js

 14 Hours

This instructor-led, live training in Qatar (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 Hours

This instructor-led, live training in Qatar (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 Hours

This instructor-led, live training in Qatar (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 Hours

This instructor-led, live training in Qatar (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 Hours

This instructor-led, live training in Qatar (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 Hours

This instructor-led, live training in Qatar (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 Hours

In this instructor-led, live training in Qatar (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 Hours

In this instructor-led, live training in Qatar (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 Hours

This instructor-led, live training in Qatar (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...

Related Categories

Vue.js
Vue.js