Vue.js - Web Application Development

Project overview

Hello,

We are looking for a trainer for the following mission:

Learning Objectives

ProgramDay 1 – Advantages and disadvantages of Vue.js

Simple use of Vue

Day 2 – Use in template form

Use in component form

Day 3 – Routing with Vue-router

Data store with Pinia (introduction)

Vue.js and external data (Call API)

Vue.js in a modern JS stack: npm, webpack, Babel, and Vite

Best practices with Vue.js

• Master the JS developer environment
• Understand the key principles and best practices of Vue.js compared to other frameworks or libraries (jQuery, Angular, React)
• Know the essential tools for developing dynamic web applications with Vue.js
• Be able to develop an SPA with Vue.js in a coherent JavaScript development environment
• Perform tests
• What is an SPA (Single Page Application)?
• The origins of the Vue.js framework
• Why choose Vue.js?
• Comparison with frameworks (jQuery, Angular, ReactJS)
• Practical work: identifying how Vue.js addresses a concrete web development problem, comparison with jQuery, Angular, and React
• Simple use, without build tools
• "Hello world" presentation
• How to integrate Vue.js incrementally
• Practical work: creating an HTML page integrating Vue.js via a CDN, developing a small application with data binding and Vue.js directives
• One-way data binding
• How to use Vue.js methods
• Computed properties
• Control flow directives
• Event handling directives
• Presentation of the main filters
• Components provided with Vue.js
• Know the most common pitfalls
• Practical work: transforming a static HTML page into a dynamic page with v-if, v-for directives and computed properties
• Decouple widgets from HTML
• Presentation of the component lifecycle
• Complete "stand alone" modules
• Know the hierarchy and composition
• Master states and communication between components
• Component Option API
• Differences with Composition API
• Practical work: developing reusable components and managing communication via props and custom events
• View declaration
• History manipulation
• Navigation
• Nested routes
• Redirection
• Error handling
• Flash messages
• Practical work: configuring Vue Router in history mode, managing nested routes, redirections, and error pages
• Benefits of a state manager (state, view, actions)
• Centralized storage area for all components
• Rules to control application state mutations
• Create and call actions
• Cache and performance
• Error management
• Define getters
• Practical work: creating a Pinia store to manage a task list with filtering getters
• Using Axios to consume APIs
• Consuming a REST API with Vue 3
• Practical work: GET request to a contact API, displaying data, filtering by name, managing loading and error states
• Installation via package manager
• Building via webpack
• Project with Vite
• Pre-processing with Rollup
• Practical work: production build with Vite, bundle optimization (lazy loading, tree shaking), deployment on a static server
• Locations and components
• Pinia store organization
• API calls and data validation
• Environment variable management ($config)
• Optimizing library usage (import cost)
• Practical work: developing a complete blog-type application (list, add, edit, delete articles) with Vue Router, Pinia, Axios, and reusable components

Project details

• Start: 15/11/2026
• Duration: 3 jours
• Location: Levallois-Perret, Île-de-France, FR
• Rate: 50-69 EUR/h
• Languages: French