Le document présente un événement de meetup sur le développement frontend en TDD avec Vue.js et Apisix, organisé par Softway Médical. Il met en avant les activités passées, les sujets abordés, ainsi que les perspectives pour l'avenir, incluant des opportunités de prise de parole pour les membres de la communauté. Les principaux thèmes incluent les applications Apisix, la méthodologie TDD, et les outils connexes dans le domaine du développement logiciel.

1. Jocular June
Apisix & Dev frontend en TDD
25/06/24

2. Un Grand Merci A

3. Qui sommes-nous ?
Ivan Beauté
Fabrique-IT
Sébastien Planard

4. I. Présentation Softway Médical
II. Rétro
III.APISIX
IV.REX développement frontend en TDD
V. Quizz
VI.Apéro / Buffet
Sommaire

5. 25/06/2024 Introduction au TDD avec Vue.js et Faros 5

6. NOS DONNÉES CLÉS
+ 850
collaborateurs
+ 20%
du CA
Réinvesti
En R&D
CA de
100 M€
en 2022
+ 1300
Sites de
radiologie
+ 700
Centres
de santé
25 ans
de CA
en moyenne
/an
+ 15%
de CA
en moyenne
/an
+ 1300
Établissements
27 GHT
Contractualisé en < 4 ANS
P 6

7. NOS
SAVOIR-FAIRE
ASSISTANCE
24H / 24h - 7 J / 7
P 7

8. P 8
8
ERP PARCOURS PATIENT TERRITORIAL – DPI ÉTENDU

9. Rétrospective

10. 10 meetups (+2)
42 jeux de mot douteux
10 jeux
Aix 6 / Marseille 4
8 places offertes / goodies

11. ● CNIs
● Kubecon
● DevX
● CNAPP
● Platform Engineering
● Terrragrunt
● Test Containers
● APISIX
● Dev TDD
● HTMX
● Werf
● Sécurité dans k8s
● AI avec kubectl
● Freelancing
● Tekton
● Hetzner
● Falco
● KSM
● Keda
19 sujets (+1)
Sans compter les 923 parenthèses (😀)

12. 15 speakers (+6)

13. Vous !
● 1013 membres !!! (+153)
● Environ 30 participants par meetups
● Grande variabilité de niveau / attentes

14. (Back To The) Futur (de 2023)
● Plus de speakers ✅
● Plus de représentativité 🥺
● Encore plus de régularité ✅
● Des événements spéciaux ✅

15. Le Futur (de 2024/2025)
● Plus de représentativité
● Plus de sujets de la communauté
● Garder le rythme d’un meetup par mois

16. DevOps needs you !
● Speakers pour les prochains meetups
● Volontaires
Oui nide iou !

17. APISIX

18. APISIX

19. APISIX

20. APISIX - 3 APPS
➔ API Gateway
➔ Ingress Controller + Operator
➔ Dashboard

21. API GATEWAY Kézako

22. API GATEWAY Kézako

23. API GATEWAY Kézako
- Single HTTPS entrypoint
- Authentication for all API
- Circuit breaking
- Traffic shaping
- Response caching
- Request validation
- Access restriction
- Advanced load balancing
- OpenAPI specifications
- Mocking API
- Proxy rewrite
- Plugins

24. APISIX VS THE WORLD

25. APISIX VS THE WORLD

26. APISIX VS THE WORLD
● Documentation séparée (API 7)
● Architecture distribuée (DP + CP)
● Architecture modulaire (plugin hub)
● Basé sur le performant OpenResty (nginx+luaJIT)
● Operator Kubernetes (CRD)
● 85 vidéos officielles sur youtube
● Base de données ETCD
● Intégration avec le dashboard

27. APISIX - DEMO TIME
https://github.com/meetup-devops-aix-marseille/2024-06-apisix

28. Développer
une application frontend
en TDD avec
Vue.js et Faros
(Design System)

29. Sommaire
Présentation des concepts
Démonstration
Questions ? 29

30. Présentation des
concepts

31. Point « Techno / Méthodo »
31
Faros
TD
D
(Composition
API)
(Design System
SWM)

32. Spécification du besoin
32

33. Tester un composant Vue.js
25/06/2024
Introduction au TDD avec Vue.js et
Faros
33
Composant
Entrants
???
Produits / responsabilités
???

34. Tester un composant Vue.js
25/06/2024
Introduction au TDD avec Vue.js et
Faros
34
Composant
Props
(attributs)
Interactions utilisateurs
(clics, valeurs saisies
dans des formulaires, etc.)
Données externes
(récupérées d’une API, par
ex.)
Événements
(levés par des composants
enfants)
HTML / DOM
(ce que l’utilisateur voit à
l’écran)
Événements
(levés vers le composant
parent)
Interactions avec des
dépendances

35. Structure d’un test de composant
25/06/2024
Introduction au TDD avec Vue.js et
Faros
35
Component Factory
Page Object
Composants
pour tests
Mocks, stubs, spies
produit
gèrent les interactions avec
des éléments extérieurs
inspecte et
interagit avec le
DOM Scénarios de
test métier

36. Démo

37. Rappel du besoin
37

38. Questions ?

39. 29 Allée Saint-Jean
Arteparc, Bâtiment D
13710 Fuveau, France
+33 4 88 71 13 00
contact@softwaymedical.fr
www.softwaymedical.fr

40. meetup.com/Devops-Aix-
Marseille
ibd.sh/openbar

41. Let’s play !

42. Quizz !!