Formation Développement d’applications web front-end avec JavaScript - Présentation des frameworks Open Source
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
À l'issue de cette formation Développement d'applications web front-end JavaScript vous aurez acquis les connaissances et les compétences nécessaires pour :
- Le fonctionnement de JavaScript et son utilité dans le navigateur
- Créer des scripts permettant de rendre interactives vos pages et applications
- Manipuler le contenu et le rendu de la page au travers de gestionnaires d’événements
- Faire de la Programmation Objet en JavaScript
- Coder avec les bonnes pratiques et les bons outils pour un code plus facile à maintenir
- Connaître les principes généraux de VueJS et Angular
- Connaitre l'architecture d'une application web basée sur ReactJS
- Intégrer les nouveautés du langage dans vos programmes avec EcmaScript 6/7
| Tarif |
A partir de 2 695,00 € |
| Durée | 5 jours (35h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 2 695,00 € |
| Durée | 5 jours (35h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Cette formation Développement d'applications web front-end JavaScript vous propose de vous apprendre le langage JavaScript en profondeur pour la création de vos sites Internet, applications web et mobiles.
Gestion d’événements, manipulation du DOM, programmation orientée objet, nouveautés du langage et histoire du JS sont au programme.
Nous verrons également les outils permettant de maintenir plus facilement son code et les librairies dépendantes afin d’augmenter la productivité et diminuer la dette technique.
La deuxième partie présente les différents Framework et librairies essentielles du développeur JS comme React, Vue ou encore Angular en s’attardant sur le Framework de Facebook : React.
Programme
Architecture et protocoles Web
Le modèle client/serveur dans le contexte du WebPositionnement et complémentarité des différentes briques (HTML, CSS, JavaScript, Java, PHP, etc.)
Protocoles et formats d’échange entre ces briques (HTTP, XML, JSON, WebServices, Ajax, etc.)
Mode d'appel des scripts depuis les pages HTML
Comment créer une zone de saisie?
Les différents modes de saisie HTML
Introduction aux navigateurs, au JavaScript et au DOM
Les principes d'utilisation des DOM
Les différences principales entre les navigateurs
L'interpréteur JavaScript : entrées/sorties des programmes
Le langage JavaScript
Introduction au langage JavaScriptPrésentation d'exemples simples
Les versions de JavaScript
JavaScript embarqué dans les pages HTML
La grammaire du langage
Les variables
Les types de données
Les opérateurs
Les instructions
Les structures de programmation
La définition et l'utilisation de fonctions
Les objets et leurs utilisations en JavaScript (méthodes, propriétés)
Les dialogues avec l'utilisateur
Les tableaux
Les pièges classiques en JavaScript
Présentation de EcmaScript
Liens entre Ecmascript et JavascriptClarification du vocabulaire (ES6, ES2015, ES7, ES2017, ES20, etc.)
Exemples de nouveautés apportées par les évolutions de Ecmascript (Arrow function, Promise, etc.)
Compatibilité avec les navigateurs et les frameworks
Module import
Gérer les évènements et les données en JavaScript
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
Développer au quotidien avec JavaScript
Gestion des chaînes de caractères à travers l'objet StringLes 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
Gestion des formulaires
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.)
AJAX : dialoguer avec le serveur
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
Présentation de JavaScript avec HTML5
GéolocalisationGlisser / 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 …
Initiation à jQuery
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
Vue générale des frameworks JavaScript
Limites du JavaScript natifComprendre 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
Présentation de Angular
Principes généraux d'AngularTemplates, nouvelles syntaxes
Cycle de vie des composants
Principe de l’injection de dépendances
Les formulaires Angular (template driven, model-driven, etc.)
Le routage
Les tests
Introduction à React
Écosystème des frameworks JavaScriptDifférentes approches du data-binding
Philosophie de React
Environnement de développement
Outils de debug
Développer avec React
Création d’un composantLa syntaxe JSX
JSX vs JavaScript
Comprendre JSX en détails
Gestion du « state » du composant
Les méthodes du cycle de vie
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
| Tarif |
Contacter l'organisme |
| Durée |
9 jours (63 heures) |
| Modes |
|
Objectifs de la formation
- Se perfectionner dans le développement d'application WinDev, WebDev, WinDev Mobile.
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Mettre en place un environnement de développement et un projet Symfony
- Découper une application en couche en identifiant le rôle de chaque élément
- Développer une couche de persistance métier avec Doctrine 2 : le framework de persistance de Symfony
- Concevoir le routage des requêtes HTTP avec les contrôleurs
- Utiliser des composants additionnels pour implémenter des services REST avec Symfony
- Mettre en place une gestion de la sérialisation/désérialisation des données en utilisant le format JSON
- Maitriser les interactions entre les contrôleurs et le modèle
- Utiliser l’injection de dépendance entre les composants
- Appliquer une stratégie de sécurité efficace dans une applications Symfony
| Tarif |
Contacter l'organisme |
| Durée |
4j / 28h |
| Modes |
|
Formation PRINCE2® - Foundation 6th Edition (Conduire et piloter un projet innovant avec des méthodes agiles)
Proposé par PLB CONSULTANTObjectifs de la formation
Cette formation vise à réussir la certification « Conduire et piloter un projet innovant avec des méthodes agiles » (Certificateur ORIIONS). Cette certification englobe les compétences suivantes :
- Réaliser l’expression des besoins du client en identifiant les opportunités d’innovation et en utilisant les techniques de créativité, d’idéation, de prototypage et d’intelligence collective pour générer des propositions innovantes, et initier un projet agile à partir de sa chaine de valeur
- Choisir les pratiques agiles les plus adaptées, en tenant compte de leur force, leur limite et leur complémentarité afin d’identifier les leviers d’adoption et se projeter dans une transition agile
- Communiquer une vision inspirante qui reflète les besoins et donne du sens à toutes les parties prenantes pour les fédérer, les faire adhérer et les impliquer afin d’être au plus près de l’expérience utilisateur
- Planifier la démarche agile à un projet innovant avec une approche empiriques, des cadences et des cycles itératifs et incrémentaux pour livrer de la valeur en continue, s’adapter en cas de retard, difficultés ou opportunités rencontrés et garantir un retour sur investissement
- Organiser des formats de réunions adaptés aux pratiques agiles pour faciliter la communication, la transparence, la prise de décision et libérer la motivation intrinsèque, la collaboration et l’inspiration
- Piloter le projet en suivant l’avancée des travaux pour projeter, cadencer, mesurer l’efficacité des sprints, adapter et synchroniser les livraisons en maximisant la production de valeur à chaque itération
- Évaluer la solution en mesurant les écarts entre ce qui était prévu et ce qui a été livré pour ajuster, stimuler les nouvelles idées, laisser la place aux opportunités d’innovation, et tendre vers le meilleur produit possible
- Conduire des rétrospectives constructives via des ateliers structurés de résolution de problème afin de mesurer l’efficacité du processus, le fonctionnement de l’équipe le cas échéant et proposer des améliorations
- Accompagner la performance collective des équipes en respectant les valeurs et les principes de l’agilité pour les encourager dans le développement de leur savoir-faire et savoir être
| Tarif |
A partir de 2 190,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Structurer une base de données clients en utilisant les fonctionnalités d'Excel
- Calculer des indicateurs propres à l'analyse clients en les représentant graphiquement
- Utiliser les tableaux croisés dynamiques pour le suivi des créances clients
- Représenter dynamiquement dans Powerpoint les données du credit management
| Tarif |
A partir de 1 834,00 € |
| Durée |
2 jours |
| Modes |
|
Objectifs de la formation
Concrètement, à l'issue de cette formation WordPress Sécurité, vous aurez acquis les connaisances et les compétences nécessaires pour :
- Appréhender les failles d'un site web réalisé avec WordPress
- Éviter le piratage de son site web WordPress.
| Tarif |
A partir de 890,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
- Identifier et décrire les valeurs et les principes de l’Agilité
- S'intégrer dans une équipe et un projet Agile
- Traduire la vision du Product Owner
- Exploiter les méthodes Agiles pour en tirer tous les avantages
- Mettre en oeuvre les techniques de développement adaptées aux projets agiles
- Prendre part à l'auto-organisation d'une équipe de développement Agile
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Les équipements mobiles prennent une place de plus en plus incontournable dans la vie personnelle et professionnelle de chacun. Un concept émergent, comme le BYOD (Bring Your Own Device), traduit l'omniprésence des équipements mobiles dans notre quotidien et dans celui de l'entreprise. On est donc particulièrement exigeant avec « son » mobile ou « sa » tablette qu'il s'agisse d'applications grand public, métier, ou spécialisée. Cette formation ergonomie des interfaces tactiles vous expliquera les contraintes ergonomiques que doivent intégrer les développeurs et les graphistes d'une façon générale en zoomant tout particulièrement sur les spécificités du développement mobile et tablette. Juger l'ergonomie d'un site Web mobile ou d'une application en ne prenant en compte que l'aspect esthétique est une démarche trop simpliste et périlleuse. Cette formation ergonomie mobile vous permettra de disposer d'une culture d'ergonome et d'un cadre méthodologique global et rigoureux (charte graphique, navigation, guidage, esthétique, coût, robustesse, adaptabilité, performance, etc. ) qui vous permettra non seulement de concevoir des interfaces innovantes et de qualité professionnelle mais aussi de les auditer. La réussite de la communication doit revenir à vos applications et non aux utilisateurs.
| Tarif |
A partir de 1 860,00 € |
| Durée |
3j / 21h |
| Modes |
|
Formation Adobe XD : Design d'interface - Prototypages, mockups, wireframes
Proposé par PLB CONSULTANTObjectifs de la formation
À l'issue de cette formation Adobe XD vous aurez acquis les connaissances et les compétences nécessaires pour :
- Identifier les bonnes pratiques de conception d'interfaces
- Créer des interfaces interactives de sites Web et d'applications mobiles
- Réaliser des parcours de navigation répondant aux besoins des utilisateurs
- Partager et tester des prototypes pour réaliser des interfaces fonctionnelles
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
| Tarif |
Contacter l'organisme |
| Durée |
4 jours (28 heures) |
| Modes |
|
