HETIC

GitHub des cours de développement web en deuxième année pour la promotion P2023

PROGRAMME

CSS
- Transformations
- Animations/Transitions
- Optimisation des sélecteurs
- Variables
JS
- Exercices
  - Menu toggle
  - Clock
  - 2D shooter
  - Image lazy loading
  - Drumkit
  - Scroll parallax
  - Mouse parallax
  - Bouton 3D
  - Carousel
  - Galerie
  - Async navigation
- Techniques
  - script tag
  - console
  - Variables / Nomenclature / const / let
  - Concatenation / Back quotes
  - Boucles
    - while
    - for
    - for ... in
    - for ... of
  - Function
    - Fat arrow
    - return
  - addEventListeners / Event / Callbacks
    - click / mousemove / mousedown / mouseup / mouseenter / mouseleave
    - keydown / keyup
    - scroll
    - resize
  - setInterval / setTimeout
  - Math
  - Scope / Function scope / Block scope
  - if / else / || / &&
  - DOM manipulation
    - querySelector / querySelectorAll
    - appendChild
    - removeChild
    - remove
    - setAttribute
    - style
    - classList
    - textContent
    - innerText
    - innerHTML
  - fetch
  - JSON
  - Object
  - class / constructor
HTML5 Audio/video API
Versionning avec git
Canvas
Responsive
Fonts
Task runners
Preprocessing CSS
Clean code
WebGL
PHP
- Les bases
- Variables
- Boucles
- Conditions
- Fonctions
- Includes
- Debug
- Formulaire
- Base de données MySQL
- APIs
- Routing
- SQL Avancé
- Cookies/Sessions
- SQL Mots de passes
- Regex
- Frameworks
- Orienté objet