Informations
- Niveau : débutant/avancé
- Public : tous
- Pré-requis : connaitre les bases du PC
- Durée : de 3 jours (formation débutant) à 5 jours (formation avancé)
Objectifs
- Créer un site web from scratch
- Créer ou modifier des pages HTML
- Intégrer des feuilles de styles CSS
- Intégrer du code javascript
Plan de cours
Présenter HTML et CSS
- Langage HTML
- Langage CSS
- Créer une application avec Visual Studio Code
Créer et mettre en forme une page HTML
- Créer une page de base
- Changer le design d’une page
Créer des formulaires pour collecter des données
- Les types de composants et types de méthodes
- Valider les entrées utilisateur en HTML5
- Valider les entrées utilisateur en JS
Gérer la mise en forme avec CSS
- Gérer le texte, le mode inline
- Gérer les blocs, le mode block
- Utiliser les sélecteurs : tags, classes, ids,
- Utiliser les sélecteurs : pseudo classes et pseudo éléments *
Découvrir Javascript
- Les tags et la syntaxe
- Accéder au DOM HTML à l’aide des tags, classes et ID
Positionner les blocs en CSS
- Mode ‘display’ block, none
- Le mode flottant
- Responsive design et media queries
- Le mode Flex
- Avec une grid Bootstrap
Interactions utilisateur en JS
- Fenêtre Alert
- Fenêtre Confirm
- Fenêtre Prompt
- Les événements onClick, onBlur, onChange, onSubmit, …
Le langage Javascript
- Variables, tableaux
- Les objets *
- Les structures de contrôle
- Les boucles *
- Les fonctions
Les API
- Intégrées : DOM, Audio, Vidéo,
- Canvas, Local storage, XMLHttpRequest *
- Externes : Twitter, Facebook *
Intégrer des éléments externes
- Iframes
- Les librairies externes
- Utilisation des composants Bootstrap *
- Les frameworks JS *
- Appels de fichiers en Ajax *
- Utilisation de jQuery *
- Introduction à jQuery UI *
Performances *
- Minifier un fichier JS/CSS
- Introduction à Sass et Less
Héberger une page web
- FTP upload/download
- Hébergement et domaine
Extras *
- Les PWA
- Introduction à WordPress
Exercice pratique
- Réaliser son CV en ligne
* : formation niveau avancé