Global Digital University est désormais certificateur du diplôme Product Builder no-code RNCP 41766. Découvrir les parcours

Développement frontend avec Vue.js

Apprenez à développer des interfaces utilisateur dynamiques avec Vue.js, en commençant par la création de sites statiques en HTML et CSS, le maquettage avec Figma, la dynamisation des pages en JavaScript, et la création de pages interactives avec Vue
Développement frontend avec Vue.js
Méthode pédagogique

Apprendre en construisant, avec un mentor pour garder le cap.

Le parcours combine projets à livrer, feedback régulier et progression guidée pour transformer les notions en compétences opérationnelles.

01

Chaque module est un projet à livrer

Chez GDU, vous n'apprenez pas une notion — vous l'appliquez immédiatement. Chaque semaine, un projet concret : construire une fonctionnalité, déployer une application, concevoir un produit No-Code. 80 % du temps en atelier, 20 % en acquisition de concepts.

02

Un professionnel actif, pas un formateur généraliste

Votre mentor est un expert en exercice dans son domaine — développeur, product manager, expert No-Code. Chaque semaine, une session en live : revue de projet, feedback technique, orientation. Il débloque, il challenge, il transmet une vraie culture métier.

03

Bootcamp ou format long : vous choisissez votre rythme

Montée en compétences intensive en quelques semaines (Bootcamp) ou progression progressive adaptée à votre vie professionnelle (Format long). Dans les deux cas, le même niveau d'exigence et le même accompagnement mentor.

Objectif et contenu de la formation

Cette formation vous guide à travers les étapes essentielles du développement frontend avec Vue.js. Vous commencerez par créer des sites statiques en HTML et CSS, puis apprendrez à utiliser Figma pour le maquettage des applications web. Ensuite, vous découvrirez comment dynamiser vos pages web avec JavaScript, avant de plonger dans la création de pages interactives avec Vue.js. À la fin de cette formation, vous serez capable de concevoir des interfaces modernes et réactives en utilisant les meilleures pratiques.

Contenu

