Livret personnel de compétences

Formation Apprendre le HTML5 et CSS3 : niveau avancé

Ce livret personnel de compétences a pour objectif de permettre au stagiaire de suivre sa progression tout au long de la formation.
Il permet au stagiaire de se positionner par rapport aux compétences attendues à la fin de la formation.
Ce positionnement est personnel et s’enrichit au fil des apports et échanges avec le formateur.
Ce livret sera rempli tout au long de la formation par le stagiaire.
Les tableaux de compétences seront également remplis en parallèle par le formateur puisqu’ils serviront à établir un diagnostic final sur les connaissances acquises au cours de la formation.

Objet du référentiel pédagogique

Ce référentiel pédagogique présente l’ensemble des compétences évaluées dans les domaines et sous-domaines de la formation.
Il précise les compétences techniques attendues à la fin de la formation.

Résumé

Formation Apprendre le HTML5 et CSS3 : niveau avancé

Allez plus loin dans votre maîtrise du HTML5 er du CSS3

formation web html5 css3

Le HTML est un langage de balisage utilisé pour la création de pages Web, permettant notamment de définir des liens hypertextes. Le HTML 5 est la dernière version majeure du HTML. Les feuilles de style en cascade, généralement appelées CSS, forment un langage informatique qui décrit la présentation des documents HTML et XML. Le CSS3 est la dernière version majeure du CSS. Dans cette formation, vous allez apprendre les fonctions avancées du langage HTML5 et CSS3 pour le développement de documents Web adaptables et interactifs.

Objectif

A l’issue de la formation Formation Apprendre le HTML5 et CSS3 : niveau avancé, diverses compétences vous seront transmises, notamment :
  • Développer une culture sur les langages Web
  • Comprendre la structuration d’une page HTML 5
  • Utiliser les fonctions avancées des langages HTML5 et CSS3
  • Tester les nouveautés HTML 5 et CSS 3

Les prérequis

Maîtriser l’environnement de Windows ou Mac et la micro-informatique est nécessaire pour suivre cette formation, de même que des connaissances de base des concepts et technologies du logiciel : un bilan préformation sera établi.

Public concerné

Toute personne souhaitant développer ses compétences.

Outils et moyens pédagogiques

Matériel requis : Ordinateur, connexion Internet, navigateur web à jour, si la formation porte sur un logiciel spécifique, vous devez avoir une version de celui-ci. En cas de formation en présentiel, un PC avec les logiciels nécessaires pourra vous être prêté le temps de la formation.
Plateformes utilisées : outils collaboratifs (Google Docs, Drive pour échanges de fichiers), échange de mail, site web spécifique pour envoi de gros fichiers
Supports fournis : supports PDF, modèles de sites, bibliothèques d’exemples

Suivi et évaluation

Feuille d’émargement signée. Une attestation de fin de stage est délivrée. Exercices pratiques tout au long de la formation. Une évaluation pratique & théorique sera réalisée en fin de parcours.

Les points forts

Formation réalisable à distance,
en présentiel ou un mix des deux.

Formation sur mesure et adaptée.

Avancement à votre rythme
Devenez autonomes !

Accessibilité

Pour les personnes en situation de handicap,
Vous pouvez consulter cette page pour vous orienter au mieux.

Délai d'accès

Variable en fonction de votre statut et du financement de la formation. Pour en savoir plus, contactez-nous

Si formation à distance

Dispositif d’exécution utilisé pour la visio : Nous utiliserons de préférence Google Meet, en cas de problème ou changement nous pouvons passer par Microsoft Teams, Zoom, Skype.
Dispositif mis en place pour échanger : Le formateur reste disponible par mail entre les séances pour toutes éventuelles question

Durée de la formation

Se référer au devis

Modalité d'execution

Se référer au devis

Progression pédagogique

Phase 1 – Analyse du niveau et cadrage des objectifs
– Test de positionnement initial
– Identification des besoins spécifiques du participant
– Définition des objectifs opérationnels
– Présentation du déroulé et des modalités d’évaluation
Objectif : adapter le parcours et sécuriser la progression.

Phase 2 – Acquisition ou révision des fondamentaux
– Apports théoriques structurés
– Présentation des concepts clés
– Démonstrations guidées
– Exercices simples d’application
Objectif : maîtriser les bases indispensables.

Phase 3 – Approfondissement et mise en pratique
– Exercices progressifs
– Études de cas
– Manipulations en autonomie encadrée
– Résolution de problématiques concrètes
Objectif : développer l’autonomie opérationnelle.

Phase 4 – Consolidation des compétences
– Travaux pratiques complets
– Mises en situation professionnelles
– Correction individualisée
– Ajustement pédagogique selon les difficultés rencontrées
Objectif : sécuriser les acquis et combler les écarts.

