Published on 22 février 2022 (Updated 22 septembre 2023)
Avant de commencer il faut bien faire la part des choses sur qu’est-ce qu’un⋅e développeur⋅se web.
Il⋅Elle conçoit des sites sur mesure ou adapte des solutions techniques existantes en fonction du projet et de la demande du client.
Son but est de développer des interfaces web adaptées pour son client. Il peut s’agir de sites Intranet, de sites internet, d’applications web ou d’outils en ligne.
Les principaux langages utilisés pour créer des sites ou applications web sont le HTML, le CSS, le JavaScript, MySQL et le PHP.
Les développeurs⋅ses peuvent utiliser ce qu’on appelle des CMS, des logiciels visant à structurer plus facilement (et de façon plus automatisée) le contenu d’un site web.
Par le HTML, tu commenceras
L’HyperText Markup Language, ou HTML, est le langage de base d’un site internet. Ce n’est pas un langage de programmation mais un langage de balisage qui permet d’écrire de l’hypertexte afin de définir une structure sémantique d’une page web.
L’hypertexte désigne un ou plusieurs documents qui contiennent des unités d’informations (vidéo, texte, image, son…) liées entre elles par pas hyperliens (le fameux href).
Il permet de définir la structure d’un document. Le HTML permet d’ajouter des titres (H1, H2, H3…) mais aussi des listes à puces, des formulaires, des images.
Voici un exemple de site avec seulement du HTML :
Le CSS, tu comprendras
Cascade Style Sheet, ou CSS, est le langage qui va permettre de définir la forme à donner à notre document. Sa syntaxe est simple, mais son vocabulaire est assez conséquent.
Il existe de nombreux framework CSS (un framework est une librairie comprenant un ensemble d’outils et de composants pour simplifier et uniformiser le travail des développeurs ).
Le CSS permet notamment d’ajouter des couleurs, marges, bordures et effet au survol d’éléments.
Voici le même exemple de site, mais avec du CSS :
C’est tout de suite plus agréable à l’œil, on est d’accord.
Vers le JavaScript, tu te dirigeras
JavaScript est un langage de programmation qui permet d’implémenter des mécanismes complexes sur une page web.
Le JavaScript permet de mettre en place des traitements et d’interagir avec les internautes qui visitent une page web par exemple. Il permet de mettre en place une variété de contrôles comme le fait de vérifier si un champ est bien rempli, l’affichage d’une alerte, la gestion d’effets visuels …
Avec les frameworks Javascript, comme Jquery, les possibilités offertes par ce langage sont décuplées et permettent d’enrichir l’interface utilisateur.
Bien entendu, on utilise le Javascript dans du HTML.
Les portions de code javascript étant délimitées par des balises spécifiques (<script> et </script>)
Attention à ne pas confondre le Javascript et le JAVA, qui est un langage de programmation orienté objet et qui a connu de nombreuses failles de sécurité au cours des années, souvent grave et exploitées. Depuis 2010, les éditeurs des navigateurs WEB ont réagi en bloquant automatiquement les applets Java. Il est donc bien important de sécuriser son site WordPress.
Voici différents exemples de ce que permet JavaScript :
- Vérification de saisie dans des formulaires (Adresse, email)
- Calculs simples suite à des saisies de formulaire (Tarifs, calculatrice)
- Moteur de recherche (base de recherche définie par le webmaster)
- Gestion des dates et des heures (Date du jour, Date de mise à jour, Calendriers)
- Gestion des cookies (Sauvegarde d’information : nombre de visites, caddie virtuel)
- Gestion de la navigation (Menus dynamique, popup)
- Animations graphiques (Dynamic HTML, MouseOver, bannières rotatives, jeux)
- Création d’application web avec les appels Ajax vers le serveur
- Création de jeux
Le jQuery, tu utiliseras
jQuery, est une bibliothèque JavaScript gratuite, libre et multiplateforme. Compatible avec l’ensemble des navigateurs Web. Il s’agit du framework JavaScript le plus connu et le plus utilisé.
Avec jQuery, vous pouvez par exemple :
- Ajouter, supprimer ou modifier des éléments HTML au sein de votre page.
- Changer les styles des éléments de la page en modifiant le CSS qui leur est associé.
- Animer des éléments de votre page.
- Envoyer et recevoir des données depuis un serveur grâce à AJAX
Par ailleurs, utiliser jQuery vous permet d’avoir une compatibilité avec les différents navigateurs.
Le JavaScript pur est réputé pour avoir des spécificités entre chaque navigateur comme Internet Explorer, Chrome, Safari, etc, qui vont potentiellement exécuter votre code JavaScript différemment les uns des autres et risque de rendre caduc vos codes
Cette compatibilité est rendue possible par l’utilisation des sélecteurs CSS.
Sélectionner des éléments devient plus rapide et plus direct qu’en JavaScript classique, et puisque les développeurs web comprennent déjà les sélecteurs CSS, ils n’ont aucun mal à se servir de jQuery.
En PHP, tu progresseras
PHP est un langage de script open source, particulièrement adapté au développement Web.
Ce qui distingue PHP de JavaScript est son exécution. Le Javascript est exécuté côté client alors que le PHP, lui, est exécuté côté serveur.
Il permet aux développeurs de créer des sites Internet dynamiques, et, administrables par le biais de MySQL.
MySQL est un système de gestion de base de données. Son rôle est de stocker les données, sous forme de tables, et de permettre la manipulation de ces données à travers le langage de requête SQL.
Voici différents exemples de ce que permet PHP :
- Automatiser la gestion d’articles ou autres éléments de votre site.
- Gérer le contenu de vos administrations.
- Gérer des galeries photos, des annuaires de liens, des sondages, des forums, des moteurs de recherche internes, etc …
- Mettre en place des fonctions de tri et hachage, le traitement de chaînes de caractères, la génération et la modification d’images, les algorithmes de compression, etc…
C’est à partir de ce moment-là, que vous aurez acquis toutes les connaissances et les ficelles d’un⋅e développeur⋅se web et serez polyvalent sur l’ensemble des tâches.
Développeur⋅se web, tu deviendras
Si vous avez résisté à l’envie de fuir devant tous ces termes, c’est bon signe !
Mais pour pouvoir devenir développeur⋅se web il vous faudra une chose très importante : Être passionné⋅e par ce métier !
Devenir développeur⋅se web nécessite de toujours se remettre en question, de toujours douter de ce qu’on connait et surtout ne jamais arrêter de s’améliorer, de perfectionner son “ art “.
Après avoir acquis toutes ces connaissances, vous serez apte à devenir un⋅e développeur⋅se web qualifié !