Les principales notions à connaître en développement 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é !