Aller au contenu principal

Web front : HTML, CSS et JavaScript niveau 2

Développement 174 arrow small right Frontend

frontend web JavaScript CSS HTML Java

  • Durée

    3 jour(s)
  • Niveau

    Intermédiaire
  • Référence

    DE-096

Présentation

Vous avez débuté le développement web en utilisant les langages de programmation HTML, CSS et JavaScript. Vous avez réalisé avec succès plusieurs pages ou même des sites entiers, avec des composants comme des listes, des tableaux, des images, des transitions et animations. Vous avez pu utiliser JavaScript pour récupérer des contenus sur le web ou ajouter des contenus interactifs ou des validations avec des conditions et des boucles. C’est à ce moment que vous souhaitez passer à l’étape supérieure, en améliorant l’ensemble de vos connaissances dans le développement web.
Au cours de cette formation, vous perfectionnerez votre connaissance de HTML avec les contenus multimédia, SVG et les validations avancées de formulaires. Vous décuplerez les capacités de CSS avec les variables, les calculs et une utilisation avancée des requêtes média (media queries). Vous utiliserez les nouveautés d’ES6, de CommonJS avec JavaScript. Enfin, vous découvrirez différents préprocesseurs, bibliothèques et outils pour faciliter le développement web.

Objectifs de la formation

  • Savoir utiliser les fonctionnalités avancées des formulaires
  • Savoir afficher et piloter des contenus multimédias et SVG
  • Savoir utiliser les variables, calculs et media queries avec CSS
  • Découvrir et utiliser ES6 et CommonJS avec JavaScript
  • S’initier aux préprocesseurs CSS (LESS/SASS)
  • S’initier aux bibliothèques JS (Lodash, Moment.js, Axios)
  • Découvrir et utiliser des outils de facilitation (Emmet, ESLint)

Public

  • Toute personne travaillant ou souhaitant travailler dans le développement web

Prérequis

  • Des connaissances en HTML, CSS et JavaScript sont nécessaires (équivalente à la formation « Web front : HTML, CSS et JavaScript niveau 1 »)

Programme

1- HTML Avancé

Utilisation des balises audio et vidéo
Les codecs
Le sous-titrage
Validation avancée des formulaires
Les métadonnées HTML : initiation au SEO

2- CSS Avancé

Les variables
Les calculs
Les fonctions min/max/clamp
Design des validations de formulaire
Styliser des balises SVG

3- JavaScript avancé

Qu’est-ce que ES6 ?
Les mots-clés async et await
Les promesses
Opérateur de décomposition, lecture et affectation
JavaScript modulaire et CommonJS : historique, compatibilité et utilisation

4- Préprocesseurs, bibliothèques et outils

LESS/SASS : optimiser son développement CSS
Lodash, Moment.js et Axios : faciliter les actions courantes
Emmet et ESLint : développer rapidement et en respectant les standards

Date de dernière modification : 22/03/2024

Organisation

162 arrow small up 163 arrow small down

Modalités d'évaluation :

Questionnaires à choix multiples (QCM) en fin de formation. L'intervenant formulera également une appréciation sur vos acquis pour l'entièreté de la formation.

Moyens pédagogiques :

Formation alternant la théorie et la pratique, avec un intervenant présentant la formation en direct. Possibilité de réaliser cette formation en face-à-face dans nos locaux, dans vos locaux d'entreprise ou à distance via visioconférence.
Une fois terminée, vous disposerez d'une attestation de suivi de la formation, ainsi que des contenus de cours relatifs au contenu présenté.

Informations pratiques :

En cas de dispense dans nos locaux, le matériel informatique est fourni et l'ensemble des commodités sont accessibles. Nos locaux sont également accessibles aux personnes à mobilité réduite : découvrir notre centre.
Retrouvez toutes les informations pratiques pour préparer votre formation sur notre page dédiée : informations pratiques.

Ces formations pourraient vous intéresser

  • HTML5 et CSS3 : animations et responsive design

    Après avoir découvert les langages HTML et CSS permettant de réaliser notamment des sites web, cette formation vous propose de perfectionner vos connaissances dans ces deux langages.
    Depuis dix ans, la proportion de visiteurs …

    En savoir plus
  • Développement web : APIs navigateur

    Le terme « Web 2.0 » a débuté en 2004 pour signifier un changement de paradigme incluant notamment l’interopérabilité des contenus internet : ceux-ci doivent être lus par différents navigateurs, équipements, …

    En savoir plus
  • HTML5 et CSS3 : créer son site web

    Les sites internet sont devenus incontournables dans notre vie de tous les jours, et leur nombre est en constante évolution. Selon Internet Live Stats, plus de 1.9 milliards de sites internet sont en ligne (novembre 2021).
    Si de …

    En savoir plus