Phase 5 – Évaluation finale et préparation à la certification (le cas échéant)
– Simulation d’épreuve
– Quiz ou cas pratique de synthèse
– Analyse des résultats
– Préconisations personnalisées
Objectif : valider la capacité à mobiliser les compétences acquises.

En Bref

Modalités d'accompagnement pédagogique

L’accompagnement comprend

– Un test de positionnement initial permettant d’adapter le parcours
– Un entretien de cadrage pédagogique en début de formation
– Un suivi continu durant les séances (feedback immédiat, corrections guidées)
– Un temps de questions/réponses en début de chaque session (10 à 15 minutes). Votre formateur vous pose quelques questions pour repérer ce qui a été retenu du cours précédent et fait une piqûre de rappel en cas de besoin
– Une disponibilité du formateur par email entre les séances (sous 48h ouvrées)
– Un point intermédiaire à mi-parcours
– Un bilan final de préparation à la certification

Encadrement

– Le formateur est là pour vous, il vous accompagne tout au long du processus
– Accompagnement individualisé en cas de difficulté
– Adaptation des exercices au niveau du candidat
– Tout en dirigeant cette formation, il s’adapte à votre rythme, à votre besoin

Modes d’évaluation de la progression

L’évaluation se fait tout au cours de la formation. Une fois un point du programme vu, un retour d’information oral peut s’effectue ou plus fréquemment une manipulation par le stagiaire pour voir si le point est compris et acquis.

La théorie, mais surtout la pratique est de mise pour atteindre l’objectif fixé

La durée annoncée de chaque module est la durée minimum, elle peut être allongée si nécessaire au bon déroulement de la formation.

Contenu de la formation

Module 1 – L’environnement du Web | 3h

  • Internet, le Web et son fonctionnement
  • Distinguer les principaux navigateurs : Google Chrome, Mozilla Firefox, Opera, Safari, Internet Explorer
  • L’importance du référencement
  • Connaitre les principaux : Google, Yahoo, Bing
  • Les sites vitrines / sites de ventes en ligne
  • La mutation des modes de communication
  • Les évolutions du Web 1.0 au Web collaboratif

Module 2 – Rappel des notions de base | 3h

  • Les différents types de langage : Php, JavaScript, MySQL…
  • Diversité des terminaux d’affichage : desktop, tablette, smartphone…
  • Choisir un type de développement pour un type de site
  • Changements, interprétations de chaque navigateur
  • Les normes W3C
  • Rappels sur le référencement interne
  • Structure d’un document HTML5
  • Séparation entre contenu, présentation et interactions
  • Déclaration de type de document (DTD)
  • Rappel sur les syntaxes HTML et CSS3

Module 3 – Les nouveautés de HTML5 et CSS3 | 3h

  • Les nouvelles balises sémantiques et les APIs
  • Balises audio et vidéo (supports et formats)
  • Principe général de la géolocalisation
  • Stockage local et stockage de session
  • Canvas, SVG et Javascript
  • Animations, filtres et fonctions avec CSS3

Module 4 – Principes du Responsive Web Design | 7h

  • Différence entre résolution et taille d’affichage
  • L’interface utilisateur (UI) et expérience utilisateur (UX)
  • Détection du navigateur, du terminal, des fonctionnalités
  • Mise en page fluide et adaptative
  • Principe des media queries CSS
  • Faire la différence entre viewport et screen
  • Points de rupture et règles conditionnelles
  • Menus adaptatifs
  • Tableaux et formulaires flexibles
  • Entête HTTP et chaîne User-Agent

Module 5 – Les formulaires HTML5 | 6h

  • Concevoir et utiliser un formulaire HTML 5
  • Eléments de formulaire HTML 5
  • Les zones de saisie basiques et enrichies
  • Les éléments d’options : les cases à cocher…
  • Finaliser et envoyer le formulaire

Module 6 – Structure et positionnement de sa page | 7h

  • Les balises structurantes de HTML5 : header, footer, nav…
  • Les balises de type block et inline
  • Gestion des dimensions : pourcentage, pixel…
  • Gestion des marges : margin, padding…
  • Le positionnement flottant
  • Transformer ses éléments grâce à « display »
  • Les différents types de positionnement : absolu, fixe et relatif5
Domaine A ECA NA Remarque
Module 1 - L’environnement du Web
Module 2 - Rappel des notions de base
Module 3 - Les nouveautés de HTML5 et CSS3
Module 4 - Principes du Responsive Web Design
Module 5 - Les formulaires HTML5
Module 6 - Structure et positionnement de sa page

A = Acquis
ECA = En cours d’acquisition
NA = Non acquis

Avis des apprenants

Moyenne des notes de ce programme :

Aucun avis/5

Nombre de votant :

0