Formation Développement d’Applications Web avec JavaScript et les Frameworks Open Source
Objectifs pédagogiques
- Maîtriser la syntaxe du langage JavaScript
- Savoir coder avec les bonnes pratiques et les bons outils pour un code plus facile à maintenir
- Connaître les librairies et Framework incontournables
- Développer une application web basée sur ReactJS
- Intégrer les nouveautés du langage dans vos programmes avec EcmaScript 6/7
Public cible
- Webmasters
- Développeurs
- Intégrateurs
Prochaines Sessions
Inscrivez-vous dès maintenant
Besoin urgent ? Demandez une session personnalisée (délai min. 15-20 jours ouvrés)
Devis personnaliséProgramme Détaillé
- Les différences principales entre les navigateurs
- Impact des navigateurs sur la portabilité des programmes JavaScript
- Versions de JavaScript
- Les composants Web : HTML, XHTML, CSS, JavaScript, Flash, Java...
- Protocoles et formats d’échange entre ces briques (HTTP, XML, JSON, WebServices, Ajax, etc.)
- Impact de JavaScript sur l'accessibilité et le référencement
- Importance de JavaScript sur les sites Web 2.0
- Impact de la conformité XHTML sur l'utilisation dynamique de JavaScript
- Les outils de développement (éditeur, débogueur...)
- Positionnement et illustration des technologies DHTML
- Déclaration et portée des variables
- Les types de données. Détection de type avec typeof
- Les opérateurs
- Les instructions
- Gestion des tableaux
- Création de fonctions et paramétrage variable
- Faire un codage sécurisé avec la gestion d'erreur et les exceptions
- Les objets et leurs utilisations en JavaScript (méthodes, propriétés)
- Constructeur. Surcharge. Mots réservés prototype, this. Création d'instance. Usage d'Object sur les classes dynamiques
- Utilisation du format JSON pour la création de classes
- Les objets prédéfinis du langage (Array, Date, String, Regexp...) et leur utilisation. Extension des objets prédéfinis
- JavaScript et EcmaScript (vocabulaire : ECMA, EcmaScript, ES?, ES201?)
- Le changement net depuis ES6
- Compatibilité avec les navigateurs et les frameworks
- Arrow function, promise, etc.
- Module import
- Les évènements gérés par JavaScript (survol, clic, clavier, etc.)
- Propagation des évènements
- L’objet Event
- Les pop-ups
- Le fonctionnement de l'objet document. Interactivité, contrôle et transformation des pages HTML
- Manipulation de la page (DOM)
- Manipulation des URL et des redirections
- Sélection d'éléments
- Modification du contenu HTML
- Modification du graphisme CSS
- Gestion des chaînes de caractères à travers l'objet String
- Les principales fonctions mathématiques dans l'objet Math
- Manipulation des dates via l'objet Date
- Manipulation des tableaux via l'objet Array
- Les expressions régulières dans le JavaScript
- Règles de transtypage et comparaisons
- Paramètres obligatoires / facultatifs / indéfinis des fonctions
- Quelques outils pour tester, debugger et mesurer les performances de vos programmes JavaScript
- Rappel des composants d’un formulaire (checkbox, textbox, list, button, etc.)
- Manipulation de l'objet form
- Contrôle des données saisies dans un formulaire
- Le formulaire dynamique
- Liens entre évènements et formulaire (chargement, modification, validation, etc.)
- Validation du formulaire précédent « manuellement » en Javascript
- Pourquoi AJAX (Asynchronous JavaScript And Xml) ?
- Mise en œuvre avec l’objet XMLHttpRequest
- Méthodes de requête http (GET, POST, etc.)
- Récupération de contenus HTML, XML ou JSON
- Géolocalisation
- Glisser / Déposer
- Multi upload
- Historique (pushstate)
- Local Storage
- Web GL
- Web RTC
- Fullscreen
- API branchées mobile
- Détecteur de proximité
- Vibration API
- Utilisation du gyroscope du smartphone
- Accès à la webcam, au micro
- Shadow DOM
- Évolutions attendues …
- Qu’est-ce que jQuery ?
- Chargement de jQuery dans la page ou via un CDN
- Bases syntaxiques de jQuery
- Effets
- Évènements
- Manipulation DOM
- AJAX
- Limites du JavaScript natif
- Comprendre le rôle des principaux frameworks et les technologies associées : Angular, Vue, React, Node
- Exemples de bases avec Angular
- React, philosophie et principes de fonctionnement
- Les tendances du marché et des projets
- Principes généraux d'Angular 2 et 4
- Templates, nouvelles syntaxes
- Cycle de vie des composants
- Principe de l’injection de dépendances
- Les formulaires Angular 2 et 4 (template driven, model-driven, etc.)
- Le routage
- Les tests
- Écosystème des frameworks JavaScript
- Différentes approches du data-binding
- Philosophie de React
- Environnement de développement
- Outils de debug
- Création d’un composant
- La syntaxe JSX
- JSX vs JavaScript
- Comprendre JSX en détails
- Gestion du « state » du composant
- Les méthodes du cycle de vie
Approche pédagogique
Ressources & Actions
✨ Formations Recommandées
Perfectionnez vos compétences avec ces formations complémentaires
Vous trouverez ici les réponses aux questions les plus fréquentes que nous recevons de la part de nos clients. Notre objectif : vous éclairer et vous accompagner au mieux dans le développement des compétences de vos équipes.
Partie 1 : Nos Formations et Notre Approche Pédagogique
Les deux, mais notre véritable valeur ajoutée réside dans le sur-mesure. Nous partons du principe que chaque entreprise a un contexte, une culture et des défis uniques. Notre processus commence toujours par une phase d'écoute et de diagnostic pour co-construire avec vous le programme qui aura le plus d'impact.
Nos formateurs sont des experts seniors dotés d'une double compétence :
- Une expertise métier solide : Ils ont tous une expérience significative en entreprise au Maroc et comprennent les réalités du terrain.
- Une expertise pédagogique confirmée : Ils sont formés aux techniques d'animation pour adultes, favorisant l'interactivité et la pratique.
Nous nous adaptons à vos contraintes et objectifs avec plusieurs formats :
- Présentiel Intra-entreprise : Chez vous, pour une immersion totale.
- Présentiel Inter-entreprises : Pour favoriser le partage d'expériences.
- Distanciel : Des sessions live, interactives et dynamiques.
Partie 2 : Financement et Aspects Administratifs (Spécificités Marocaines)
Oui, absolument. En tant qu'organisme de formation agréé, nos actions sont éligibles au remboursement via les Contrats Spéciaux de Formation (CSF) gérés par l'OFPPT et les GIAC. C'est un levier essentiel pour optimiser votre budget formation.
Oui, c'est un service clé que nous proposons. Nous vous accompagnons de A à Z dans le montage de votre dossier d'ingénierie financière. Notre expertise du système marocain vous garantit la constitution d'un dossier conforme et le suivi jusqu'au remboursement, transformant cette contrainte administrative en une simple formalité pour vous.
Nos tarifs sont transparents et dépendent de la durée, du niveau de personnalisation, du nombre de participants et du format. Le meilleur moyen d'avoir une idée précise est de nous demander un devis personnalisé et gratuit, qui sera accompagné d'une proposition pédagogique détaillée.
Partie 3 : Processus, Logistique et Suivi
Notre processus est simple et centré sur vos besoins :
- Prise de Contact & Analyse : Échange pour comprendre vos enjeux.
- Proposition sur-mesure : Envoi d'une proposition pédagogique et financière.
- Validation & Planification : Ajustements et fixation du calendrier.
- Réalisation de la Formation.
- Évaluation & Suivi : Mesure de la satisfaction et bilan complet.
Oui. Notre réseau de formateurs nous permet d'intervenir sur l'ensemble du territoire marocain, que vos locaux soient à Casablanca, Rabat, Tanger, Marrakech, Agadir ou dans toute autre ville du Royaume.
Oui, la formation ne s'arrête pas à la fin de la session. Nous assurons un suivi rigoureux : remise des attestations, envoi d'un rapport de synthèse, et mise en place d'une évaluation à froid (quelques semaines après) pour mesurer le transfert des compétences. Des sessions de coaching de suivi sont également possibles.
Partie 4 : Impact et Retour sur Investissement (ROI)
Nous utilisons une approche à plusieurs niveaux (inspirée du modèle de Kirkpatrick) :
- Niveau 1 (Satisfaction) : Évaluation à chaud.
- Niveau 2 (Apprentissage) : Quizz et mises en situation.
- Niveau 3 (Comportement) : Évaluation à froid et entretiens avec les managers.
- Niveau 4 (Résultats) : Analyse de l'impact sur vos indicateurs de performance (KPIs).
Pour trois raisons principales :
- Notre Expertise Locale : Nous sommes des spécialistes du marché marocain et africain, de sa culture et de ses mécanismes administratifs (CSF).
- Notre Approche Sur-Mesure : Nous ne vendons pas de formations, nous construisons des solutions adaptées à votre besoin.
- Notre Engagement sur l'Impact : Nous sommes focalisés sur le retour sur investissement tangible de votre budget formation.
Des questions sur cette formation ?
Notre équipe pédagogique est à votre disposition pour répondre à toutes vos questions et vous accompagner dans votre projet de formation.
3 entreprises ont commandé cette formation dans les 3 derniers mois.
4 personnes regardent actuellement cette page.