Infoforall

Identification

Infoforall

Récapitulatif javascript

⏬


Ces pages contiennent simplement le récapitulatif des notions abordées dans les différentes activités.

1 - RAPPEL SUR LE HTML

Lien vers l'activité : rappel-sur-le-html

Dernière modif. : 13 01 2021

Balises structurelles

  • Connaître le nom des logiciels chargés d'interpréter le code HTML
  • Connaître la notion de balise d'ouverture et de fermeture
  • Savoir ce que veut dire Balise orpheline
  • Savoir où on doit placer <!DOCTYPE html> dans un document html.
  • Connaître les rôles des balises html, head et body

Création d'un fichier html avec un éditeur de texte

  • Savoir créer un fichier HTML avec un éditeur de texte (Notepad++) par exemple
  • Savoir choisir le type de langage dans l'éditeur de texte
  • Savoir choisir l'encodage du texte dans l'éditeur de texte
  • Rôle de la tabulation en HTML

Balise body

  • Savoir si le contenu de cette balise body est destiné à juste informer le navigateur ou à s'afficher
  • Savoir ce qu'est une balise block et ce qu'est une balise inline
  • Connaître les rôles des balises block typiques suivantes : p, h1 à h6, body, nav, main, header, footer ...

Attributs des balises html

  • Identifier le nom des attributs d'une balise dont on vous fournit le code
  • Savoir à quoi sert l'attribut style
  • Savoir utiliser l'attribut style pour imposer une propriété CSS
  • Connaître les propriétés CSS background-color et color

Balise générique block div

  • Notion de parent et child
  • Notion d'arbre permettant de comprendre que les balises non-orphelines sont des conteneurs.

Balise de lien a

  • Savoir décomposer une URL en :

    • Protocole
    • Port
    • Adresse Serveur dont sous-domaine, domaine et extension
    • Requête sur le serveur

  • Connaître le rôle de la balise a avec

    • l'attribut href,
    • l'attribut target réglé sur target="_blank"
    • l'attribut title

Balise head

  • Savoir si le contenu de cette balise head est destiné à juste informer ou à s'afficher
  • Connaître le rôle de la balise title qu'on place dans head
  • Connaître le rôle de la balise <meta charset="UTF-8"> pour l'encodage du fichier

2 - RAPPELS SUR LE HTML, LE RETOUR

Lien vers l'activité : rappel-sur-le-html_le_retour

Dernière modif. : 13 01 2021

Liens locaux

  • atteindre une ressource située au même endroit
  • atteindre une ressource située dans un sous-dossier (on s'enfonce)
  • atteindre une ressource située dans un dossier parent (on remonte)

Nouvelles balises

  • balise img et les attributs src, title, width, height, alt
  • balise orpheline br
  • balise orpheline hr
  • balise inline span

Web sémantique

  • balises em, strong et mark

Commentaires

Entre <!-- et -->

3 - RAPPELS SUR LE CSS

Lien vers l'activité : rappels-sur-le-css

Dernière modif. : 13 01 2021

Couleurs en HTML

  • Savoir qu'on peut définir des couleurs

    • par nom
    • par des valeurs RGB décimales
    • par des valeurs hexadécimales
    • par des valeurs en %

  • Savoir ce que vaut A, B, C, D, E et F en hexadécimal.

Fichier CSS

  • Savoir où placer la balise link du type <link rel="stylesheet" href="style_1.css" />
  • Savoir régler correctement cette balise pour qu'elle trouve le fichier.
  • Savoir choisir le langage CSS dans l'éditeur de texte

Configuration CSS

  • CSS : Connaître la façon dont on agit sur toutes les balises d'un même type depuis le fichier CSS
  • CSS : Connaître la façon dont on doit présenter les propriétés CSS voulues pour cette balise.
  • CSS : Connaître la façon d'agir sur quelques balises spécifiques avec une classe.

  • CSS : Etre capable de retrouver quelques propriétés CSS à l'aide d'une recherche Web.

  • HTML : Savoir utiliser l'attribut class pour déclarer une classe dans HTML

Balises génériques

  • Connaître le nom de la balise générique de type block.
  • Connaître le nom de la balise générique de type inline.
  • Comprendre l'intérêt de ces balises en association avec CSS

4 - RAJOUTER DU JAVASCRIPT

Lien vers l'activité : rajouter-du-javascript

Dernière modif. : 25 01 2021

  • Savoir intégré du JS directement via une balise <script>

  • Savoir créer un code JS à part et le lier au HTML avec une balise <script> dont la source est le fichier JS.

1
<script src="mes_scripts.js"></script>

5 - INTRODUCTION AUX ÉVÉNEMENTS

Lien vers l'activité : introduction-aux-evenements

Dernière modif. : 31 01 2021

  • Savoir activer une surveillance d'événement depuis une balise
  • Savoir activer une surveillance d'événement depuis JS sur une balise dont on connaît la référence (nous verrons plus tard comment la connaître justement)
  • Savoir ce qu'on doit rajouter dans le nom en cas de gestion directe depuis la balise
  • Connaître les noms des événements chargé, cliqué, double-cliqué
  • Savoir ce que contient this lorsqu'un événement survient.
  • Comment lire ou agir l'un des attributs d'une balise ?
  • Comment lire ou agir sur le CSS d'une balise ?
  • Comment lire ou agir sur le contenu interne d'une balise ?

⏫