Introduction

Effectué

Il est impressionnant de voir ce que l’on peut faire sur le web aujourd’hui. Vous pouvez créer des expériences web qui fonctionnent sur tous les appareils, inclure toutes sortes de contenu multimédia et effectuer des calculs complexes. Vous pouvez même créer des applications qui ressemblent à des applications natives.

Si vous voulez vous lancer dans le développement web aujourd’hui, vous risquez d’être confronté à un nombre étourdissant d’options. Dans ce module, vous découvrez les composants de base d’un site web et certains outils que vous pouvez utiliser pour commencer le développement web. Vous allez utiliser les langages HTML, CSS et JavaScript ensemble pour créer un site web, puis utiliser des outils de développement dans le navigateur pour comprendre ce qui se passe.

Avec ces connaissances fondamentales, vous aurez toutes les cartes en main pour prendre des décisions lorsque vous voudrez créer des sites web, par exemple choisir des frameworks JavaScript ou créer vos propres fonctions JavaScript.

Commençons par jeter un coup d’œil à la direction que nous voulons prendre.

Scénario

Supposons que vous êtes un développeur web et que l’on vous demande de rendre le site web de votre entreprise attractif pour une plus large gamme de clients. Pour leur permettre de personnaliser leur expérience sur votre site web, vous décidez d’ajouter la prise en charge d’un thème clair et d’un thème sombre. Vous créez un petit site web de démonstration pour illustrer la gestion des thèmes en utilisant CSS, et vous écrivez une fonction JavaScript permettant de basculer entre ces thèmes.

Une fois l’opération terminée, votre site web ressemble à cet exemple lorsque le thème sombre est sélectionné :

Screenshot that shows the completed website with its dark theme enabled.

Que contient une page web ?

Le contenu, le style et la logique interactive sont séparés dans des fichiers HTML, CSS et JavaScript, respectivement. Un principe de conception en programmation moderne est la séparation des responsabilités. Parmi les nombreuses raisons de séparer les responsabilités, citons la simplicité et la capacité de réutilisation. Par exemple, en mettant en forme des éléments HTML à l’aide de CSS, vous pouvez simplifier votre code HTML. Au lieu de coder l’apparence dans chaque élément, vous appliquez des styles CSS à tous les éléments d’une page, quelle que soit la complexité de la page. En outre, vous pouvez lier plusieurs pages HTML dans un même fichier CSS, ce qui peut aider à donner une apparence cohérente à l’ensemble de votre site web.