Vous souhaitez développer vos propres sites internet ? Mais vous ne savez pas par où commencer ? Vous souhaitez suivre une formation ou intégrer une école mais vous ne savez pas quels cours suivre ? Voici les 5 langages de programmation à connaître pour créer des sites modernes !
Créé en 1993, avec les premiers sites web, l’HyperText Markup Langage est alors la base de tout site internet. Sa structure simple en balises permet ainsi un apprentissage rapide tout en vous laissant de la liberté. Voici un exemple de code :
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<p>Voici le contenu de ma page !</p>
</body>
</html>
Tout ce qui est contenu dans les balises « html » permet d’afficher la page. Dans le « head », vous trouverez ainsi les informations qui ne sont pas nécessairement visible par le visiteur. Ensuite dans le « body », se trouve le contenu à afficher, ici une balise « p » pour créer un paragraphe.
L’apparition des balises « div » a ainsi permis une structuration par « blocs » beaucoup plus ergonomique et pratique.
La maîtrise des balises « div » permettent alors de répondre à une demande actuelle : le responsive design.
Les Cascading Style Sheets (créés en 1996) permettent d’embellir vos pages web facilement. Le CSS a ainsi causé l’abandon de l’attribut « style » dans le HTML qui n’était ni pratique ni progressiste.
Un exemple pour signifier que l’ensemble de mes paragraphes doivent être en rouge et justifiés :
p
{
color: red;
text-align: justify;
{
L’intérêt du CSS est qu’il vous permet de changer une donnée qui aura alors un impact sur tout votre code. Cela vous évite de devoir changer chaque instance et ainsi gagner du temps.
Des générateurs de code permettent aussi d’embellir vos sites rapidement.
Il est aussi possible de créer des animations grâce au CSS avec des sites comme TheAppGuruz.
Structurer un site complet grâce au HTML et au CSS tout en répondant au responsive design peut sembler complexe. Cependant Bootstrap permet plus de faciliter. Il est dorénavant indispensable de le maîtriser pour créer des sites modernes (ou tout autre framework s’en rapprochant).
Le JavaScript vous permet de créer plus de dynamisme dans vos pages web. Et ainsi créer des applications web originales.
Changer la couleur d’un texte en le survolant avec sa souris. Agrandir une image en cliquant dessus. Afficher des blocs en scrollant sur son site… Sont le genre de fonctions qui plaisent aux visiteurs, en rendant la navigation sur votre site unique.
Ce code permet par exemple d’afficher une popup demandant au visiteur de valider sa majorité :
if (confirm(‘Pour accéder à ce site vous devez être majeur.’))
{
alert(‘Vous allez être redirigé vers le site.’);
}
else {
alert(‘Désolé, revenez quand vous serez majeur !’);
}
Le site peut ensuite être généré en fonction de son choix. Par exemple, en ne donnant pas toutes les fonctionnalités d’un chat ou d’un forum aux mineurs.
Le PHP (Hypertext PreProcessor) est ce que l’on appelle un langage « serveur ». Cela signifie qu’il est traité en amont de l’ordinateur de l’utilisateur : sur le serveur du site internet. Cela permet plus de sécurité que les langages précédent mais surtout une plus grande liberté dans le « dynamisme ».
Par « dynamisme », nous n’entendons pas la même chose que le « dynamisme » du JavaScript. Ici il n’est pas question de changer les couleurs ou d’ajouter des effets visuels.
Le « dynamisme » du PHP repose sur un changement des informations en fonction de l’utilisateur. Les sites en PHP contiennent généralement un formulaire d’inscription. Celui-ci permet alors au site d’aller piocher ces informations dans une base de données.
Pour faire plus simple :
La majorité des sites actuels reposent sur du PHP : réseaux sociaux, e-commerce, moteurs de recherche…
Des bases peuvent être acquises sur des sites comme OpenClassroom. Cependant, le PHP nécessite de la pratique pour en connaître toutes les subtilités.
Le SQL est le dernier de nos 5 langages de programmation.
Le SQL est le langage qui va vous permettre de communiquer entre votre site en PHP et votre base de données en ligne.
Voici un exemple :
$bdd->exec(‘INSERT INTO utilisateurs(prenom, nom, age, email, mdp) VALUES(‘$prenom’, ‘$nom’, ‘$age’, ‘$email’, ‘$mdp’)’);
Cette requête vous permet d’insérer un nouvel utilisateur grâce à un formulaire précédemment rempli. Le mot de passe doit bien entendu être crypté avant l’enregistrement. Sinon vous pouvez briser les libertés de vos utilisateurs et de ne pas être conforme au RGPD !
En maîtrisant ces 5 langages de programmation, vous serez prêts à vous lancer dans la création de n’importe quel site internet !
