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
Durée: 4 mois
Modalité: Présentiel, à distance
Mise à jour: 14/06/24
Eligible CPF
Formation pratique

La Formation est pratique à plus de 80%. Grâce à nos ateliers, vous développerez de nouvelles compétences en réalisant des projets concrets.

Un mentor dédié

Un mentor expert vous offre un soutien pédagogique tout au long de la formation. Il est là à vous assister et à partager son expérience.

Formation personnalisée

Apprenez à votre rythme, avec un contenu qui vous correspond : Notre formation est conçue pour s'aligner sur votre trajectoire professionnelle

Objectif de 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.

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 

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 

Diplome ou 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 

Ressources techniques et pédagogiques

  • Une plateforme e-learning disponible 24h/24,
  • Cours en e-learning
  • Tutoriels
  • Mises en situation professionnelles pour monter en compétences rapidement,
  • Un mentor professionnel pour vous assister dans la réalisation des projets,
  • Une communauté d'apprenants pour partager les connaissances.
  • Suivi personnalisé par un mentor/coach expert
Module 1 : création des sites statiques en HTML et CSS

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.

    • Module 2 : maquettage des applications web (Figma)

    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.

    • Module 3 : dynamisation des pages web (JavaScript)

    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.

    • Module 4 : création des pages interactives avec Vue.js

    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.

    • 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
    Vos questions, nos réponses
    Puis-je la suivre à distance ?

    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é !

    Concrètement, que fait le mentor chez Global Digital University ?

    01
    Il assure le suivi

    Suivi de progression, réalisations, et atteinte d'objectifs personnels.

    02
    Il répond aux questions

    Réponses précises aux questions, ortientations, éclaircissement de doutes.

    03
    Il partage sa passion

    Transmission de passion, inspiration, et motivation dans le domaine.

    Comment ca marche
    Je souhaite assister à une
    session de demo

    Ces formations pourraient vous intéresser

    Scroll