Introduction
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 souhaitez démarrer le développement Web dès aujourd'hui, vous pourriez être confronté à un éventail vertigineux d'options. Dans ce module, vous allez découvrir 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 en place, vous disposerez d'un meilleur contexte pour prendre des décisions à l'avenir lors de la création de sites Web ; par exemple, si vous devez choisir des frameworks JavaScript ou créer vos propres fonctions JavaScript pour créer votre site Web.
Commençons par regarder où nous voulons aller.
Scénario
Supposons que vous soyez développeur web. Il vous est demandé de rendre le site web de votre entreprise attrayant pour un plus grand panel 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é :
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.