SF7UX | Symfony UX

  • Symfony UX has revolutionized web interface design, allowing Symfony developers to build modern, reactive, and high-performance applications without leaving PHP and Symfony. If you want to create rich, dynamic user experiences that rival those of heavy JavaScript frameworks, this training course is the best place to start learning how to use everything Symfony UX has to offer. SensioLabs University, the official Symfony training center, has designed the most comprehensive learning experience, combining in-person and e-learning formats. In addition to classroom training, you will have access to our online revision platform for one month. This gives you the opportunity to combine multiple learning practices, test your skills, track your progress, and stay in touch with your trainer throughout the program. This training is designed to help you dive into Symfony UX and learn the official best practices and top tips directly from our team of certified experts. All sessions are delivered remotely.
  • Prerequisites

    Knowledge of Symfony
  • Goals

    This training aims to help you develop a modern, reactive front end with Symfony UX, in just three days. Starting with an existing Symfony 7 project, you will learn how to use TwigComponents and LiveComponents. You will also learn how to use the Stimulus and Turbo libraries to recreate the look and feel of a Single Page App (SPA), and how to organize your project.

Full program

Training project setup

  • Training project discovery
  • Project explanation

Javascript Reminders

  • Native vs Compiled Frameworks
  • Modern JavaScript syntax
  • Classes
  • Imports

TwigComponents

  • Component anatomy
  • Named and anonymous components
  • Component lifecycle
  • Component props

LiveComponents

  • LiveComponent anatomy
  • LiveComponents lifecycle
  • Data-Binding
  • From TwigComponents to LiveComponents

Going further

  • Test your components
  • Ecosystem

Stimulus and the Stimulus-Bundle

  • The Stimulus library and its controllers
  • The Stimulus-Bundle in Symfony
  • Stimulus functions for Twig

LiveComponents Advanced

  • Components communication
  • Organize your components
  • Handle data transmission

Turbo

  • Navigation with Turbo Drive
  • Split your interfaces with Turbo Frames
  • React to changes with Turbo Streams

Online review platform Symfony - 1 month access

  • Daily test
  • Documentation

Time program

Day 1

  • MORNING

    Training project setup

    • Training project discovery
    • Project explanation

    Javascript Reminders

    • Native vs Compiled Frameworks
    • Modern JavaScript syntax
    • Classes
    • Imports
  • AFTERNOON

    TwigComponents

    • Component anatomy
    • Named and anonymous components
    • Component lifecycle
    • Component props

Day 2

  • MORNING

    LiveComponents

    • LiveComponent anatomy
    • LiveComponents lifecycle
    • Data-Binding
    • From TwigComponents to LiveComponents

    Going further

    • Test your components
    • Ecosystem
  • AFTERNOON

    Stimulus and the Stimulus-Bundle

    • The Stimulus library and its controllers
    • The Stimulus-Bundle in Symfony
    • Stimulus functions for Twig

Day 3

  • MORNING

    LiveComponents Advanced

    • Components communication
    • Organize your components
    • Handle data transmission
  • AFTERNOON

    Turbo

    • Navigation with Turbo Drive
    • Split your interfaces with Turbo Frames
    • React to changes with Turbo Streams

Appreciation of the training

Global average : n.c

  1. Educational rating : n.c
  2. Content rating : n.c
  3. Pace rating : n.c
  4. Success rate : N.C

Evaluative methods

  • A control of knowledge in the form of multiple choice questions is carried out during and at the end of the training. It allows to validate and take back the points not assimilated.
  • A certificate of successful completion of a training action is sent to the learner.
  • A copy of the attendance sheet is transmitted.

Terms of registration

  • Registration can only be made using the registration form available on our website or via the training team e-mail.
  • Registration will be completed only after receiving the signed aggreement and the full payment before the start of the training.
  • Download our accessibility guidelines
  • Duration

    3 day(s)
  • Level

    Beginner
  • Available languages

    French, English
  • Available countries

    Belgium, France, Germany, Spain, United Kingdom, United States, Worldwide

You are not available at this periods? We organize tailored training courses: contact us for more informations!