Formation ReactJS : Développement Web
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
Concrètement, à l'issue de cette formation ReactJS, vous aurez acquis les connaissances et compétences nécessaires pour :
- Connaître les apports de la bibliothèque React dans le cadre d’un développement JavaScript
- Savoir coupler React JS avec des modules complémentaires, JSX et ES6
- Concevoir une application web monopage avec la bibliothèque React et l’architecture Flux
- Comprendre et maîtriser la notion d’immutabilité pour optimiser les performances des applications mises à jour uniquement lors de changement
- Comprendre et mesurer les impacts du choix d'une architecture incluant ce type d'application
| Tarif |
A partir de 1 950,00 € |
| Durée | 3 jours (21h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 950,00 € |
| Durée | 3 jours (21h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Programme
Introduction à React
Philosophie de ReactLes autres Frameworks JavaScript
Environnement de développement
Outils de debugTravaux pratiquesMise en place de l’environnement de développement
Mise en place pour le début de liens directs vers les fichiers react et react-DOM
Voir la différence avec un import de fichiers optimisés par le web pack
Les nouveautés ECMAScript
Présentation d’ECMAScriptLes nouveautés ES6/ES2015
ES2017 : les fonctions « async »
Premiers développements avec ReactJS
Le composantPrincipe et conséquences du Virtual Dom
La fonction render()
'props' et 'state'
Le langage JSXTravaux pratiquesInitiation à JSX. Définition de la structure de l’application.
Réalisation d’un générateur de formulaires en JSX pour utiliser des class/fonctions réutilisables. L’objectif est de se créer une bibliothèque de composants réutilisables.J2
Les possibilités de build
Build complet avec webpackBuild managé avec la cli create-react-app
Les différents packages de bootstraping React
Optimisation et construction des fichiers nécessaires à l’affichage complet du site (js, mais aussi images et css)
Comparaison de la version lien dans le html/ la version développement et la version production
Les Composants React
Les composants fonctionnels et de classeComposition de multiple composants
Cycle de vie d'un Composant de classe
Les Hooks des composants fonctionnels
Gestion des événements click, mouseover...
Styliser ces composants
Les différentes approches pour styliser un composantLa bibliothèque de « styled-components » Emotion
Interaction de l'utilisateur avec les composants
Gestion d'AjaxGestion des formulaires
Manipulation du DOM, DOM virtuelTravaux pratiquesCréation d’un ensemble structuré de composant UI.
Mise en place d’une page qui permet de déclarer des variables et de donner à l’internaute de modifier ces valeurs et de déclencher un nouveau rendu de la page. Nous allons créer une page formulaire avec des données venant d’une api externe et contrôler les valeurs saisies dans le formulaire par l’internaute pour pouvoir envoyer les données du formulaire.J3
Gestion centralisée des données
Présentation des différentes technologies de gestion (Redux, MobX, context, Recoil etc.)Présentation de Redux
Le Store et les Actions
Création de Reducteurs pour les Actions
Utilisation avec React
Application monopage avec ReactJS et un module de store de variables
Flux/Redux : présentation. Propagation de données.Comparaison des architectures.
Création de vues et contrôleurs dans Flux.
Rôle du "Dispacther" store reducer action.Travaux pratiquesApprendre à manipuler ces stores de données
Créer un projet avec des composants et partager les variables entre eux
Le store permet de simplifier les changements de données au sein de l’application en centralisant tout à un unique endroit.
Le Router
Les différents RoutersHashRouter ou PushState
Conséquences sur le déploiement
Application isomorphique
Présentation de NodeJSPrincipe et bénéfices du développement isomorphique
Découverte du Framework NextJsTravaux pratiquesPrérendu serveur d’une application.
Créer un projet de plusieurs vues avec tous les éléments vus précédemment
Un mini-site avec plusieurs vues accessibles via les routes
Différents composants faisant appel à des données venant d’apis et des variables partagées entre certains composants.
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 |
5 jours (35 heures) |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Utiliser les fonctionnalités avancées de la retouche et du photomontage
- Renforcer votre maîtrise des masques
- Exploiter les outils vectoriels dans Photoshop
- Utiliser les outils avancés de transformation et de déformation
- Concevoir des prototypes d'écran
- Optimiser votre productivité
- Travailler de façon non destructive.
| Tarif |
A partir de 1 380,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Utiliser des outils numériques pour augmenter ses ventes en magasin comme à distance.Utiliser des outils danalyse connectés pour identifier sa cible et analyser son marché.
Rendre le client acteur de la vente et de la promotion des produits et des services.
| Tarif |
A partir de 589,00 € |
| Durée |
2j / 18h |
| Modes |
|
Objectifs de la formation
WinDev est un atelier logiciel vous permettant de développer très rapidement des applications pour les systèmes d'exploitation classiques Windows, Linux ou MAC, des sites web dynamiques avec WebDev et des applications pour mobiles IOS ou Android avec WinDev Mobile. L'environnement de développement est le même pour toutes les plateformes cibles et il permet de prendre en charge toutes les phases de développement du cahier des charges à l'application finale. Outre la rapidité de développement qui a largement contribué au succès des produits PC Soft, une même application source peut être facilement adaptée sur différentes plateformes. Avec quelques adaptations ponctuelles, votre code est donc presque unique quelle que soit la cible et la nature du développement : client riche, site web, application pour Smartphone ou tablette. Vous pouvez même générer si besoin des sites PHP, des archives Java ou des assemblages .NET. Lors de cette formation WinDev Mobile pour Android, vous découvrirez l'environnement de WinDev Mobile. Vous apprendrez à configurer votre environnement de développement pour WinDev Mobile et Android. Vous utiliserez le WLangage pour créer des applications Android professionnels qui accèdent à des bases de données SQLite, envoient des emails, gère la géolocalisation, etc .., toutes les fonctionnalités classiques des applications mobile moderne et performante sont passées en revue.
| Tarif |
Contacter l'organisme |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
Les microcontrôleurs ESP8266, et son successeur ESP32, sont souvent utilisés comme passerelle Wifi par les modules Arduino ou autre. En fait, ces composants sont de véritables µC qui peuvent être utilisés en mode autonome avec des fonctionnalités d’entrée/sortie et communication Wifi. Leur taille réduite et leur faible consommation leur permettent d’être intégrés à des capteurs, avec une simple pile comme source d’alimentation.
A l'issue de cette formation, vous serez capables de :
- Utiliser les modules ESP8226/ESP32 (en mode autonome, sans Arduino)
- Utiliser l’environnement Visual Studio Code pour coder
- Coder les GPIO de des ESP
- Coder le Wifi des ESP
- Interagir avec des application web
| Tarif |
A partir de 2 690,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Cette formation fait l'objet d'une évaluation formative.
| Tarif |
Contacter l'organisme |
| Durée |
2 jours (14 heures) |
| Modes |
|
Formation - Ergonomie et UX design d'interfaces graphiques pour appareils tactiles
Proposé par IB CegosObjectifs 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 |
3 jours (21 heures) |
| Modes |
|
Objectifs de la formation
Les objets connectés proposent une sorte de synthèse des technologies informatiques clés comme l’embarqué, le développement logiciel, le réseau, le web, le big data, le cloud, etc. Au-delà de ses fonctions, un « objet connecté » peut envoyer un énorme flux d’informations. Mais qui les récupère et comment sont-elles traitées ? Que va-t-il se passer au fil du temps? Comment va-t-on stocker et analyser les données? Existe-t-il des applications « toutes faites » ou faut-il développer soi-même?
Cette formation vous explique comment, sans connaître le monde traditionnel du développement dit "embarqué", vous pouvez mettre en œuvre une solution logicielle de A à Z : récupérer les informations des capteurs d’une carte (donc d’un objet), les traiter éventuellement, puis les transférer vers une solution Cloud. De nombreuses variantes étant possibles dans l’architecture globale (objet, gateway, firewall, Cloud, Big Data), nous nous appuierons sur une maquette tout à fait réaliste et de vrais équipements pour illustrer ce cours.
Au terme de cette formation, vous disposerez d’une vue globale et opérationnelle sur les technologies logicielles utilisées dans le développement des applications IoT.
| Tarif |
A partir de 1 890,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
À l'issue de la formation Configuring F5 Advanced WAF vous aurez acquis les connaissances et compétences nécessaires pour :
- Décrire le rôle du système BIG-IP en tant que périphérique proxy complet dans un réseau de distribution d’applications
- Configurer le pare-feu d’application Web avancé F5
- Définir un pare-feu d’application Web
- Décrire comment F5 Advanced Web Application Firewall protège une application Web en sécurisant les types de fichiers, les URL et les paramètres
- Déployez F5 Advanced Web Application Firewall à l’aide du modèle Déploiement rapide (et d’autres modèles) et définissez les contrôles de sécurité inclus
- Définir les paramètres d’apprentissage, d’alarme et de blocage en ce qui concerne la configuration du pare-feu d’applications Web avancé F5
- Définir les signatures d’attaque et expliquer pourquoi la mise en scène des signatures d’attaque est importante
- Déployer des campagnes de menaces pour vous protéger contre les menaces CVE
- Opposer la mise en œuvre positive et négative de la politique de sécurité et expliquer les avantages de chacune
- Configurer le traitement de la sécurité au niveau des paramètres d’une application Web
- Déployer F5 Advanced Web Application Firewall à l’aide du Générateur automatique de stratégies
- Régler une stratégie manuellement ou autoriser la création automatique de stratégies
- Intégrer la sortie de l’analyseur de vulnérabilités d’applications tierces dans une stratégie de sécurité
- Configurer l’application de connexion pour le contrôle de flux
- Atténuer le bourrage d’informations d’identification
- Configurer la protection contre les attaques par force brute
- Déployez Advanced Bot Defense contre les scrapers Web, tous les bots connus et autres agents automatisés
| Tarif |
A partir de 3 800,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Expliquer les concepts fondamentaux du cloud
- Comparer les types de cloud (PaaS, IaaS, SaaS)
- Identifier les principaux acteurs du cloud et leurs offres
- Concevoir une architecture de cloud adaptée
- Choisir entre un cloud privé, public et hybride
- Appliquer les principes de sécurité dans le cloud
| Tarif |
A partir de 2 100,00 € |
| Durée |
3 jours |
| Modes |
|
