La Suite
Parlons de ce que vous allez apprendre tout au long de ce cours : comment écrire des sites web et des applications web. Dans le processus, nous vous enseignerons comment utiliser tous les outils nécessaires pour coder, faire un peu de design, et comment progresser par la suite. À la fin de ce cours, vous pouvez raisonnablement vous attendre à savoir coder un site web à partir de zéro.
Qu'est-ce que le HTML ?
HTML signifie langage de balisage hypertexte. Vous pouvez le considérer comme le contenu d'une page web. Pendant que vous lisez ce contenu en ce moment, les images et le texte sont écrits en HTML. C'est également la structure du contenu. Vous pouvez regrouper des morceaux de HTML ensemble. Nous aborderons cela un peu plus tard, mais il est bon d'associer HTML à la structure et au contenu.
Si nous construisions une voiture ensemble, vous pourriez considérer le HTML comme les matériaux que nous utilisons pour construire la voiture : le châssis, les portes, le volant, les pneus, etc. Par eux-mêmes, les matériaux sont inertes : ils ne font rien d'eux-mêmes et n'ont pas vraiment l'air de quelque chose. Ils doivent être agencés pour former une voiture cohérente (via CSS) et elle a besoin d'un moteur avec tout le câblage (via JavaScript) pour vraiment faire quelque chose.
Qu'est-ce que le CSS ?
CSS signifie feuilles de style en cascade. Vous pouvez le considérer comme le style d'un site web. Quel type de police est utilisé, quelle est la couleur d'arrière-plan, ce qui est en gras, quel est l'espacement, quelle est la mise en page, etc. Le CSS est essentiellement une série de règles qui disent "si un élément correspond à ce sélecteur, appliquez ce style".
Poursuivant notre métaphore de la voiture, le CSS serait la couleur de la voiture, les différents ornements, tous les détails de style. Vous pourriez même dire qu'il définirait s'il s'agit d'une conduite à gauche ou à droite.
Qu'est-ce que JavaScript ?
Vous pouvez avoir une page web complète sans JavaScript, uniquement avec du CSS et du HTML. Exemple.com est un exemple de site web tout à fait valide qui ne contient aucun JavaScript. Beaucoup de sites web qui n'ont pas besoin de JavaScript en ont. Nous en parlerons plus tard, mais sachez que tout n'a pas besoin de JavaScript.
JavaScript est le langage de programmation que nous allons utiliser aujourd'hui. Il existe de nombreux langages de programmation comme C++, Python, Go, PHP, et bien d'autres. Nous choisissons JavaScript pour la simple raison que chaque navigateur (Chrome, Firefox, etc.) peut exécuter JavaScript sur une page web (alors qu'il ne peut pas exécuter d'autres langages). JavaScript a été spécifiquement inventé dans le but de s'exécuter sur les pages web, mais il a depuis dépassé ce cadre et est utilisé dans de nombreux autres domaines. Les compétences que vous apprendrez en écrivant du JavaScript se traduiront dans d'autres langages. C'est un peu comme apprendre une langue étrangère. Si vous apprenez le français, cela facilite l'apprentissage de l'espagnol. Bien que ce soient des langages distincts avec leurs propres mots et structures, bon nombre des mêmes principes grammaticaux sous-jacents sont inchangés ou similaires.
Le HTML et le CSS décrivent une page web non interactive, comme une page dans un livre. Tout le contenu, les images, les polices, l'espacement, etc. sont présents et peuvent être lus. La page dans un livre n'est cependant pas interactive ; si vous essayez de toucher votre livre comme un écran tactile, eh bien, il ne va pas faire grand-chose. Pensez à JavaScript comme la pièce qui transforme une page non interactive d'un livre en une application tactile. Alors qu'auparavant vous aviez du texte, des polices, des couleurs, des images, etc., maintenant vous pouvez faire bouger les choses, avoir des fenêtres contextuelles, rafraîchir le contenu, démarrer des animations, toutes sortes de choses.
Ceci est une explication relativement simpliste. Il y a des chevauchements entre ces éléments, par exemple, le CSS et le JS peuvent tous deux créer des animations, mais de manière différente. Travaillons avec ces définitions pour le moment, et vous pourrez explorer les chevauchements plus tard.
