Le domaine du développement web peut semble très complexe pour ceux qui n’y connaissent rien. De nouveaux frameworks ou langages émergent tous les jours.
👉 Comment s’y retrouver ? Quelles sont les technologies à matriser pour être un bon développeur web ?
Nous allons essayer de répondre à ces questions dans cet article en passant en revue toutes les compétences / technologies du monde du développement web 🚀
Compétences développement front-end
Le développement front-end représente la partie visible d’un site web ou d’une application mobile.
👉 Cela se traduit obligatoirement par au moins les 3 technologies suivantes :
- HTML : (Hyper Text Markup). Le HTML sert à définir la structure d’une page web grâce à une succession d’éléments placés dans des balises. Il représente généralement la prmière technologie à apprendre dans le développement web. Attention, le HTML n’est pas un langage de programmation ! Il ne permet pas de faire de logique. C’est simplement une structure codifiée permettant de mettre en page des informations.
- CSS : (Cascading Style Sheet). Comme le HTML, le CSS n’est pas non plus un langage de programmation. C’est une manière structurée de définir le style graphique des éléments HTML d’une page web. Les caractéristiques de couleur, de polices, d’arrondi des boutons ou bien d’espacement entre les sections sont définis au sein d’un fichier .css.
- Javascript : Le Javascript représente LE langage de programmation le plus important du développement front-end. Il permet de mettre en place de la logique au sein d’une page web (affichage conditionnel, animation lors d’un évènement, mettre à jour des données en fonction des utilisateurs…). Javascript est le langage le plus utilisé pour le développement front car c’est le le langage de tous les navigateurs web du marché (Chrome, Safari, Opera, Edge…). Se lancer dans le développement d’une application web front avec un autre langage relève donc du casse-tête.
À côté de ces 3 technologies (HTML, CSS, JS), de nombreux frameworks Javascript permettent d’aller encore plus vite dans le développement de vos projets front-end.
Qu’est-ce qu’un framework ? Dans le monde du développement web, un framework est un ensemble de code déjà écrit permettant de gagner du temps et ainsi éviter de ré-inventer la roue à chaque projet web.
De nombreux frameworks JavaScript permettent de développer des applications front-end plus rapidement. Voici les frameworks JS les plus populaires en 2022 :
- React
- Angular
- Vue
- Ember
- Svelte
- jQuery
De nombreux autres frameworks JS existent aujourd’hui. Chaque frameworks est codé d’une certaine manière et s’utilise donc différemment. À vous de trouver celui qui, à l’utilisation, sera le plus pertinent pour votre projet.
🔔 À noter, TypeScript est un langage de programmation de plus en plus demandé pour le développement front-end. TypeScript est en effet une modification/amélioration du langage langage JavaScript. Il est donc tout aussi bien interprété par les navigateurs web classiques.
Compétences dévelopement back-end
À l’inverse de l’univers front-end, l’univers back-end possède bien plus de langages et frameworks. Il n’y a pas un langage qui fait consensus.
Qu’est-ce que le back-end ? La partie back-end représente le lien entre la base de données et le(s) serveur(s) traitant les requêtes des utilisateurs. Pour résumer simplement la différence avec la partie front-end, le code du développeur back-end s’éxécute uniquement sur des serveurs, alors que le code du développeur front-end s’éxécute sur l’appareil de l’utilisateur.
Voici les principaux langages de programmation web, ainsi que leurs principaux frameworks, permettant de développer côté serveur :
- PHP : C’est le langage historique du développment web côté serveur. Encore largement utilisé aujourd’hui même si sa popularité tend à décroitre porgressivement depuis quelques années. Ses principaux frameworks :
- Laravel
- Symfony
- Node.js (Javascript) : Node.js est considéré comme un langage même si il n’a quasiment aucune différence en terme de syntaxe avec JavaScript. Node est un contexte d’éxécution du Javascript hors du navigateur, en l’occurence sur un serveur. Son framework le plus populaire :
- Express.js
- Python : Python est un langage qui se développe de plus sur le développement web depuis quelques années. Sa syntaxe simple et très proche de l’anglais écrit attire énormément. Ses principaux frameworks :
- Django
- Flask
- FastAPI
- Ruby : Ruby est un langage exclusivement back-end possédant une syntaxe simple et consice, à l’image de Python. De nombreuses startups ont été convaincus par ce langage ces dernières années. Son principal framework :
- Ruby on Rails
- Java : Java fait aussi partie des langages historiques du développement. Il est aujourd’hui moins utilisé dans. le web mais plutôt pour des projets d’applications logiciels de bureaux. Ses principaux frameworks web :
- Spring boot
- JEE ou J2E
- C# : Dans le millieu du web, C# est principalement utilisé pour développé des applications grâce au framework de Microsoft ASP.NET Core. Son principal framework :
- .NET
- Golang : Golang est un langage récent développé par des ingénieurs de Google. Bien optimisé et performant, il est de plus en plus populaire dans le monde du web. Ses principaux frameworks :
- Gin
- Beego
Compétences infrastucture IT / DevOps
Au-delà des compétences côté front-end et back-end, un développeur web doit savoir déployer une application sur un serveur afin que d’autres utilisateurs s’y connectent.
Les principales compétences à maitriser sont donc les suivantes :
- Infrastructure :
- Système d’exploitation UNIX pour être au plus proche du contexte d’éxécution du code sur le serveur : MacOS ou distribution Linux.
- Ansible pour la configuration des serveurs de manière automatisée.
- Terraform pour uniformiser les configurations des différents fournisseurs de Cloud (AWS, Google Cloud, Microsoft Azure).
- Kubernetes (K8S) pour gérer l’ensemble de ses apps conteneurisés sur différents serveur, et ainsi gérer la charge de trafic.
- Développement continu et intégration (CI/CD) :
- Docker pour uniformiser la gestion des dépendances de son projet et facilement déployer un projet d’un périphérique à un autre.
- N’importe quel outil ‘intégration continu tel que Jenkins, Circle CI, ou bien GitHub Actions pour les plus populaires. Ces outils permettent d’automatiser le déploiement du code sur l’ensemble de vos serveurs, souvent après avoir procédé à des tests ayant pour but d’être sûr que votre mise à jour ne casse rien sur l’application.
