Les technologies du web évoluent et il est important de suivre l'actualité pour ne pas se faire dépasser.

Dans cet article, nous allons voir les technologies et tendances du développement web qui seront amenées à prendre de l'ampleur en 2024.

Si les PWAs ne sont pas une nouveauté, la technologie prend de plus en plus d'ampleur au cours des derniers mois.

Pour rappel, une PWA est une application web qui fonctionne comme un site mais en proposant une expérience mobile très proche de celle d'une application native.

Elle tourne de façon indépendante au sein du navigateur et permet à son utilisateur d'intéragir avec comme si c'était une app native, apparaissant au milieu des autres apps d'un smartphone et pouvant même fonctionner en mode hors-ligne.

Présentant des coûts de développements et de maintenance plus restreints qu'une création d'application mobile native sur Android et iOS, les PWA sont faciles à créer si le site ou l'application web à embarquer au sein de l'app est déjà développé en JavaScript (ou via un framework JS comme Next.js, React...).

La PWA peut permettre de sortir un MVP d'appli mobile plus rapidement et pour moins cher qu'en développant une application mobile native.

Le dark mode est une option permettant de faire des économies d'énergie (pratique pour économise de la batterie et moins consommer d'électricité), mais également de limiter la fatigue des yeux et d'améliorer la lisibilité dans des environnements présentant peu de lumière.

Son usage se standardise de plus en plus même si des études tendent à montrer qu'il ne permet pas toujours de limiter la fatigue oculaire, surtout lorsqu'il est utilisé dans des environnements lumineux (dans ces cas là, il est beaucoup plus simple de lire un texte noir sur fond blanc).

Niveau développement, le dark mode est assez facile à implémenter en utilisant des media queries en CSS et un peu de JavaScript.

L'option du dark mode devient de plus en plus populaire avec la hausse de cette tendance dans les sites et produits digitaux.

Issues d'un projet entre Twitter et Google ayant pour but de créer des pages accélérées sur mobile, les AMP sont des pages qui sont très légères et qui se chargent quasi-instantanément pour offrir une version allégée du contenu.

Pour obtenir ce résultat, il faut réduire au maximum le code et les requêtes exécutées afin d'avoir un temps de chargement réduit (2 secondes en moyenne).

Les AMP sont facilement reconnaissables au niveau de vos recherches Google par la présence d'un petit logo éclair ⚡️

Pour l'instant, les principaux sites qui utilisent les AMP sont des sites de presse, tels que CNBC ou encore

Si cette technologie ne date pas d'hier (nous implémentions déjà de nombreuses architectures serverless grâce avec du AWS Fargate en 2019 chez Blacksmith), la tendance à créer des architectures serverless continue de croître.

Les avantages d'une architecture serverless sont principalement la scalabilité et les économies réalisées.

En laissant un hébergeur cloud tel que AWS gérer son infrastructure et ses serveurs, les développeurs et entreprises n'ont plus à se soucier des coûts de paramêtrage et de maintenance des serveurs.

Grâce à une infra serverless, les webapps peuvent directement scaler et décroître en fonction du trafic, cela sans besoin de mettre à jour son serveur manuellement.

Avec la popularité croissante de Chat-GPT, l'utilisation de l'IA dans le développement web prend de plus en plus d'importance.

Des IA comme Chat-GPT ou GitHub Copilot peuvent désormais assister les développeurs en relisant le code, suggérant des améliorations voire carrément en écrivant des snippets de code correspondant à des tests unitaires ou à des fonctionnalités complètes, le tout en respectant le style d'écriture et les règles de codage du développeur.

De nombreux outils, librairies, APIs tels que Deeplearn.js, TensorFire ou encore ML.js permettent également de directement intégrer des briques d'IA ou de Machine Learning (ML) dans ses développements web.

D'autres tendances continueront de se développer en 2024, c'est le cas :

• des populaires frameworks React.js, Vue.js ou encore Angular

• des Single Page Applications (SPA), qui permettent de charger une seule page HTML qui sera ensuite mise à jour en fonction des besoins du visiteur, cela sans rafraîchissement de page

• de la recherche vocale, qui est de plus en plus utilisée dans les foyers les américains grâce aux devices connectés tels que Google Home, Siri ou encore Alexa

• des webapps et sites JAMStack

• du développement sur les blockchains, par exemple avec Solidity

• de l'éco-conception, qui vise à limiter la consommation et les émissions de CO2 de son site internet

Lisez cet article pour découvrir la stack qu'utilise notre agence de développement web en 2023, et si vous souhaitez de l'aide pour développer des sites, apps et produits digitaux à la pointe de la technologie, contactez-nous à partners@blacksmith.studio