Développeur Web Front-end - 5 jours de cours en ligne

Chronologie du cours

1. Jour 1

   Session 1 : Introduction au HTML et au CSS

   • Configuration de l’environnement de développement et notions fondamentales du web
   • Structure HTML, éléments, balises et attributs
   • Concepts de développement mobile-first
   • Notions de base en CSS : sélecteurs, propriétés et mise en forme
   • Outils de développement Chrome et publication de sites web

   Session 2 : Éléments de texte

   • Titres, paragraphes et mise en forme du texte
   • Valeurs CSS, unités et polices web
   • Créer et styliser des listes ordonnées et non ordonnées

   Session 3 : Liens hypertexte

   • Créer des hyperliens et gérer les URL
   • Chemins relatifs et absolus
   • Fragments de document et liens vers des e-mails
   • Techniques de stylisation des liens

   Session 4 : Sélecteurs CSS avancés

   • Sélecteurs de type, de classe, d’ID et d’attribut
   • Pseudo-classes et pseudo-éléments
   • Combinateurs et groupes de sélecteurs
   • Cascade CSS, spécificité, héritage et règles @

2. Jour 2

   Session 5 : Structurer le contenu

   • Éléments de type bloc et en ligne
   • Le modèle de boîte CSS et le style des boîtes
   • Éléments HTML sémantiques
   • Sauts de ligne et règles horizontales
   • Introduction aux mises en page CSS Grid

   Session 6 : Multimédia et intégration

   • Travailler avec les images, les arrière-plans et les SVG
   • Formats vidéo, audio et multimédia
   • Figures, légendes et icônes
   • Intégrer du contenu externe à l’aide d’iframes et d’autres méthodes

   Session 7 : Tableaux

   • Création de lignes, de cellules et d’en-têtes de tableau
   • Fusion de cellules, groupes de colonnes et légendes
   • Balisage sémantique de tableau
   • Techniques de mise en forme des tableaux

   Session 8 : Formulaires

   • Créer et styliser des formulaires web
   • Libellés, champs de saisie, boutons et menus déroulants
   • Regroupement des champs de formulaire et attributs de validation
   • Envoi de données aux serveurs
   • Barres de progression et contrôles de formulaire avancés

3. Jour 3

   Session 9 : Techniques avancées de mise en page

   • Positionnement CSS, flottants, Flexbox et Grid
   • Principes de conception responsive
   • Requêtes de médias et de fonctionnalités
   • Médias responsives et modèles de mise en page modernes

   Session 10 : Styles CSS avancés

   • Coins arrondis, dégradés et arrière-plans
   • Ombres et effets de texte
   • Transformations, transitions et animations CSS
   • Techniques modernes de style visuel

   Session 11 : frameworks CSS et préprocesseurs

   • Vue d’ensemble des frameworks CSS et de leurs avantages
   • Options de frameworks populaires
   • Préprocesseurs CSS et fonctionnalités clés
   • Variables CSS et workflows modernes de stylisation

   Session 12 : UI/UX, SEO et optimisation des performances

   • Principes et bonnes pratiques de conception UI/UX
   • Fondamentaux du SEO et balises HTML essentielles
   • Optimisation du site web pour la vitesse et les performances
   • Améliorer l’expérience utilisateur et la visibilité dans les moteurs de recherche

4. Jour 4

   Session 13 : Introduction à JavaScript

   • Les bases de JavaScript et la configuration de l’environnement de développement
   • Intégrer JavaScript à HTML
   • JavaScript côté navigateur vs Node.js
   • Syntaxe, commentaires et notions de base sur le déploiement

   Session 14 : valeurs, variables et types de données

   • Les variables avec var, let et const
   • Nombres, chaînes de caractères, booléens, tableaux et objets
   • Typage dynamique et conversion de types
   • Opérations arithmétiques et littéraux de gabarit

   Session 15 : Fonctions

   • Déclarations de fonctions, expressions de fonctions et fonctions fléchées
   • Paramètres, valeurs de retour et arguments par défaut
   • Portée des fonctions et invocation
   • Travailler avec les fonctions intégrées

   Session 16 : Flux de programme et logique

   • Opérateurs et techniques de comparaison
   • Valeurs vraies et fausses
   • Instructions conditionnelles et boucles
   • Principes fondamentaux de la gestion des erreurs et du débogage

5. Jour 5

   Session 17 : Travailler avec les objets

   • Comprendre les structures et les propriétés des objets
   • Accéder aux données avec la notation par point et par crochets
   • Créer et utiliser des méthodes d’objet
   • Travailler avec le mot-clé this
   • Itérer sur les propriétés d’un objet
   • Explorer les méthodes intégrées des objets, tableaux et chaînes de caractères

   Session 18 : accès et manipulation du DOM

   • Comprendre le modèle objet de document (DOM)
   • Sélection et référencement des éléments HTML
   • Travailler avec les types de données du DOM
   • Modification du contenu et des attributs de la page
   • Création, insertion et suppression dynamique d’éléments

   Session 19 : Programmation événementielle

   • Comprendre les événements du navigateur et le flux d’événements
   • Enregistrer et gérer les écouteurs d’événements
   • Gérer les interactions utilisateur avec l’objet d’événement
   • Créer des expériences web réactives et interactives

   Session 20 : API du navigateur et fonctionnalités Web

   • Introduction aux API et aux fonctionnalités fournies par le navigateur
   • Utilisation des objets Date, Math, RegExp et JSON
   • Utilisation du stockage côté client et des services de géolocalisation
   • Accéder à des API de navigateur supplémentaires pour améliorer les applications web