Contenu pedagogique des days:

D00

Qu'est ce qu'un éditeur de texte?
- presentation de Xcode 1 (VScode / Atom / ...)
Qu'est ce que le Versionning ? / comment utiliser git ?
- Presentation de Git Kraken (ou autre solution 2) et de son utilisation
Qu'est ce qu'un langage de balisage?
- Presentation de html / Présentation des interpreteur (firefox/chrome)
- Presentation des balises de structure
  - DOCTYPE
  - html
  - head
    - meta
    - title
  - body
- Presentation des balises de internes
  - p br strong em i
  - h1, h2, h3, ...
  - a (href) faire un lien avec un page local ou externe.
  - img (src) + svg
  - hr
  - ul,ol,li
  - table tr th td (peut-on generer du code)
  - ...
- Presentation des balises multimedia
  - video audio (source)
  - ...
- Presentation des balises structuration par zone de page
  - header
  - nav
  - section
  - article
  - aside
  - footer
  - (indice pour bootstrap)
  - ...
- Concept inline/block/inline-block
  - div
  - span
Qu'est ce qu'un standard html ?
- html 5 et utilisation d'un validator
- checker l'indentation (ou utiliser un indentateur)

Comment mettre du style une page ?
- Presentation des Cascading style sheets.
  - Explication de l'héritage avec un DOM Tree d'un HTML
- Différent moyen d'utilisation d'un style
  - inline
  - balise style in header
  - fichier separé .css balise link
Comment généraliser ou specifier un style?
- presentation des .classes et des #id.
Les attribut CSS, leurs valeurs communes, leurs selecteur et pseudo-classes.
- font
  - font-family
    - serif | sans-serif | monospace & Arial | Helvetica | Times
  - font-weight
    - normal | italic
  - [...]
- text
  - text-align
    - left | right | center | justify
  - color
    - rgb | hex | name
  - text-decoration
    - underline | overline | line-through | blink | none
  - [...]
- background
  - background-img
    - url
  - background-color
    - ...
- margin, border, padding
  - width top | right | bottom | left
    - 50px | 50% | 50pt | 50ex | 50cm | 50in
  - style
  - color
- table
  - collapse
  - spacing
  - vertical-align
- visibility, display
  - visible | hidden
  - none | inline | block
- position
  - static | relative | absolute | fixed
- float , clear left | right | both | none
- a
  - :hover :visited :link :active :focus
Comment importer un css de l'extérieur ou d' un framework?
- link et son attribut media (print, screen, ...) & @media.
- introduction à bootstrap pour structurer un page
- Faire un bar de navigation. 3
Utiliser des operateurs sur les selecteurs:
- p em
- div *
- .lol > .foo
- ul + li

Consolidation et récapitulatif intermédiare
- html
  - Structure, balise, inline-block ...
- CSS
  - selecteurs, attribut, import & css inline ...
Comment rendre une page web dynamique et interactive?
- langage de description (JS, Jquery) VS (HTML5, CSS3)
- presentation de jquery et de javascript
- Comment utiliser un langage de script dans un HTML
- Introduction au concept de var & type (implicite)
  - quel nom donner aux variables ?
  - quel opérateur utiliser avec quel type et quel resultat obtient-on ?
- Introduction aux fonctions getby() id class ... & document.write() | alert()
- Presentation de l'attribut onclick
- bootstrap autres élèment ??? (structures de pages par class)

Comment debug son JS ?
- Présentation de la Console
Comment récupérer et traiter de l'information en local ?
- présentation des bales HTML des de formulaires
- interactions entre un formulaire et un js pour faire des opérations sur les inputs
- comment prompt dans un script ??
Peut on faire intéragir le CSS avec JS?
- Creer faire des animations simples.
Comment avoir des comportements conditionnels?
- introduction à l'instruction if et switch.
  - operateurs conditionnel et booleen | default value break

Comment repeter plusieurs fois une instruction en JS ou Jquery?
- Introduction au boucle.
Comment localiser nos processus et les appeler plusieurs fois?
- introduction au fonction.
  - variable global vs variable local vs parametre de fonction
comment stocker plusieurs information dans une structure ?
- introduction aux tableau d'element.
- fonctions speciques et attribut aux tab ...
Comment capter les evenement de la page ?
- onclick | ondblclick | onmouseover | onmouseout | onkeydown | onload | onchange

Site vitrine / portefolio
- Introdution au git hub pages pour mettre faicilement en ligne.
- Explication de ce qu'est un registar pour avoir son propre nom de domaine ...

On pourrait avoir deux sujet de rush au choix soit le site vitrine soit un jeu en javascript pour ceux qui voudraient