SF7UX | Symfony UX

  • Symfony UX a révolutionné la manière de concevoir des interfaces web, permettant aux développeurs Symfony de bâtir des applications modernes, réactives et performantes sans quitter PHP et Symfony. Si vous cherchez à créer des expériences utilisateur riches et dynamiques qui rivalisent avec les frameworks JavaScript lourds, cette formation est le meilleur point de départ pour vous aider à maîtriser tous les outils de Symfony UX. SensioLabs University, le centre de formation officiel de Symfony, a conçu l’expérience de formation la plus complète en associant le présentiel et le e-learning. En complément de la formation en présentiel, l'accès à notre plateforme de révision en ligne pendant 1 mois, permet d’associer différentes pratiques d’apprentissage, de tester ses compétences, de suivre sa progression et de rester en contact avec son formateur sur toute la durée du programme. Cette formation n'est pas seulement conçue pour vous aider à prendre en main Symfony UX, c'est aussi le cursus idéal pour apprendre les bonnes pratiques et les meilleures astuces directement auprès de notre équipe d’experts certifiés. Les sessions sont données en distanciel.
  • Prérequis

    Connaissances de Symfony
  • Objectifs

    En seulement 3 jours, l’objectif de cette formation est de mettre en place un frontend moderne et réactif avec Symfony UX. En partant d'un projet Symfony 7 existant, vous apprendrez à utiliser efficacement les composants Twig et composants Live. Vous maîtriserez aussi l’utilisation des librairies Stimulus et Turbo pour reproduire l’apparence et la sensation des applications web monopage (Single Page App, SPA). L’accent sera mis sur comment organiser l’architecture de votre projet.

Programme détaillé

Supports mis à jour en décembre 2025

Mise en place du projet de formation

  • Découverte de l'application support
  • Explication du projets

Rappels Javascript

  • Frameworks natifs vs compilés
  • Syntaxe JavaScript moderne
  • Les classes
  • Les imports

Les composants Twig

  • Anatomie d’un composant
  • Composants nommés et anonymes
  • Le cycle de vie d’un composant
  • Les propriétés des composants

Les composants Live

  • Anatomie d’un LiveComponent
  • Le cycle de vie des composants Live
  • Data-Binding
  • Passer des composants Twig aux composants Live

Aller plus loin

  • Tester vos composants
  • L’écosystème

Stimulus et le Stimulus-Bundle

  • La librairie Stimulus et ses controllers
  • Le Stimulus-Bundle dans Symfony
  • Fonctions Stimulus pour Twig

Composants Live avancés

  • Communication entre composants
  • Organiser ses composants efficacement
  • Gérer la transmission de donnée

Turbo

  • Navigation avec Turbo Drive
  • Découper vos interfaces avec Turbo Frames
  • Réagissez aux changements avec les Turbo Streams

Programme horaire

Jour 1

  • MATIN

    Mise en place du projet de formation

    • Découverte de l'application support
    • Explication du projets

    Rappels Javascript

    • Frameworks natifs vs compilés
    • Syntaxe JavaScript moderne
    • Les classes
    • Les imports
  • APRES-MIDI

    Les composants Twig

    • Anatomie d’un composant
    • Composants nommés et anonymes
    • Le cycle de vie d’un composant
    • Les propriétés des composants

Jour 2

  • MATIN

    Les composants Live

    • Anatomie d’un LiveComponent
    • Le cycle de vie des composants Live
    • Data-Binding
    • Passer des composants Twig aux composants Live

    Aller plus loin

    • Tester vos composants
    • L’écosystème
  • APRES-MIDI

    Stimulus et le Stimulus-Bundle

    • La librairie Stimulus et ses controllers
    • Le Stimulus-Bundle dans Symfony
    • Fonctions Stimulus pour Twig

Jour 3

  • MATIN

    Composants Live avancés

    • Communication entre composants
    • Organiser ses composants efficacement
    • Gérer la transmission de donnée
  • APRES-MIDI

    Turbo

    • Navigation avec Turbo Drive
    • Découper vos interfaces avec Turbo Frames
    • Réagissez aux changements avec les Turbo Streams

Appréciation de la formation

Moyenne globale : n.c

  1. Evaluation de la pédagogie : n.c
  2. Evaluation du contenu : n.c
  3. Evaluation du rythme : n.c
  4. Taux de réussite : N.C

Modalités pédagogiques et techniques

Notre cursus est conçu selon les principes suivants :

  • Répartition du temps d’apprentissage entre 40% de théorie & 60% de pratique.
  • Mise en pratique par l’exercice.
  • Échanges réguliers avec le formateur et les participants. Pas plus de 10 personnes par session.


Supports pédagogiques : le formateur partagera les supports de cours. Ils sont en anglais, mais le formateur parle français.
Pour les sessions à distance, les formations seront enregistrées et les vidéos seront disponibles sur une plateforme de révisions pendant 1 mois.

Matériel pédagogique : mise à disposition de l’ensemble du matériel.

Technologie : Pour les formations à distance, un lien GoogleMeet est utilisé pour la projection du support de formation et pour soutenir les exercices pratiques.

Apprenant en situation de handicap, nous sommes à vos côtés pour identifier les aménagements les plus adaptés des modalités et des supports pédagogiques ou les aides humaines pertinentes.

Pour plus d’informations, contactez notre référent handicaplaurent.vaquette@sensiolabs.com / 01 86 65 72 25

Modalités évaluatives

  • Un contrôle de connaissances sous forme de QCM est réalisé pendant et à l’issue de la formation. Il permet de valider et de reprendre les points non assimilés.
  • Un certificat de réalisation d’une action de formation est transmis à l’apprenant.
  • Une copie de la feuille d’émargement est transmise au commanditaire

Modalités d'inscription

  • Durée

    3 jour(s)
  • Niveau

    Débutant
  • Langues disponibles

    Français, Anglais
  • Pays disponibles

    Belgique, France, Allemagne, Espagne, Royaume-Uni, États-Unis, Monde

Vous n'êtes pas disponible à ces périodes ? Nous organisons des sessions de formation sur mesure, n'hésitez pas à nous contacter pour plus d'informations !