modifications des tp, exercices, ajouts d'indications en JS, d'exemples en gloutons, 3 semaines de boulot enfin voilà
This commit is contained in:
@@ -1,13 +1,23 @@
|
||||
# Le web
|
||||
|
||||
> Le **Web** est le terme communément employé pour parle du World Wide Web, ou WWW, traduit en français par la toile d’araignée mondiale. Il fait référence au système hypertexte fonctionnant sur le réseau informatique mondial internet.
|
||||
> Le **Web** est le terme communément employé pour parler du World Wide Web, ou WWW, traduit en français par la toile d’araignée mondiale. Il fait référence au système hypertexte fonctionnant sur le réseau informatique mondial Internet.
|
||||
|
||||
##
|
||||
---------
|
||||
|
||||
## Sommaire
|
||||
|
||||
| Chapitre | Description |
|
||||
|----------|-------------|
|
||||
| [HTML](html/) | Structure et contenu des pages web |
|
||||
| [CSS](css/) | Mise en forme et apparence |
|
||||
| [JavaScript](js/) | Interactivité et dynamisme |
|
||||
| [Travaux Pratiques](tp/) | Exercices pratiques |
|
||||
| [Ressources](ressources/) | Mémentos et aide-mémoires |
|
||||
|
||||
---------
|
||||
|
||||
## Historique
|
||||
|
||||
|
||||
|
||||
Le "World Wide Web", plus communément appelé "Web" a été développé au CERN (Conseil Européen pour la Recherche Nucléaire) par le Britannique *Sir Timothy John Berners-Lee* et le Belge *Robert Cailliau* au début des années 90.
|
||||
|
||||
À cette époque les principaux centres de recherche mondiaux étaient déjà connectés les uns aux autres, mais pour faciliter les échanges d'information Tim Berners-Lee met au point le système hypertexte.
|
||||
@@ -57,7 +67,7 @@ Vous devriez avoir quelque chose comme ça :
|
||||
|
||||

|
||||
|
||||
Nous verrons dans un prochaine exercice ce que tout cela signifie.
|
||||
Nous verrons dans un prochain exercice ce que tout cela signifie.
|
||||
|
||||
-------
|
||||
|
||||
@@ -67,14 +77,14 @@ En attendant, si vous souhaitez en savoir plus avant d'attaquer les activités e
|
||||
|
||||
- [MDN Web Docs](https://developer.mozilla.org/fr/docs/Learn) : Une ressource complète, écrite par Mozilla, pour les développeurs web. Les guides d'apprentissage du HTML et du CSS sont excellents pour les débutants.
|
||||
- [Codecademy](https://www.codecademy.com/learn/learn-html) : Des cours interactifs pour apprendre le HTML et le CSS. Leur format pratique est excellent pour se familiariser avec ces langages.
|
||||
- [W3Schools](https://www.w3schools.com/html/) : Une autre excellente ressource avec des exemples de code et des quiz pour tester la compréhension. Il s'agit d'un site déployé par le World Wide Web Consortium, c'est à dire les personnes chargées de définir les règles d'utilisation du web.
|
||||
- [W3Schools](https://www.w3schools.com/html/) : Une autre excellente ressource avec des exemples de code et des quiz pour tester la compréhension. Il s'agit d'un site déployé par le World Wide Web Consortium, c'est-à-dire les personnes chargées de définir les règles d'utilisation du web.
|
||||
- [freeCodeCamp](https://www.freecodecamp.org/learn/responsive-web-design/) : Un cours gratuit qui couvre à la fois le HTML et le CSS, ainsi que d'autres aspects de la conception web réactive.
|
||||
|
||||
- [FlexboxFroggy](https://flexboxfroggy.com/#fr): Probablement mon outil préféré pour apprendre le CSS. En utilisant les règles du CSS, vous verrez une grenouille se déplacer sur votre écran selon ce que vous aurez écrit.
|
||||
- [Grid Garden](https://cssgridgarden.com/#fr) qui est un jeu similaire pour apprendre le CSS Grid Layout.
|
||||
- [Code With Blocks](https://codewithblocks.com/new) : Permet de mieux se représenter l'arborescence d'une page html, à l'aide de blocs.
|
||||
- [CSS Diner](https://flukeout.github.io) : Permet d'apprendre à manier les selecteurs CSS.
|
||||
- [SmolCSS](https://smolcss.dev) : Une fois que vous maitriserez le CSS...Dans une dizaine d'années donc.
|
||||
- [SmolCSS](https://smolcss.dev) : Une fois que vous maîtriserez le CSS... dans une dizaine d'années donc.
|
||||
|
||||
Enfin, vous trouverez dans le répertoire [ressources](ressources/) plusieurs documents qui vous aideront.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user