Progressively enhance your Symfony 4 app using Vue, API Platform, Mercure and Panther

•

7 likes•43,573 views

Thanks to the new capabilities of the web platform (web components, Progressive Web Apps…) and the rise of modern JS libraries (Vue, React, Angular) almost all modern Symfony applications must leverage the frontend ecosystem. Symfony 4 embed many gems that make it easy to integrate modern JavaScript within the framework, including the first component entirely written in JS: Webpack Encore. In Symfony 4.2, another component that is super convenient for apps containing JS code has been released: Panther, a PHP library compatible with BrowserKit, that drives real web browsers to create end-to-end (E2E) tests with ease. During this talk, I'll show you how to cleanly integrate modern JavaScript code with Symfony and Twig and how to test such applications using Panther. The examples will use VueJS, because it’s probably the easiest JS framework to get started with as a PHP developer, but all the tips and tricks will be applicable with other libraries such as React or Angular. Finally, we'll add some real time capabilities to our app using Mercure.rocks

Technology

Progressively enhance
your Symfony 4 app

symfonycon.les-tilleuls.coop @dunglas
Kévin Dunglas
❏ Les-Tilleuls.coop’s Founder
❏ Symfony Core Team 
Panther, Serializer, WebLink, PropertyInfo, autowiring…
❏ API Platform and Mercure creator
@dunglas

symfonycon.les-tilleuls.coop @dunglas
✍ Self-managed since 2011
35 people, 1,000% in 6 years
👷 ➡ jobs@les-tilleuls.coop

symfonycon.les-tilleuls.coop @dunglas
Agenda
A joind.in clone in 40 minutes?
1. A modern Symfony app (MakerBundle, Doctrine)
2. Integrating Vue.js (Encore, API Platform)
3. UI Testing (Panther)
4. Real time update (Mercure)

symfonycon.les-tilleuls.coop
Our final app: try it now!

symfonycon.les-tilleuls.coop @dunglas
MakerBundle FTW!
A modern Symfony app

symfonycon.les-tilleuls.coop @dunglas
Install the Website Skeleton
Symfony full stack (SF + Twig + Doctrine)

symfonycon.les-tilleuls.coop @dunglas
MakerBundle
❏ Code scaffolding
❏ Entities
❏ Controllers
❏ Forms and CRUD
❏ Users and security (auth, voter)
❏ Tests
❏ Commands

symfonycon.les-tilleuls.coop @dunglas
Updating the DB, creating a controller

symfonycon.les-tilleuls.coop @dunglas
The controller

symfonycon.les-tilleuls.coop @dunglas
Twig template: a partial

symfonycon.les-tilleuls.coop @dunglas
Our basic website is ready, thanks MakerBundle!

symfonycon.les-tilleuls.coop @dunglas
A better UX thanks to Encore and API Platform
Integrating Vue.js

symfonycon.les-tilleuls.coop @dunglas
A modern feedback system
❏ Rate a talk, using a star based selector
❏ Post a comment
❏ No page reload, rich form, no form component
❏ Server-side: hypermedia API
❏ Client-side: web component (in JS)

symfonycon.les-tilleuls.coop @dunglas
Install API Platform

symfonycon.les-tilleuls.coop @dunglas
Tweaking the API

symfonycon.les-tilleuls.coop @dunglas
Vue.js
❏ Progressive framework for building interfaces
❏ Designed to be incrementally adoptable
❏ Focused on the view layer
❏ Can also power Single-Page Applications

symfonycon.les-tilleuls.coop @dunglas
Install Symfony Encore

symfonycon.les-tilleuls.coop @dunglasJoke stolen from @iamdevloper
You just installed 600+ packages, 
welcome to the JS world 😉

symfonycon.les-tilleuls.coop @dunglas
Enable Vue, register our component

symfonycon.les-tilleuls.coop @dunglas
A Vue component

notation :

notation @

v-model
The View

symfonycon.les-tilleuls.coop @dunglas
Loading the Vue component in Twig

symfonycon.les-tilleuls.coop @dunglas
Panther: the new feline on the block
😺end-2-end testing

