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 ?
Tout public souhaitant acquérir un niveau avancé sur JavaScript
Tout public souhaitant acquérir un niveau avancé sur JavaScript
Prérequis
- Ordinateur/Téléphone
- Mobile/Tablette
- Réseau Internet
- Connaître le langage HTML5 et CSS3
- Avoir un accès au logiciel Java et Query
- Ordinateur/Téléphone
- Mobile/Tablette
- Réseau Internet
- Connaître le langage HTML5 et CSS3
- Avoir un accès au logiciel Java et Query
Objectifs
- Maîtriser les fonctionnalités avancées de JavaScript ES6
- Savoir construire une application utilisant les features avancées de JavaScript
- Parcourir et modifier le DOM avec la bibliothèque JQuery
- Gérer les API JavaScript HTML5
- Utiliser JavaScript pour différents cas d’usage
- Appréhender le développement côté serveur avec Nodejs
- Maîtriser le débogage
- Comprendre en profondeur la Programmation Orientée Objet
- Maîtriser les fonctionnalités avancées de JavaScript ES6
- Savoir construire une application utilisant les features avancées de JavaScript
- Parcourir et modifier le DOM avec la bibliothèque JQuery
- Gérer les API JavaScript HTML5
- Utiliser JavaScript pour différents cas d’usage
- Appréhender le développement côté serveur avec Nodejs
- Maîtriser le débogage
- Comprendre en profondeur la Programmation Orientée Objet
Programme
- Javascript avancé asynchrone
- Les fonctions asynchrones de JavaScript
- Promises et callbacks asynchrones
- Programmation asynchrone avec async/await
- Trouver des mots-clés
- Expression de fonction asynchrone
- POO en javascript avancé
- Comprendre la programmation orientée objet ?
- Classes objet
- Utilisation des objets
- Définir des modèles objet
- Instanciation : créer des objets à partir d’une classe
- Déplacement de souris avec javascript
- Comment fonctionnent les Rollovers ?
- Shelley Biotech
- Pré chargement des images
- Souris et sous-menus
- Souris et feuilles de style
- Événements de mouseover
- Récapitulatif
- Modification dynamique de la configuration des tables
- Modification dynamique de la configuration des tables
- Création de rapports de base
- Configuration avancée des tableaux
- Remplacement des cartes d’images
- Scénario de remplacement
- Cartes d’images multiples en HTML
- Informations sur les cartes d’images en JavaScript
- Syntaxe avancée avec javascript
- ES6
- IIFE avancé
- Modules Pattern
- Menu déroulant
- Navigation
- Modification du contenu des menus
- Présentation de l’ensemble du code
- Champs de texte, cases à cocher, boutons radio et zones de texte
- Copier des champs de texte avec des cases à cocher
- Boutons radio et zones de texte
- Validation des formulaires
- Fournir des informations
- Passer d’une liste non ordonnée à une liste ordonnée
- Insertion d’éléments de ligne dans des positions spécifiques
- Validation des données de l’utilisateur
- Validation des numéros de carte de crédit
- DOM
- Introduction aux APIs web
- Détail sur une bonne architecture du DOM
- Les dernières nouveautés de HTML5
- Les dernières nouveautés de CSS3
- Manipuler le DOM avec les APIs HTML5
- Les AO
- Le W3C DOM
- Objets d’événement
- La genèse des événements
- Gestion des événements du navigateur
- Propagation des événements
- Se référer à l’objet événement
- Composants de la Palette Man
- Ajout de fonctionnalités
- Rotation des couleurs
- Menus hiérarchiques
- HierMenus
- Les tableaux
- DOM et fonctions principales
- HM_ScriptDOM
- Menus hiérarchiques
- Comportement des menus
- Déplacement des couches
- Arrière-plan
- Événements et objets
- Faire glisser le code
- L’ensemble du processus
- Expressions régulières
- Introduction aux Expressions Régulières
- Création d’expressions régulières
- Propriétés des objets d’expressions régulières
- Exécution d’expressions régulières
- Tester, lire et remplacer du texte avec des expressions régulières
- Javascript avancé et Actionscript
- Qu’est-ce qu’ActionScript ?
- Appeler JavaScript en utilisant getURL
- FSCommand
- Foldertree – Création de l’arborescence
- Objectif de FolderTree
- Création de dossiers et de liens
- Création de sous-dossiers
- Ajout de documents/liens
- FolderTree : Affichage de l’arbre
- Affichage de l’arbre
- Dessiner les couches
- FolderTree : Finition de l’arbre
- Dessiner l’arbre
- Ouvrir et fermer des dossiers
- Défilement des actualités
- Glissière des calques
- Bibliothèque JQuery
- Développement côté client
- Modifier et gérer le DOM
- Interaction de JQuery avec le HTML
- Création des animations
- Gestion des événements
- Ajouter/supprimer les nœuds
- Éléments et nœuds
- Structure et syntaxe
- Les symboles spéciaux et les commentaires
- Code FolderTree
- ftexample.html
- folderTreeFrameGauche.html
- startPage.html
- defineMyTree.js
- Introduction à node.js
- L’histoire de Node
- Les fonctionnements du Framework et son utilité
- Les différents modules
- Package.json
- Installation
- Créer une application avec Nodejs
- Débogage en Javascript
- Débogage côté serveur/client
- Parcourir le code JavaScript
- Comment démarrer le débogueur ?
Pour faciliter l’acquisition de la compétence et sa transférabilité sur le poste de travail, trois différents contenus sont mis à disposition de l’apprenant sur son espace dédié, en complément de sa formation :
Un parcours e-learning : Réalisé avant ou après une session avec un formateur, chaque module correspond à une fonctionnalité à maîtriser du programme. L’ensemble des modules constitue un parcours qui renforce l’ancrage.
Des tutoriels de courte durée : Selon la logique du support formatif, ces vidéos aident l’apprenant confronté à une difficulté à la résoudre en toute autonomie 24/7 mais aussi à acquérir la fonctionnalité ou l’usage concerné.
Des vidéos d’exercices : En reprenant pas à pas chaque étape de la correction, l’apprenant progresse à travers une illustration pratique de la mise en œuvre de la fonctionnalité ou de l’usage.
Ces contenus e-formation sont disponibles dans l’espace dédié de l’apprenant. Ils complètent efficacement les sessions synchrones avec un formateur.
- Javascript avancé asynchrone
- Les fonctions asynchrones de JavaScript
- Promises et callbacks asynchrones
- Programmation asynchrone avec async/await
- Trouver des mots-clés
- Expression de fonction asynchrone
- POO en javascript avancé
- Comprendre la programmation orientée objet ?
- Classes objet
- Utilisation des objets
- Définir des modèles objet
- Instanciation : créer des objets à partir d’une classe
- Déplacement de souris avec javascript
- Comment fonctionnent les Rollovers ?
- Shelley Biotech
- Pré chargement des images
- Souris et sous-menus
- Souris et feuilles de style
- Événements de mouseover
- Récapitulatif
- Modification dynamique de la configuration des tables
- Modification dynamique de la configuration des tables
- Création de rapports de base
- Configuration avancée des tableaux
- Remplacement des cartes d’images
- Scénario de remplacement
- Cartes d’images multiples en HTML
- Informations sur les cartes d’images en JavaScript
- Syntaxe avancée avec javascript
- ES6
- IIFE avancé
- Modules Pattern
- Menu déroulant
- Navigation
- Modification du contenu des menus
- Présentation de l’ensemble du code
- Champs de texte, cases à cocher, boutons radio et zones de texte
- Copier des champs de texte avec des cases à cocher
- Boutons radio et zones de texte
- Validation des formulaires
- Fournir des informations
- Passer d’une liste non ordonnée à une liste ordonnée
- Insertion d’éléments de ligne dans des positions spécifiques
- Validation des données de l’utilisateur
- Validation des numéros de carte de crédit
- DOM
- Introduction aux APIs web
- Détail sur une bonne architecture du DOM
- Les dernières nouveautés de HTML5
- Les dernières nouveautés de CSS3
- Manipuler le DOM avec les APIs HTML5
- Les AO
- Le W3C DOM
- Objets d’événement
- La genèse des événements
- Gestion des événements du navigateur
- Propagation des événements
- Se référer à l’objet événement
- Composants de la Palette Man
- Ajout de fonctionnalités
- Rotation des couleurs
- Menus hiérarchiques
- HierMenus
- Les tableaux
- DOM et fonctions principales
- HM_ScriptDOM
- Menus hiérarchiques
- Comportement des menus
- Déplacement des couches
- Arrière-plan
- Événements et objets
- Faire glisser le code
- L’ensemble du processus
- Expressions régulières
- Introduction aux Expressions Régulières
- Création d’expressions régulières
- Propriétés des objets d’expressions régulières
- Exécution d’expressions régulières
- Tester, lire et remplacer du texte avec des expressions régulières
- Javascript avancé et Actionscript
- Qu’est-ce qu’ActionScript ?
- Appeler JavaScript en utilisant getURL
- FSCommand
- Foldertree – Création de l’arborescence
- Objectif de FolderTree
- Création de dossiers et de liens
- Création de sous-dossiers
- Ajout de documents/liens
- FolderTree : Affichage de l’arbre
- Affichage de l’arbre
- Dessiner les couches
- FolderTree : Finition de l’arbre
- Dessiner l’arbre
- Ouvrir et fermer des dossiers
- Défilement des actualités
- Glissière des calques
- Bibliothèque JQuery
- Développement côté client
- Modifier et gérer le DOM
- Interaction de JQuery avec le HTML
- Création des animations
- Gestion des événements
- Ajouter/supprimer les nœuds
- Éléments et nœuds
- Structure et syntaxe
- Les symboles spéciaux et les commentaires
- Code FolderTree
- ftexample.html
- folderTreeFrameGauche.html
- startPage.html
- defineMyTree.js
- Introduction à node.js
- L’histoire de Node
- Les fonctionnements du Framework et son utilité
- Les différents modules
- Package.json
- Installation
- Créer une application avec Nodejs
- Débogage en Javascript
- Débogage côté serveur/client
- Parcourir le code JavaScript
- Comment démarrer le débogueur ?
Pour faciliter l’acquisition de la compétence et sa transférabilité sur le poste de travail, trois différents contenus sont mis à disposition de l’apprenant sur son espace dédié, en complément de sa formation :
Un parcours e-learning : Réalisé avant ou après une session avec un formateur, chaque module correspond à une fonctionnalité à maîtriser du programme. L’ensemble des modules constitue un parcours qui renforce l’ancrage.
Des tutoriels de courte durée : Selon la logique du support formatif, ces vidéos aident l’apprenant confronté à une difficulté à la résoudre en toute autonomie 24/7 mais aussi à acquérir la fonctionnalité ou l’usage concerné.
Des vidéos d’exercices : En reprenant pas à pas chaque étape de la correction, l’apprenant progresse à travers une illustration pratique de la mise en œuvre de la fonctionnalité ou de l’usage.
Ces contenus e-formation sont disponibles dans l’espace dédié de l’apprenant. Ils complètent efficacement les sessions synchrones avec un formateur.
Les points forts
- Formations sur mesure : Les apprenants bénéficient d’un programme adapté spécifiquement à leurs besoins et objectifs, optimisant ainsi leur temps d’apprentissage.
- Apprentissage ciblé : Les formations personnalisées se concentrent sur les compétences et les domaines où les apprenants ont besoin de se perfectionner, maximisant ainsi leur progression.
- Flexibilité : Les horaires, le contenu et la méthodologie de la formation peuvent être ajustés en fonction des disponibilités et des préférences des apprenants, garantissant une expérience d’apprentissage optimale.
- Formations sur mesure : Les apprenants bénéficient d’un programme adapté spécifiquement à leurs besoins et objectifs, optimisant ainsi leur temps d’apprentissage.
- Apprentissage ciblé : Les formations personnalisées se concentrent sur les compétences et les domaines où les apprenants ont besoin de se perfectionner, maximisant ainsi leur progression.
- Flexibilité : Les horaires, le contenu et la méthodologie de la formation peuvent être ajustés en fonction des disponibilités et des préférences des apprenants, garantissant une expérience d’apprentissage optimale.
Les formateurs
Nos formateurs sont des experts, animateurs et facilitateurs certifiés capables de contextualiser la formation selon le métier de l’apprenant (Finance, Commerce, RH, Marketing…). Leur capacité à s’adapter au profil et au niveau de l’apprenant contribue à donner confiance et facilite l’atteinte des objectifs pédagogiques.
La pédagogie actionnelle en situation de travail, signature pédagogique de MyConnecting, peut être complétée ou adaptée par d’autres pédagogies (inversée, spirale…) selon les dispositifs.
La réussite de l’apprenant est leur réussite !
Nos formateurs sont des experts, animateurs et facilitateurs certifiés capables de contextualiser la formation selon le métier de l’apprenant (Finance, Commerce, RH, Marketing…). Leur capacité à s’adapter au profil et au niveau de l’apprenant contribue à donner confiance et facilite l’atteinte des objectifs pédagogiques.
La pédagogie actionnelle en situation de travail, signature pédagogique de MyConnecting, peut être complétée ou adaptée par d’autres pédagogies (inversée, spirale…) selon les dispositifs.
La réussite de l’apprenant est leur réussite !
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.
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.
Contactez-nous pour plus d'information