Accueil>Formations courtes>Les bases de HTML, CSS et JavaScript

Les bases de HTML, CSS et JavaScript

Créer des sites web modernes répondant aux attentes des utilisateurs et moteurs de recherche.

Description de la Template formation courte

Description de la formation Les bases de HTML, CSS et JavaScript

Cette formation sur les bases du développement front-end est conçue pour des personnes souhaitant se professionnaliser dans le développement HTML, CSS, et JavaScript. Elle couvre les concepts fondamentaux essentiels pour la création de sites web interactifs et accessibles.   Les participants apprendront à structurer le contenu avec HTML, à styliser les pages avec CSS, et à ajouter de l'interactivité avec JavaScript. 

Cette formation met également l'accent sur l'optimisation pour le référencement (SEO), la mise en page pour différents appareils (responsive), et l'accessibilité pour garantir que les sites web sont utilisables par tous (RGAA).   

Objectifs

A l'issu de cette formation, les participants seront en mesure de :

  • Appréhender la syntaxe des langages HTML, CSS et JavaScript  
  • Mettre en place d’un environnement de développement web 
  • Développer des pages web dynamiques
  • Optimiser ses pages pour le référencement et l'accessibilité
  • 5 jours (35 heures)
  • Référence : HTM1

Sessions INTER

  • A distance ou en présentiel
  • 2500 € HT

INTRA ENTREPRISE

  • Dans vos locaux ou à distance

Cette formation sur les bases du développement front-end est conçue pour des personnes souhaitant se professionnaliser dans le développement HTML, CSS, et JavaScript. Elle couvre les concepts fondamentaux essentiels pour la création de sites web interactifs et accessibles.   Les participants apprendront à structurer le contenu avec HTML, à styliser les pages avec CSS, et à ajouter de l'interactivité avec JavaScript. 

Cette formation met également l'accent sur l'optimisation pour le référencement (SEO), la mise en page pour différents appareils (responsive), et l'accessibilité pour garantir que les sites web sont utilisables par tous (RGAA).   

Objectifs

A l'issu de cette formation, les participants seront en mesure de :

  • Appréhender la syntaxe des langages HTML, CSS et JavaScript  
  • Mettre en place d’un environnement de développement web 
  • Développer des pages web dynamiques
  • Optimiser ses pages pour le référencement et l'accessibilité

A qui s’adresse cette formation ?

Pour qui ?

Développeur back ou webmaster/communiquant souhaitant maîtriser les bases du développement web front-end

Prérequis

Bonne connaissance de la micro-informatique 

Programme

Introduction à l'Éditeur de Code Visual Studio Code 

  • Présentation de Visual Studio Code 
  • Configuration de l'éditeur : linter, formatter, raccourcis clavier

Introduction à HTML 

  • Historique du web 
  • Anatomie d’une requête HTTP 
  • Les balises de base du HTML 
  • Les principaux apports du HTML 5 
  • L’importance du HTML pour le SEO 
  • L’importance du HTML pour l’accessibilité 
  • Le web sémantique 
  • Introduction aux « web components » 
  • Mise en application / TP

Introduction à CSS 

  • Historique de CSS 
  • Le principe de la cascade 
  • Import de styles externes 
  • Les sélecteurs, les pseudos-class 
  • Les principales propriétés des CSS1, 2 et 3 
  • Les animations (transitions et keyframes) 
  • Le responsive avec les média queries 
  • Tests de responsive design 
  • Les fonctions (calc, rgba, linear-gradient, etc.) 
  • Le préprocesseur SASS (imbrication, variables, mixins, imports) 
  • Méthode BEM pour organiser son code
  • Mise en application / TP

Introduction à JavaScript 

  • Historique de JavaScript 
  • Instructions, expressions et structures de contrôle 
  • Variables (déclaration, portée, types, nommage) 
  • Les fonctions (fonctions fléchées, callbacks, fonctions anonymes immédiates, closures) 
  • Les objets, les prototypes, les nouvelles syntaxes de class, l’héritage, l’encapsulation, le polymorphisme 
  • Les tableaux et les principales méthodes associées 
  • Le DOM 
  • La gestion des événements 
  • La gestion des formulaires avec l’objet FormData 
  • La gestion des exceptions 
  • L’asynchrone avec les promesses, XMLHttpRequest et fetch
  • Mise en application / TP

Performance et Optimisation 

  • Techniques de mise en cache 
  • Minification et compression 

Accessibilité Web 

  • Principes d'accessibilité et découvertes des principaux critères du RGAA 
  • TP : Testez votre site avec des outils d'accessibilité 

SEO et Analytics 

  • Techniques SEO pour le HTML 
  • Utilisation des outils d'analyse web 
  • Analyse des performances SEO 

Web Components et Custom Elements 

  • Introduction aux Web Components 
  • Création de Custom Elements 
  • Découverte du Shadow DOM
  • Mise en application / TP

Bilan de fin de formation et évaluation des acquis

Le(s) formateur(s) préssenti(s)

Christophe

Expert IT

Christophe G

Après bientôt 25 ans d'expertise et d'enseignement, Christophe maitrise un très large spectre de compétences front et back, Big Data ainsi qu'en termes de méthodologies agiles et gestion de projet.  Christophe saura vous faire profiter de ses nombreux retours d'expérience.

Yvan

Expert Javascript

Yvan DOUENEL

Professionnel du web depuis 1998, Yvan maîtrise aussi bien les aspects purement techniques que méthodologiques.  Fondateur de Coopernet, Yvan est aujourd'hui coordinateur pédagogique et Expert Front-end à Diginamic. Il prend beaucoup de plaisir à partager son expérience lors de formations.

Sessions et réservation

Dates Lieu Prix Durée  
Aucune session n'est programmée

Un besoin spécifique ? contactez-nous !