symfonycon.les-tilleuls.coop @dunglas
Symfony Panther: an E2E testing tool
❏ Executes real web browsers (Chrome by default)
❏ Supports JavaScript, CSS, DOM…
❏ Uses the W3C WebDriver Protocol
❏ Implements the APIs of
❏ Symfony BrowserKit (you already know it!)
❏ Facebook’s PHP WebDriver
❏ Provide some extra methods:
❏ wait, execute JS, screenshot, click…
❏ Standalone lib, for testing and web scraping

symfonycon.les-tilleuls.coop @dunglas
Symfony Panther: developer-friendly
❏ Nothing to install (except Panther)
❏ Nothing to configure
❏ neither Selenium,
❏ nor a web server
❏ Panther just works!

symfonycon.les-tilleuls.coop @dunglas
Populating the database with Alice Fixtures

symfonycon.les-tilleuls.coop @dunglas
The Panther test

symfonycon.les-tilleuls.coop @dunglas
The JavaScript is executed!

symfonycon.les-tilleuls.coop @dunglas
As well as HTTP requests, you can even take screenshots!

symfonycon.les-tilleuls.coop @dunglas
The screenshot 📸, by Panther

symfonycon.les-tilleuls.coop @dunglas
Introducing the Mercure protocol
Real Time

symfonycon.les-tilleuls.coop @dunglas
Installing MercureBundle

symfonycon.les-tilleuls.coop @dunglas
The API

symfonycon.les-tilleuls.coop @dunglas
The missing parts
❏ Validation
❏ automated in 4.3? symfony/symfony#27735
❏ User and authentication
❏ make:user, make:auth (no FOSUserBundle please!)
❏ API Platform access control
❏ Deployment
❏ SymfonyCloud: symfony deploy 😻
❏ Managed Mercure.rocks (alpha)

symfonycon.les-tilleuls.coop @dunglas
One step further
❏ Admin SPA, for free
❏ api-platform.com/docs/admin
❏ Vue or React SPA, or native app, for free
❏ api-platform.com/docs/client-generator/vuejs/
We can help you!

symfonycon.les-tilleuls.coop @dunglas
Thanks! Any question?

What's hot

Symfony 4: A new way to develop applications #phpsrb

Antonio Peric-Mazar

Meteor presentation

scandiweb

Windows Azure is een open en flexibel cloud platform. Bouw en deploy applicaties gebruikmakend van de taal, tool of framework van je keuze, draaiend op Windows of Linux. In het afgelopen jaar is Windows Azure geëvolueerd; veel open source producten worden nu als service aangeboden. Na een korte update over het Windows Azure platform en de opensource mogelijkheden wordt in deze sessie gedemonstreerd hoe Eclipse het deployen van een Java applicatie op Windows Azure vereenvoudigt. De Windows Azure Toolkit voor Java heeft als doel om de development lifecycle te handhaven bij het deployen naar de Cloud.

Java and other open source solutions on windows azure

Patriek van Dorp

iOS Automation rapidly changed due to the evolution of Apple automation frameworks and Calabash community support. One year ago, we parallelised our iOS testing with multiple desktops - a large improvement in performance. Here is an account of the subsequent changes, including the removal of multiple desktops and the adoption of Apple's new XCTest framework. The automation community (Appium, Calabash etc.) were faced with a new challenge: how could we create iOS Automation Infrastructure with the new XCTest Framework? I adopted Facebook solution (FBSimCtl and WebAgentDriver) into the multi-simulators approach. In this talk, I will discuss the full evolution path to Hybrid Approach based on multi-simulators and XCTest framework, using Facebook open-source tools.

