Formation AMP HTML

AMP HTML
Le format AMP (Accelerated Mobile Pages) a été conçu Google. Il permet de concevoir des pages et des sites web adaptées aux mobiles avec des temps de chargement impressionnant.

Financer ma formation Obtenir un devis


Le programme de formation détaillé


Personnalisation:
Le programme peut être modifié en fonction de vos besoins et de vos objectifs sur le contenu, la durée et les modalités.

Introduction Jour 1

  • Qu'est ce que le format AMP ?
  • Intérêt du format
  • Différences entre les pages HTML et AMP
  • Les bonnes pratiques
  • Le matériel et les logiciels

Les pages AMP Jour 1

  • Structure de base d'une page AMP
  • Les balises obligatoires
  • Les métadonnées facultatives
  • La détection est la distribution
  • La gestion du contenu
  • Les images
  • Les vidéos
  • L'audio
  • Prévisualiser
  • Tester la page
  • Les outils de validation du code
  • Les messages d'erreur

Personnalisation de la page avec du CSS Jour 1

  • Le CSS dans les pages AMP
  • Ce qui est autorisé et ce qui est interdit
  • Utiliser les préprocesseurs CSS
  • Les animations et les tarnsitions
  • Valider le CSS

Rendre visible les pages Jour 1

  • Associer du contenu AMP
  • Ajouter des données structurées
  • Valider les données structurées
  • Événements spécifiques aux éléments

Ajout de fonctionnalités avancées Jour 2

  • Les composants
  • Les types de composant
  • Quelques composants :
    • Annonces : amp-ad
    • Vidéo YouTube : amp-youtube
    • Twitter : amp-twitter
    • Carrousel : amp-carousel
    • Suivi de l'engagement : amp-analytics
    • Barre de navigation
  • Ajout de polices personnalisées

Actions et événements Jour 2

  • Gérer plusieurs événements
  • Plusieurs actions pour un événement
  • Événements et actions définis de manière globale
  • Actions spécifiques aux éléments

Attributs d'élément communs Jour 2

  • fallback
  • heights
  • layout
  • media
  • noloading
  • on
  • placeholder
  • sizes
  • width et height

Les fonctionnalités expérimentales Jour 2

  • Activer les fonctionnalités expérimentales
  • Les composants expérimentaux
  • Les risques liés aux fonctionnalités expérimentales

Créer des pages AMP responsives Jour 2

  • Créer des images responsives
  • Ajouter des styles à une page
  • Mises en page compatibles
  • Caractères de remplacement et solutions de secours
  • Images interactives

Créer des pages web interactives Jour 2

  • Configuration de base
  • Bien démarrer
  • Amélioration de l’interactivité
  • Travailler avec des données distantes

Formation ajoutée le 01/07/2022.

Pré-requis

Avoir des bases sur le HTML et le CSS

Public

Intégrateur, développeur, webmaster, référenceur ou toute personne motivée souhaitant créer des pages au format AMP.

Objectifs :

Etre en mesure de concevoir des pages et sites web au format HTML AMP.

Moyens pédagogiques :

Un PC par personne, le formateur diffuse son écran sur un vidéo-projecteur ou télévision grand écran
Un groupe de maximum 5 personnes en inter-entreprise.
En distanciel : Utilisation de Zoom ou Teams avec partage d'écran, chat, audio et vidéo en temps réel. Exposé théorique, suivi d'une mise en pratique.

Moyens pour suivre l’exécution de l’action :

  • La présence du stagiaire est vérifiée par le formateur à l'aide d'une feuille de présence signée par demi-journées

Moyens pour en apprécier les résultats :

  • A la fin de la formation, le stagiaire complète une évaluation à chaud (Permettant d'évaluer la qualité de la prestation)
  • Puis, il complète avec le formateur une évaluation des acquis (Permettant de déterminer les points acquis, non acquis ou en cours d'acquisition)
  • Quelques mois après la formation, le donneur d'ordre complète une évaluation à froid (Permettant de d'assurer que la formation a pu être mise en pratique)

Profil formateur :

Formateur, développeur spécialiste des langages du web.

Accueil et accès des personnes en situation de handicap :

Contacter Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com

Délai d'accès :

En intra-entreprise : En fonction de vos disponibilités et celles de nos formateurs.
En inter-entreprise : En fonction des sessions que nous avons programmé, consultable en cliquant ici

Evaluation : Aucune note pour cette formation entre 2022 et 2024.

Personne à contacter :

Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com

Pour toute demande de financement auprès de votre OPCO ou Pôle Emploi vous aurez besoin du programme détaillé de formation.