Initiation au web
Le navigateur web
A quoi sert il?
Vous en connaissez?
Internet? Web?
A votre avis, quelle est la différence?
Les langages
Quels langues ou langages connaissez vous?
HTML
Structurer et afficher notre contenu
Introduction
Activité : Hello world en papier
Installons Brackets.
Un environnement de dévellopement est un ensemble d'outils pour augmenter la productivité des programmeurs .
(parce qu'on est flemmard)
Apprendre par la pratique
A partir des textes, arriver aux résultats souhaités
- Identifier la structure des pages
- Identifier les balises existantes dans la référence
- Reproduire pour arriver au résultat souhaité
Hackons 20minutes.com
Text
Votre fake news
Grace à la console de développement web (F12)
Modifiez un article en ligne
Prendre une capture d'écran en souvenir :]
Sous le capot
Afficher un site: google.com
Simulation
Découverte via jeu de rôle
Crédit: Vlad Gerasimov
Simplement retenir ceci:
CSS
Du style... avec classe!
Super, on y va!
Exercices de découverte
Les classes
sélecteur {
propriété: valeur;
}