HTML / HyperText Markup Language

HTML est le langage le plus basique impliqué dans la création d'un site web. Il sert à construire la base ou la fondation du site web (les "éléments" du site web). Avec seulement HTML, on peut ajouter des images, ajouter du texte, ajouter un titre, ajouter un hyperlien, et plusieurs autres choses, mais notre page contiendra toujours un fond blanc, du texte noir, et les images seront mal organisé dans notre site web. Si souhaitez voir un exemple d'une page web faite seulement avec HTML, cliquez ici pour voire la page de languages sans CSS. Le langage de HTML fonctionne avec des "éléments", et sont représenté avec une section d'ouverture et une section de fermeture de l'élément.Un éléments d'ouverture est entouré avec les symboles "<" et ">", et un élément de fermeture est représenté de la même façon mais avec une barre oblique devant l'élément (ex: <p>bonjour</p> représente un élément de paragraph(p) et entre les éléments il y a le contenu). Un des éléments les plus utilisés est le <div>, car il permet de rentrer d'autres éléments dans lui même, sans causer de problèmes (il est utilisé comme contenant). Il faut aussi savoir qu'il éxiste des paramètres pour les éléments (certains spécifiques et d'autres non). Pour changer les paramètre d'un élément, il faut le mentionner dans l'ouverture (ex: <div class="contenant">Bonjour</div>). Pour la majorité des paramètres, ils ne sont pas obligés d'être définis, mais il y a certains qui sont cruciaux au fonctionnement de l'élément. Dans le fichier de code d'HTML, il y a deux sections importantes : la tête (head) et le corps (body). La section de tête est la section qui contient tous ce qui ne serait pas directement affiché sur notre site web (le titre tu site, les liens à d'autres fichiers, etc.), et le corps est tout ce qui serait vu dans le site web.

CSS / Cascading Style Sheets

Le langage de CSS est le langage utilisé pour décorer un site web. Il fonctionne selon un élément d'HTML qu'il cible, et il y a plusieurs façon de cibler un élément : premièrement, on peut simplement nommé le type d'élément afin de le modifier (ex: pour cibler tous les <p>, on dit juste "p".). Le format de texte pour décorer un élément est comme ceci :
p {
décoration1: type;
décoration2: type;
}
Dans cet exemple, "p" fait référence à l'élément qu'on veut cibler, les accolades délimitent l'endroit oû on place les styles, décoration1 et 2 sont les décorations qu'on veut et "type" représente un type de décoration possible parmi cette décoration (ex: pour une couleure rouge, on dirait : color: red; ). Il existe aussi une façon de décorer seulement certains éléments, et même seulement certains même éléments (seulement certains paragraphes). Pour faire cela, il faut ajouter une classe à notre élément, qu'on a vu dans la section du HTML. Lorsqu'on veut cibler une classe et non un élément, on ajoute un point devant le nom de la classe (ex: pour la classe "contenant", on le cible de cette façon : .contenant {} ). Finalement, on peut cibler des éléments ou des classes qui sont entrés dans d'autres éléments, et on peut énumérer plusieurs éléments/classes pour les mêmes styles. Pour des éléments ou classes imbriqués, on laisse simplement un espace (ex: div p {} / .contenant p {} ), et pour énumérer, on les sépare avec une virgule (ex: div, p {} ). Les concepts les plus importants à apprendre sont le modèle de boite en CSS ("CSS box model" en anglais), ainsi que les deux types d'affichage commun, la grille ("grid" en anglais) et la boite flexible ("flexbox" en anglais), et finalement, les positions. C'est avec ces trois concepts principaux qu'on est capable de placer tout ce qu'on veut n'importe oû.

JavaScript

JavaScript est le langage de programmation utilisée le plus dans la création de sites web. La raison pour laquelle je dit que JavaScript est la seule langue de programmation est parce qu'HTML et CSS ne fonctionne pas comme un langage de programmation. HTML est un langage de balisage, qui sert à créer des éléments, et css est un langage de style, qui peut seulement décorer des éléments d'HTML. Donc, le rôle de JavaScript est de rendre un site web interactif, permettant de modifier des éléments en vrai temps, de faire des calculs, etc. Ce n'est pas un langage qui est essentiel au fonctionnement d'un site web informatif, comme le miens, mais c'est le langage de programmation le plus utilisée car la majorité des site webs on besoin de traiter de l'information et de communiquer avec une base de données (ex: pour des comptes), comme des sites web de commerce électronique (Amazon). C'est aussi un langage très compliquée puisqu'il a beaucoup de fonctions à apprendre. Je n'ai pas utilisée JavaScript dans mon site web car il est toujours mieux d'éviter de l'utiliser s'il n'est pas nécéssaire. La raison pour cela est que certains moteurs de recherche désactivent JavaScript, et mêmes certaines personnes désactivent JavaScript car c'est un langage qui doit accéder à votre ordi (pour changer des informations dans le site web, par exemple).