Développement d'interfaces pour sites parallaxes

Objectifs

Cette formation permet de préparer les éléments de conceptions d'un projet de site avec des effets parallaxes. Mettre en place les effets avec la mécanique CSS, envisager une approche javascript

Public

Développeurs, intégrateurs

Durée

14 heures en présentiel sur 2 jours

Pré-requis

Coder en HTML et en JavaScript est indispensable pour suivre cette formation. Identifier les fondamentaux du langage HTML5 et CSS3 est nécessaire.

Formateur

Formateur expérimenté, développeur de site Web, et spécialiste du Web.

Méthode pédagogique

8 participants maximum, un poste par stagiaire et un support de cours est remis en fin de stage. La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices.

Modalité de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage.

Déroulé

Conception du projet

  • Qu'est ce que le parallaxe ?
  • Identifier les avantages et les limites
  • Exemple de sites, les tendances

Structuration de la page

  • Organisation des blocs d'affichage
  • Structuration des éléments de la page

Approche HTML 5 et CSS3

  • Créer les CSS de base
  • Création des styles CSS3
  • Définition des effets de parallaxe
  • Propriété : transform, perspective, overflow, transition
  • Envisager la navigation

Mise en application avec différents CSS


Approche Javascript

  • Envisager le javascript natif
  • Utiliser un plugin jquery de parallaxe
  • Définir les fonctionnalités du plugin

Mise en application avec Javascript