iOS Parallel Automation - Viktar Karanevich - Mobile Test Automation Meetup (...

Badoo

Docker on Windows and Linux - Red Shirt Dev Tour

Elton Stoneman

GreenButton-201502

Jonathan Kalbfeld, MBA

Neos 101 [Inspiring Con 2014]

Christian Müller

From Cloud+Data Next conference, Santas Clara 2017. Linux containers run on Linux. Windows containers run on Windows. You can't mix them on a single host, but you can build a cluster of hosts into a single Docker Swarm, using a mixture of Windows and Linux servers. That swarm can run both Windows and Linux containers, and within the swarm all the containers can talk to each other. This session will show you how to make that happen, but more importantly you'll see why it's a such an important capability - one that will change the way you design, build and deliver software. With a hybrid Docker Swarm you can build a distributed solution where you pick the right technology stack for each component, and leverage high-quality open-source applications to minimize the amount of custom software you need to write and maintain.

Cloud+Data Next: Mashing Linux and Windows Containers

Elton Stoneman

Containers have been a driving force in this industry for the last 5+ years. In the meanwhile we have seen the raise of other compute patterns, such as serverless. 2020 seems to be the year where the line between containers and serverless starts to blurry. We are seeing the raise of container serverless platforms (e.g. AWS Fargate) as well as the raise of higher order abstractions above container platforms (e.g. OpenFaaS, ECS CLI v2, …) that allows developers to focus on their code instead of managing containers. In this session we will discuss how the serverless benefits are starting to permeate into the container ecosystem and we will provide real life examples of how some AWS and OSS technologies can be used to abstract and remove part of the undifferentiated heavy lifting developers often need to take care of.

IDI 2020 - Containers Meet Serverless

Massimo Ferre'

Ops for NoOps - Operational Challenges for Serverless Apps

Erica Windisch

Get that Corner Office with Angular 2 and Electron

Lukas Ruebbelke

Going Serverless: The Best Ops is NoOps.

PolarSeven Pty Ltd

Packer, Terraform, Ansible avec Azure

AZUG FR

Audioproject

buntfu

AWS Connect 2017 - Container (feat. AWS)

smalltown

15 ways-to-optimize-spring-boot-for-the-cloud

PolyglotMeetups

Ansible, PHP and EC2

Craig Marvelley

Building a PaaS at HubSpot

tpetr

15-ways-to-optimize-spring-boot-for-the-cloud

Billy Korando

Symfony with vagrant and ansible

Jean-Christophe Cuvelier

What's hot (20)

Symfony 4: A new way to develop applications #phpsrb

Meteor presentation

Java and other open source solutions on windows azure

iOS Parallel Automation - Viktar Karanevich - Mobile Test Automation Meetup (...

Docker on Windows and Linux - Red Shirt Dev Tour

GreenButton-201502

Neos 101 [Inspiring Con 2014]

Cloud+Data Next: Mashing Linux and Windows Containers

IDI 2020 - Containers Meet Serverless

Ops for NoOps - Operational Challenges for Serverless Apps

Get that Corner Office with Angular 2 and Electron

Going Serverless: The Best Ops is NoOps.

Packer, Terraform, Ansible avec Azure

Audioproject

AWS Connect 2017 - Container (feat. AWS)

15 ways-to-optimize-spring-boot-for-the-cloud

Ansible, PHP and EC2

Building a PaaS at HubSpot

15-ways-to-optimize-spring-boot-for-the-cloud

Symfony with vagrant and ansible

Similar to Progressively enhance your Symfony 4 app using Vue, API Platform, Mercure and Panther

Symfony4 - Deep dive

Salma Ghareeb

Fabien Potencier "Symfony 4 in action"

Fwdays

In collaboration with Emmanuel Cohen. At a key moment for online press in France, a major French news company chooses PHP and Symfony to extend its popular web site. We will present the architecture we designed at Sensio Labs to meet a very good performance requirement. We used Symfony2 kernel wrapping symfony 1.4 and relied on loose-coupled applications serving content from heterogeneous backend sources.

Nice performance using Sf2 cache wrapping Sf1 application

Marc Weistroff

Sf sf v5

emmanuelcohen

Nice performance using Sf2 cache wrapping Sf1 application - Paris

Marc Weistroff

Merging two big Symfony based applications - SymfonyCon 2017

Ivo Lukac

Migration of a legacy project to Symfony

Pixel Federation

Magento Meetup New Delhi- Console

Webkul Software Pvt. Ltd.

Symfony 2.0 on PHP 5.3

Fabien Potencier

Hands-on with the Symfony2 Framework

Ryan Weaver

symfony: An Open-Source Framework for Professionals (PHP Day 2008)

Fabien Potencier

Code Examples: https://github.com/nolanerck/commandbox-vs-node JavaScript is everywhere, and with that so is Node.js. Developers feel they have to have Node installed for a modern development workflow. Did you know that all the core features of Node now exist in a pure CFML workflow? Everything you’ve heard about from the JavaScript/Node world can be done with CommandBox! Package management, installing dependencies, command line tooling, flipping between run-time environments, automated build and testing processes are often mentioned as tasks made easier with Node. Modern CFML developers can have all of these same benefits without ever installing Node! It all can be done from CommandBox and this preso will show you how!

ITB2019 CommandBox vs Node.js - Nolan Erck

Ortus Solutions, Corp

Symfony2 San Francisco Meetup 2009

Fabien Potencier

Symfony Components 2.0 on PHP 5.3

Fabien Potencier

The talk will cover how to effectively build a production-ready, full-stack app with Golang and GCP under time constraints. I'll discuss how to approach making quick and sound technical decisions and how to apply modern software engineering practices for end-to-end apps. The presentation shows, in an opinionated and "meme-ful" way, various lessons learned, tools, and key takeaways for cloud environments.

Building a full-stack app with Golang and Google Cloud Platform in one week

Dr. Felix Raab

Write Plugins for symfony (Symfony Camp 2007)

Fabien Potencier

Do you have an idea for a mobile app and you're only familiar with HTML, CSS and JS? Does going native and writing the same code twice over sound daunting? Ionic is an amazing framework that allows one code base to produce 2 platforms! Hybrid apps are a great way to get your idea out there to all users. Learn about Ionic and build a basic mobile app in less than 1 hour. The talk would include the following: - Brief intro/explanation of Ionic as a framework - Installing Ionic - Making A Basic App We've presented this talk at: - AngularCamp 2017 - Women in Tech Summit (Philly) 2017 - Women in Tech Summit MidAtlantic 2018 Please feel to reach out to either one of us for help with Ionic, PWD, Angular, etc! Or if you would like to chat about development in general :) Follow us on Twitter: @paulpaultweets @bettierub

Hybrid Apps in a Snap

Paulina Gallo

Before Symfony was spelled with a capital “S” there was another symfony, the first version of the framework. It already meant a lot to me at the time. But with the arrival of Symfony 2 it became clear that something very important was happening in the world of PHP programming. It appears that this framework is able to turn amateur website makers (like I used to be) into actual software developers. What is the secret? What makes Symfony so special? And why am I still hooked? We’ll look at pieces of code, the Symfony ecosystem, the people behind it, the things that have been written about it, and the experience that I have with it. We’ll take a trip down memory lane, collecting pieces for our Symfony scrapbook, while we try to construct an answer to these questions.

How Symfony changed my life (#SfPot, Paris, 19th November 2015)

Matthias Noback

Building Eclipse Plugins with Tycho

jsievers

How Symfony Changed My Life

Matthias Noback

Similar to Progressively enhance your Symfony 4 app using Vue, API Platform, Mercure and Panther (20)

Symfony4 - Deep dive

Fabien Potencier "Symfony 4 in action"

Nice performance using Sf2 cache wrapping Sf1 application

Sf sf v5

Nice performance using Sf2 cache wrapping Sf1 application - Paris

Merging two big Symfony based applications - SymfonyCon 2017

Migration of a legacy project to Symfony

Magento Meetup New Delhi- Console

Symfony 2.0 on PHP 5.3

Hands-on with the Symfony2 Framework

symfony: An Open-Source Framework for Professionals (PHP Day 2008)

ITB2019 CommandBox vs Node.js - Nolan Erck

Symfony2 San Francisco Meetup 2009

Symfony Components 2.0 on PHP 5.3

Building a full-stack app with Golang and Google Cloud Platform in one week

Write Plugins for symfony (Symfony Camp 2007)

Hybrid Apps in a Snap

How Symfony changed my life (#SfPot, Paris, 19th November 2015)

Building Eclipse Plugins with Tycho

How Symfony Changed My Life

More from Les-Tilleuls.coop

Install API Platform. Design the API data model as a set of tiny plain old PHP classes. Instantly get: - Fully featured dev environment with Symfony Flex and React containers, HTTP/2 and HTTPS support and a cache proxy - Pagination, data validation, access control, relation embedding, filters and error handling - Support for modern REST API formats: JSON-LD/Hydra, OpenAPI/Swagger, JSONAPI, HAL, JSON... - GraphQL support - An API responding in a just few milliseconds thanks to the builtin invalidation based cache mechanism - A dynamically created Material Design admini interface (a la Sonata / EasyAdmin - but 100% client-side) built with React. - Client apps skeletons: React/Redux, React Native, Vue.js, Angular... Finally, deploy in 1 command on Google Container Engine or any cloud with a Kubernetes instance with the provided Helm chart. Yes, you just need is describing a data model, just a few line of codes to get all of that!

API Platform and Symfony: a Framework for API-driven Projects

Les-Tilleuls.coop

API Platform: Full Stack Framework Resurrection

Les-Tilleuls.coop

Learn how to use API Platform and Symfony to create super easily rich web and mobile applications relying on React (JS) for their presentational layer. In just a few minutes, we will create a hypermedia API thanks to API Platform, Symfony and Doctrine. We will do it step by step, and the API will be 100% functional with support for pagination, validation, filters, resources embedding. The API will be automatically documented using Swagger and Hydra and beautiful user interface for developers will be available. HTTP cache, authorization and authentication can then be added in a breath. Then, we will introduce all new client-side tools for API Platform: * A fully featured JavaScript (Single Page App) administration system with a modern user interface (Material Design) ; built on top of Admin On Rest (React and Redux). This admin is builded dynamically thanks to the API discoverability (Hydra). * A raw React, Redux and React Router code generator to bootstrap fully-featured Single Page Applications and native mobile apps thanks to the API documentation exposed by API Platform (client-side and server-side validation, on fields error, Twitter Bootstrap compatibility, a11y support...)

API Platform 2.1: when Symfony meets ReactJS (Symfony Live 2017)

Les-Tilleuls.coop

**Download the PPT to see screencasts** API Platform is new open source PHP framework dedicated to the creation of modern web APIs. It allows to bootstrap a fully featured API (pagination, validation, filtering, sorting, automatically generated documentation, HTTP cache, OAuth and JWT auth...) in just a few minutes. It exposes out of the box popular API formats including Swagger, JSON-LD, Hydra, HAL, JSONAPI and Schema.org. It is extensible and can be specialized with ease. Because it is built on top of the industry-leading Symfony framework, it already counts hundreds of available extensions (bundles). In this talk, I'll show how to create a hypermedia API in just a few lines of codes, then take a look to the main features of the framework.

Creating hypermedia APIs in a few minutes using the API Platform framework

Les-Tilleuls.coop

Symfony 2 : Performances et Optimisations

Les-Tilleuls.coop

Diaporama du sfPot Lillois du 20 mars 2014

Les-Tilleuls.coop

Diaporama diffusé lors du workshop du 31/01/2013 sur le référencement naturel grâce à la sémantique du HTML5 organisé par La Coopérative des Tilleuls animé par Kévin Dunglas. Au programme : Introduction au référencement Présentation des balises sémantiques de HTML5 Comprendre l’algorithme de « outline » HTML5 pour mettre en valeur l’information pertinente Mettre en avant ses pages dans les moteurs de recherche avec les microdata, Schema.org et les extraits enrichis Allez plus loin, jouer avec Javascript pour référencer des SPA (Single Page Application) Ce workshop, gratuit sur réservation, est une introduction au lancement de notre pôle formation dont vous découvrirez très prochainement le site et toutes les formations professionnelles proposées.

Workshop HTML5 : référencement grâce à la sémantique

Les-Tilleuls.coop

A la demande générale La Coopérative des Tilleuls vous invite à un troisième workshop d'initiation aux technologies du web. Après avoir appris les bases de HTML lors du premier workshop et de CSS lors du second, nous réaliserons ensemble l'intégration complète d'une page web à partir d'une maquette graphique. Nous apprendrons à découper une maquette afin de la transformer en page web puis nous reverrons les techniques apprises lors des premiers ateliers et les mettrons en pratique sur ce cas concret. C'est l'occasion pour ceux qui n'ont pas pu assister aux séances précédentes de prendre le train en marche et pour les autres de se perfectionner.

Atelier #3 intégration html

Les-Tilleuls.coop

Second atelier gratuit autour des technologies HTML5 / CSS3 / Javascript organisé par La Coopérative des Tilleuls. Au menu cette fois-ci une initiation à l'intégration web grâce aux feuilles de style CSS. Après avoir appris lors du premier atelier à créer et à structurer des pages web grâce à HTML, nous verrons comment les mettre en forme avec les feuilles de style en cascade CSS. Nous découvrirons ensembles : - les fondements du langage CSS (syntaxe, cascade, sélecteurs) - quelques balises et attributs HTML utiles pour la CSS - le formatage de texte (police, couleur, gras, italique...) - le positionnement des éléments - les couleurs et images de fond

Atelier #2 initiation à css

Les-Tilleuls.coop

Présentation diffusée lors de la première d'une série d'ateliers gratuits autour du développement front-end HTML5 / CSS3 / Javascript animés par la Coopérative des Tilleuls. Au menu de celui-ci : - Comprendre le fonctionnement d'internet, du web et du mode de communication client-serveur - Présentation générale des trois grands piliers des technologies web client : HTML (structuration), CSS (présentation) et Javascript (intéractivité) - Réaliser sa première page HTML Ces ateliers ouverts à tous dans la limite des places disponibles sont encadrés par des professionnels du développement coopérateurs de La Coopérative des Tilleuls.

Atelier initiation au html5

Les-Tilleuls.coop

More from Les-Tilleuls.coop (10)

API Platform and Symfony: a Framework for API-driven Projects

API Platform: Full Stack Framework Resurrection

API Platform 2.1: when Symfony meets ReactJS (Symfony Live 2017)

Creating hypermedia APIs in a few minutes using the API Platform framework

Symfony 2 : Performances et Optimisations

Diaporama du sfPot Lillois du 20 mars 2014

Workshop HTML5 : référencement grâce à la sémantique

Atelier #3 intégration html

Atelier #2 initiation à css

Atelier initiation au html5

Recently uploaded

💥 You’re lucky! We’ve found two different (lead) developers that are willing to share their valuable lessons learned about using UiPath Document Understanding! Based on recent implementations in appealing use cases at Partou and SPIE. Don’t expect fancy videos or slide decks, but real and practical experiences that will help you with your own implementations. 📕 Topics that will be addressed: • Training the ML-model by humans: do or don't? • Rule-based versus AI extractors • Tips for finding use cases • How to start 👨‍🏫👨‍💻 Speakers: o Dion Morskieft, RPA Product Owner @Partou o Jack Klein-Schiphorst, Automation Developer @Tacstone Technology

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

UiPathCommunity

Discover the innovative features and strategic vision that keep WSO2 an industry leader. Explore the exciting 2024 roadmap of WSO2 API management, showcasing innovations, unified APIM/APK control plane, natural language API interaction, and cloud native agility. Discover how open source solutions, microservices architecture, and cloud native technologies unlock seamless API management in today's dynamic landscapes. Leave with a clear blueprint to revolutionize your API journey and achieve industry success!

WSO2's API Vision: Unifying Control, Empowering Developers

WSO2

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Edi Saputra

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Jeffrey Haguewood

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Juan lago vázquez

Keynote 2: APIs in 2030: The Risk of Technological Sleepwalk Paolo Malinverno, Growth Advisor - The Business of Technology Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

apidays

Tracing the root cause of a performance issue requires a lot of patience, experience, and focus. It’s so hard that we sometimes attempt to guess by trying out tentative fixes, but that usually results in frustration, messy code, and a considerable waste of time and money. This talk explains how to correctly zoom in on a performance bottleneck using three levels of profiling: distributed tracing, metrics, and method profiling. After we learn to read the JVM profiler output as a flame graph, we explore a series of bottlenecks typical for backend systems, like connection/thread pool starvation, invisible aspects, blocking code, hot CPU methods, lock contention, and Virtual Thread pinning, and we learn to trace them even if they occur in library code you are not familiar with. Attend this talk and prepare for the performance issues that will eventually hit any successful system. About authorWith two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Victor Rentea

Angeliki Cooney has spent over twenty years at the forefront of the life sciences industry, working out of Wynantskill, NY. She is highly regarded for her dedication to advancing the development and accessibility of innovative treatments for chronic diseases, rare disorders, and cancer. Her professional journey has centered on strategic consulting for biopharmaceutical companies, facilitating digital transformation, enhancing omnichannel engagement, and refining strategic commercial practices. Angeliki's innovative contributions include pioneering several software-as-a-service (SaaS) products for the life sciences sector, earning her three patents. As the Senior Vice President of Life Sciences at Avenga, Angeliki orchestrated the firm's strategic entry into the U.S. market. Avenga, a renowned digital engineering and consulting firm, partners with significant entities in the pharmaceutical and biotechnology fields. Her leadership was instrumental in expanding Avenga's client base and establishing its presence in the competitive U.S. market.

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Angeliki Cooney

Whatsapp Number Escorts Call girls 8617370543 Available 24x7 Mcleodganj Call Girls Service Offer Genuine VIP Model Escorts Call Girls in Your Budget. Mcleodganj Call Girls Service Provide Real Call Girls Number. Make Your Sexual Pleasure Memorable with Our Mcleodganj Call Girls at Affordable Price. Top VIP Escorts Call Girls, High Profile Independent Escorts Call Girls, Housewife Women Escorts Call Girl, College Girls Escorts Call Girls, Russian Escorts Call girls Service in Your Budget.

Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Deepika Singh

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

Artificial Intelligence Chap.5 : Uncertainty

Khushali Kathiriya

DBX First Quarter 2024 Investor Presentation

Dropbox

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

MINDCTI Revenue Release Quarter One 2024

MIND CTI

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

Corporate and higher education. Two industries that, in the past, have had a clear divide with very little crossover. The difference in goals, learning styles and objectives paved the way for differing learning technologies platforms to evolve. Now, those stark lines are blurring as both sides are discovering they have content that’s relevant to the other. Join Tammy Rutherford as she walks through the pros and cons of corporate and higher ed collaborating. And the challenges of these different technology platforms working together for a brighter future.

Corporate and higher education May webinar.pptx

Rustici Software

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

apidays

Recently uploaded (20)

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

WSO2's API Vision: Unifying Control, Empowering Developers

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Why Teams call analytics are critical to your entire business

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

Finding Java's Hidden Performance Traps @ DevoxxUK 2024

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Apidays New York 2024 - The value of a flexible API Management solution for O...

Artificial Intelligence Chap.5 : Uncertainty

DBX First Quarter 2024 Investor Presentation

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

MINDCTI Revenue Release Quarter One 2024

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

AWS Community Day CPH - Three problems of Terraform

Corporate and higher education May webinar.pptx

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Progressively enhance your Symfony 4 app using Vue, API Platform, Mercure and Panther

1. Progressively enhance your Symfony 4 app

2. symfonycon.les-tilleuls.coop @dunglas Kévin Dunglas ❏ Les-Tilleuls.coop’s Founder ❏ Symfony Core Team  Panther, Serializer, WebLink, PropertyInfo, autowiring… ❏ API Platform and Mercure creator @dunglas

3. symfonycon.les-tilleuls.coop @dunglas ✍ Self-managed since 2011 35 people, 1,000% in 6 years 👷 ➡ jobs@les-tilleuls.coop

4. symfonycon.les-tilleuls.coop @dunglas

5. symfonycon.les-tilleuls.coop @dunglas Agenda A joind.in clone in 40 minutes? 1. A modern Symfony app (MakerBundle, Doctrine) 2. Integrating Vue.js (Encore, API Platform) 3. UI Testing (Panther) 4. Real time update (Mercure)

6. symfonycon.les-tilleuls.coop Our final app: try it now!

7. symfonycon.les-tilleuls.coop @dunglas MakerBundle FTW! A modern Symfony app

8. symfonycon.les-tilleuls.coop @dunglas Install the Website Skeleton Symfony full stack (SF + Twig + Doctrine)

9. symfonycon.les-tilleuls.coop @dunglas MakerBundle ❏ Code scaffolding ❏ Entities ❏ Controllers ❏ Forms and CRUD ❏ Users and security (auth, voter) ❏ Tests ❏ Commands

10.

11. symfonycon.les-tilleuls.coop @dunglas Updating the DB, creating a controller

12. symfonycon.les-tilleuls.coop @dunglas The controller

13. symfonycon.les-tilleuls.coop @dunglas Twig template: a partial

14. Twig templates

15. symfonycon.les-tilleuls.coop @dunglas Our basic website is ready, thanks MakerBundle!

16.

17. symfonycon.les-tilleuls.coop @dunglas A better UX thanks to Encore and API Platform Integrating Vue.js

18. symfonycon.les-tilleuls.coop @dunglas A modern feedback system ❏ Rate a talk, using a star based selector ❏ Post a comment ❏ No page reload, rich form, no form component ❏ Server-side: hypermedia API ❏ Client-side: web component (in JS)

19.

20. symfonycon.les-tilleuls.coop @dunglas Install API Platform

21.

22. symfonycon.les-tilleuls.coop @dunglas Tweaking the API

23.

24. symfonycon.les-tilleuls.coop @dunglas Vue.js ❏ Progressive framework for building interfaces ❏ Designed to be incrementally adoptable ❏ Focused on the view layer ❏ Can also power Single-Page Applications

25. symfonycon.les-tilleuls.coop @dunglas Install Symfony Encore

26. symfonycon.les-tilleuls.coop @dunglasJoke stolen from @iamdevloper You just installed 600+ packages,  welcome to the JS world 😉

27. symfonycon.les-tilleuls.coop @dunglas Enable Vue, register our component

28. symfonycon.les-tilleuls.coop @dunglas

29. symfonycon.les-tilleuls.coop @dunglas A Vue component

30. notation : notation @ v-model The View

31. The ViewModel

32. symfonycon.les-tilleuls.coop @dunglas Loading the Vue component in Twig

33.

34. symfonycon.les-tilleuls.coop @dunglas Panther: the new feline on the block 😺end-2-end testing

35. symfonycon.les-tilleuls.coop @dunglas

36. symfonycon.les-tilleuls.coop @dunglas Symfony Panther: an E2E testing tool ❏ Executes real web browsers (Chrome by default) ❏ Supports JavaScript, CSS, DOM… ❏ Uses the W3C WebDriver Protocol ❏ Implements the APIs of ❏ Symfony BrowserKit (you already know it!) ❏ Facebook’s PHP WebDriver ❏ Provide some extra methods: ❏ wait, execute JS, screenshot, click… ❏ Standalone lib, for testing and web scraping

37. symfonycon.les-tilleuls.coop @dunglas Symfony Panther: developer-friendly ❏ Nothing to install (except Panther) ❏ Nothing to configure ❏ neither Selenium, ❏ nor a web server ❏ Panther just works!

38. symfonycon.les-tilleuls.coop @dunglas Populating the database with Alice Fixtures

39. symfonycon.les-tilleuls.coop @dunglas The Panther test

40. symfonycon.les-tilleuls.coop @dunglas The JavaScript is executed!

41. symfonycon.les-tilleuls.coop @dunglas As well as HTTP requests, you can even take screenshots!

42. symfonycon.les-tilleuls.coop @dunglas The screenshot 📸, by Panther

43. symfonycon.les-tilleuls.coop @dunglas Introducing the Mercure protocol Real Time

44. symfonycon.les-tilleuls.coop

45. symfonycon.les-tilleuls.coop @dunglas

46. symfonycon.les-tilleuls.coop @dunglas

47. symfonycon.les-tilleuls.coop @dunglas Installing MercureBundle

48. symfonycon.les-tilleuls.coop @dunglas The API

49. symfonycon.les-tilleuls.coop @dunglas

50. symfonycon.les-tilleuls.coop @dunglas

51. The ViewModel

52. Subscribing to real time events

53. symfonycon.les-tilleuls.coop @dunglas The missing parts ❏ Validation ❏ automated in 4.3? symfony/symfony#27735 ❏ User and authentication ❏ make:user, make:auth (no FOSUserBundle please!) ❏ API Platform access control ❏ Deployment ❏ SymfonyCloud: symfony deploy 😻 ❏ Managed Mercure.rocks (alpha)

54. symfonycon.les-tilleuls.coop @dunglas One step further ❏ Admin SPA, for free ❏ api-platform.com/docs/admin ❏ Vue or React SPA, or native app, for free ❏ api-platform.com/docs/client-generator/vuejs/ We can help you!

55. symfonycon.les-tilleuls.coop @dunglas Thanks! Any question?

Progressively enhance your Symfony 4 app using Vue, API Platform, Mercure and Panther

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Progressively enhance your Symfony 4 app using Vue, API Platform, Mercure and Panther

Similar to Progressively enhance your Symfony 4 app using Vue, API Platform, Mercure and Panther (20)

More from Les-Tilleuls.coop

More from Les-Tilleuls.coop (10)

Recently uploaded

Recently uploaded (20)

Progressively enhance your Symfony 4 app using Vue, API Platform, Mercure and Panther