Apprenez à créer et à insérer des éléments dynamiques sur une page HTML. À la fin de cette formation, vous saurez également optimiser la présentation d’une page.
Pour qui ?
- Développeurs
- Concepteurs
- Chefs de projet
- Directeurs de projet
- Développeurs
- Concepteurs
- Chefs de projet
- Directeurs de projet
Prérequis
- Ordinateur/Téléphone
- Mobile/Tablette
- Réseau Internet
- Connaître le langage HTML5 et CSS3
- Ordinateur/Téléphone
- Mobile/Tablette
- Réseau Internet
- Connaître le langage HTML5 et CSS3
Objectifs
- Apprendre le JavaScript et aller encore plus loin dans la programmation
- Les ancres fluides, le lazy loading, les apparitions progressives au scroll ou les parallaxes verticaux et horizontaux, des fonctions qui donnent de la fluidité à votre site
- Intégrer de l’audio et de la vidéo HTML5 en gérant l’avance de la vidéo ou en installant un arrière-plan en vidéo full-screen
- Réaliser des menus modernes : déroulant avec transition ou menu accordéon, menu masqué/affiché
- Présenter des images avec un slider, une lightbox ou un effet flip card
- Intégrer des fonctions comme la géolocalisation ou le « drag and drop » à votre site
- Apprendre le JavaScript et aller encore plus loin dans la programmation
- Les ancres fluides, le lazy loading, les apparitions progressives au scroll ou les parallaxes verticaux et horizontaux, des fonctions qui donnent de la fluidité à votre site
- Intégrer de l’audio et de la vidéo HTML5 en gérant l’avance de la vidéo ou en installant un arrière-plan en vidéo full-screen
- Réaliser des menus modernes : déroulant avec transition ou menu accordéon, menu masqué/affiché
- Présenter des images avec un slider, une lightbox ou un effet flip card
- Intégrer des fonctions comme la géolocalisation ou le « drag and drop » à votre site
Programme
Initiation javascript et jQuery
- Installer et utiliser MAMP
- Initiation à javascript – des premières fonctions simples
- Initiation à javascript – des fonctions complexes
- Initiation à jQuery – les bases
- Initiation à jQuery – les animations
Déplacements et apparition
- Les ancres fluides jq
- Le lazy loading
- Apparition progressive au scroll
- Parallaxe verticale
- Parallaxe horizontale
Gestion audio et vidéo
- La gestion de l’élément video
- Getion de l’avance de la video
- La gestion de l’élément audio
- Un arrière-plan en video full-screen
- Gérer l’avance de la video à la souris
Réaliser des menus
- Un menu déroulant avec transition
- Un menu accordéon
- Un menu masqué / affiché
Présenter des images
- Un slider complet
- Une lightbox
- Gérer le préchargement d’images
- Un flip card
- Technologie Ajax
- Charger une page en ajax
Les formulaires
- Valider un formulaire avec Validate
Les images
- Les filtres CSS3
- Balise Canvas création d’un Context
- Balise Canvas transformation de l’image
Autres
- Géolocalisation
- Conserver localstorage
- Drag and Drop
Initiation javascript et jQuery
- Installer et utiliser MAMP
- Initiation à javascript – des premières fonctions simples
- Initiation à javascript – des fonctions complexes
- Initiation à jQuery – les bases
- Initiation à jQuery – les animations
Déplacements et apparition
- Les ancres fluides jq
- Le lazy loading
- Apparition progressive au scroll
- Parallaxe verticale
- Parallaxe horizontale
Gestion audio et vidéo
- La gestion de l’élément video
- Getion de l’avance de la video
- La gestion de l’élément audio
- Un arrière-plan en video full-screen
- Gérer l’avance de la video à la souris
Réaliser des menus
- Un menu déroulant avec transition
- Un menu accordéon
- Un menu masqué / affiché
Présenter des images
- Un slider complet
- Une lightbox
- Gérer le préchargement d’images
- Un flip card
- Technologie Ajax
- Charger une page en ajax
Les formulaires
- Valider un formulaire avec Validate
Les images
- Les filtres CSS3
- Balise Canvas création d’un Context
- Balise Canvas transformation de l’image
Autres
- Géolocalisation
- Conserver localstorage
- Drag and Drop
Les points forts
Un parcours distanciel personnalisé. Une pédagogie actionnelle avec des experts sélectionnés en fonction de vos besoins. Des exercices et des ressources sur votre espace personnel pour progresser plus vite
Un parcours distanciel personnalisé. Une pédagogie actionnelle avec des experts sélectionnés en fonction de vos besoins. Des exercices et des ressources sur votre espace personnel pour progresser plus vite
Les formateurs
Nos formateurs sont certifiés et experts-métiers
Nos formateurs sont certifiés et experts-métiers
L'ESSENTIEL
Modalités
Financement
Accessibilité
Toutes nos formations sont accessibles aux personnes à mobilité réduite. Outre l’accessibilité physique de l’ensemble de nos locaux, la mise en place d’adaptations matérielles spécifiques est prévue pour les personnes : malvoyantes, malentendantes, ou souffrant de troubles d’apprentissage du DYS.
Un accompagnement adapté lors du passage des certifications est également prévu.
Délai de lancement
Le lancement de nos formations s’effectue au plus tard dans les 72 h suivant la validation du dossier.
Modalités d'évaluation
- En début de formation, une évaluation de positionnement initiale, à l’oral et / ou l’écrit.
- Durant la formation, une évaluation continue de la progression.
- En fin de formation, une évaluation finale pour attester des progrès réalisés.
Certifications
Accessibilité
Toutes nos formations sont accessibles aux personnes à mobilité réduite. Outre l’accessibilité physique de l’ensemble de nos locaux, la mise en place d’adaptations matérielles spécifiques est prévue pour les personnes : malvoyantes, malentendantes, ou souffrant de troubles d’apprentissage du DYS.
Un accompagnement adapté lors du passage des certifications est également prévu.
Délai de lancement
Le lancement de nos formations s’effectue au plus tard dans les 72 h suivant la validation du dossier.
Modalités d'évaluation
- En début de formation, une évaluation de positionnement initiale, à l’oral et / ou l’écrit.
- Durant la formation, une évaluation continue de la progression.
- En fin de formation, une évaluation finale pour attester des progrès réalisés.
Certifications
Contactez-nous pour plus d'information