Le développement Frontend

Ce cours a pour but d'introduire des notions fondamentales et générales autour du développement frontend d'applications web.

Bien que ces connaissances soient générales et non liées à des choix de technologies particulières, le contenu est orienté autour des techniques modernes du web (en 2025).

Ce contenu est bien sûr non exhaustif, et n'est là que pour guider les étudiants vers les concepts essentiels à connaître.

La documentation officielle est toujours à privilégier et il est vivement recommandé de la consulter.

L'importance de l'expérience utilisateur (UX)

L'expérience utilisateur est devenue un élément central du développement frontend moderne. Elle ne se limite pas à l'aspect visuel, mais englobe l'ensemble des interactions entre l'utilisateur et l'application.

Impact sur l'engagement des utilisateurs

• 53 % des utilisateurs abandonnent un site qui met plus de 3 secondes à charger
• 88 % des utilisateurs ne reviendront pas sur un site après une mauvaise expérience
• Une bonne UX augmente le taux de conversion de 200 % en moyenne

Principes fondamentaux de l'UX en développement

1. Réactivité : L'application doit répondre instantanément aux actions de l'utilisateur
2. Cohérence : Les interactions doivent être prévisibles et logiques
3. Feedback : L'utilisateur doit toujours savoir ce qui se passe (chargement, erreurs, succès)
4. Accessibilité : L'application doit être utilisable par tous

Les enjeux du développement frontend moderne

Le développement frontend fait face à plusieurs défis majeurs :

Complexité croissante

• Applications de plus en plus sophistiquées
• Multitude de périphériques et de tailles d'écran
• Gestion d'états complexes
• Interactions en temps réel

Maintenance et évolutivité

• Code maintenable et évolutif
• Architecture scalable
• Dette technique à gérer
• Mise à jour des dépendances