Installation de l'environnement de développement :
  • Configuration de Visual Studio Code.
  • Utilisation de Live Server pour tester en temps réel.

    • Introduction à HTML :
  • Structure de base d'une page HTML.
  • Utilisation des balises HTML pour créer du contenu.

    • Introduction à CSS :
  • Sélection des éléments HTML pour le style.
  • Propriétés de base pour la mise en forme du texte et des éléments.

    • Mise en page avancée avec CSS :
  • Flexbox et Grid Layout pour des mises en page complexes.
  • Techniques de responsivité pour les sites mobiles.

    • Introduction à Figma :
  • Présentation de l'interface et des fonctionnalités de base.
  • Création de projets et d'artboards.

    • Conception des interfaces utilisateur :
  • Utilisation des outils de dessin et de typographie.
  • Création de composants réutilisables.

    • Prototypage et collaboration :
  • Création de prototypes interactifs.
  • Collaboration en temps réel avec les équipes.

    • Introduction à JavaScript :
  • Syntaxe de base et concepts fondamentaux.
  • Manipulation du DOM (Document Object Model).

    • Événements et interactions :
  • Gestion des événements utilisateur.
  • Création d'interactions dynamiques sur les pages web.

    • Introduction à AJAX et aux API :
  • Envoi et réception de données avec AJAX.
  • Utilisation des API pour des fonctionnalités dynamiques.

    • Introduction à Vue.js :
  • Présentation de Vue.js et de ses avantages.
  • Installation et configuration de l'environnement de développement.

    • Les bases de Vue.js :
  • Création de la première application Vue.js.
  • Compréhension des concepts de base : directives, interpolations, et bindings.

    • Composants Vue.js :
  • Création et utilisation de composants.
  • Communication entre composants (props et events).

    • Gestion de l'état avec Vuex :
  • Introduction à Vuex pour la gestion centralisée de l'état.
  • Création de stores et gestion des mutations et actions.

    • Routage avec Vue Router :
  • Configuration de Vue Router pour la navigation.
  • Création de routes et de vues dynamiques.

    • Optimisation et déploiement :
  • Optimisation des performances des applications Vue.js.
  • Bonnes pratiques pour le déploiement en production.

    • Prérequis

    Prérequis :
    • Aucune connaissance préalable en développement web n'est requise, bien que des notions de base en HTML, CSS et JavaScript soient un plus

    Modalité d'accès : 
    • Candidature via notre site ou MonCompteFormation
    • Examen de votre dossier et entretien éventuel 
    • Validation de votre candidature 

    Diplôme et certification

    A la fin de cette formation :
    • Vous obtenez un Graduate labelisé GLOBAL DIGITAL UNIVERSITY sous réserve de la validation de toutes les soutenances orales 

    Public cible

    Cette formation s'adresse :
    • Aux demandeurs d'emploi
    • Aux personnes en situation de reconversion professionnelle 
    • Aux chef de TPE et PME 
    • Et à toutes personnes désirant apprendre à développer des applications web 

    Ressources et moyens pédagogiques

    • Une plateforme pédagogique disponible 24h/24,
    • Cours en e-learning et tutoriels,
    • Cours en présentiel ou en téléprésentiel 
    • Mises en situation professionnelles pour monter en compétences rapidement,
    • Un mentor professionnel pour vous accompagner en présentiel ou à distance 
    • Une communauté d'apprenants pour partager les connaissance

    Modalités d'évaluation

    • Réalisation d'un projet final avec soutenance orale
    • Contrôle continu tout au long de la formation
    • QCM de validation des acquis par module

    Responsable

    Responsables pédagogiques
    • Richard LEUBOU Docteur en informatique et applications, enseignant en Master 2 Université de Strasbourg.
    • Benoît CRESPIN Maître de conférence en Informatique, Université de Limoges. Personne ressource consultée dans le cadre de la conception et de la mise en place des parcours de formation.
    Référent handicap

    Toute personne en situation de handicap et désirant suivre une formation chez GDU bénéficie d'un accompagnement gratuit sur demande à l'adresse handicap@gducampus.com.

    Notre plateforme a été conçue afin d'éviter les surcharges mentales, pour rendre plus confortables les pages pour les personnes hyperactives ou les plus jeunes, particulièrement sensibles au mouvement sur écran.

    Notre référent handicap répond à vos questions. Si besoin, nous vous orienterons vers l'organisme habilité pour traiter votre demande.

    Contact référent handicap : handicap@gducampus.com

    Mentorat GDU

    Concrètement, que se passe-t-il pendant une session ?

    Chaque semaine, une session live avec votre mentor — un expert actif dans son domaine. Il revoit votre travail, débloque vos blocages et vous prépare aux réalités du métier.

    01

    Il revoit votre projet

    Feedback direct sur votre code, votre produit, votre logique — sur un livrable réel, pas un exercice fictif.

    02

    Il débloque vos difficultés

    Questions sans jugement, orientations précises, ressources ciblées selon votre niveau et votre blocage du moment.

    03

    Il suit votre progression

    Points d'étape réguliers, objectifs clairs, ajustements si vous décrochez — vous avancez avec un cap défini.

    04

    Il partage le terrain

    Anecdotes de missions réelles, erreurs classiques du métier, conseils de professionnel actif — pas de théorie creuse.

    Besoin d'une précision ?

    Questions fréquentes

    8 questions

    Notre formation offre une modalité mixte : vous pouvez choisir le présentiel, la formation à distance, ou un mix des deux. L'apprentissage, c'est selon vos règles (et oui, les pyjamas sont acceptés à distance).

    Notre approche est axée sur la méthodologie par projet. Si bien que vous serez rapidement en mode "action", à coder et à créer.

    Tout à fait. Chaque apprenant bénéficie d'un suivi personnalisé. Nous croyons que chaque étudiant est unique et mérite une attention particulière.

    Nous sommes flexibles et nous nous adaptons aux besoins de chaque apprenant. Notre but est que vous réussissiez, peu importe le chemin emprunté.

    La formation s'étend sur une période de 6 mois. Un semestre riche et intense pour vous préparer au monde professionnel du développement web.

    Plusieurs options s'offrent à vous : CPF, Pôle Emploi, ou autres dispositifs. Si vous choisissez de financer vous-même, nous sommes là pour vous guider à travers les modalités.

    En tant que développeur junior, les salaires en France varient généralement entre 30 000 et 40 000€ annuels. Bien sûr, avec de l'expérience et de la spécialisation, ce chiffre peut augmenter.

    Absolument ! Notre formation est conçue pour vous rendre opérationnel et prêt à rejoindre le monde professionnel. Vous serez peut-être surpris de voir à quel point vous êtes demandé sur le marché !
    Inscription et accompagnement

    Prêt à démarrer ?
    On vous accompagne.

    • Formation à distance
    • Individuelle ou en petit groupe
    • 100 % pratique sur projets réels
    • Démarrage à tout moment
    • Délai d'accès 15 jours
    Choisir une option

    Sans engagement  ·  Réponse sous 24h

    Scroll