Formation JavaScript, les fondamentaux
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 JavaScript, vous aurez acquis les connaissances et compétences nécessaires pour :
- Connaître le fonctionnement du langage JavaScript
- Savoir implémenter du JavaScript conjointement avec du HTML et du CSS
- Savoir manipuler le contenu et l’interactivité d’une page web
- Savoir gérer les évènements déclenchés par l’utilisateur ainsi que les manipulations dynamiques
- Savoir utiliser JavaScript pour animer l’aspect graphique d’un site web
- Savoir dialoguer avec le serveur (AJAX)
| Tarif |
A partir de 1 830,00 € |
| Durée | 3 jours (21h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 830,00 € |
| Durée | 3 jours (21h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Langage côté client, le JavaScript permet la manipulation interactive des éléments constituant une page web. Jadis considéré comme un « petit langage de programmation », il est devenu au fil du temps un véritable langage de programmation avec toutes les composantes propres aux langages de haut niveau.
JavaScript, avec sa composante AJAX, est donc aujourd'hui devenu indispensable dans le développement d'un site web. Et bien que jQuery reste un outil très intéressant et plus facile d'accès, on ne peut pas passer outre le JavaScript natif, notamment pour les nouveautés apportées par le HTML5.
Cette formation JavaScript aborde les aspects pertinents du langage dans un esprit de développeur. Ce cours s'appuie sur de nombreux exemples concrets que vous mettrez en oeuvre et pourrez réutiliser au quotidien.
Si vous souhaitez allez plus loin que la découverte du langage Javascript et de ses concepts, vous pouvez aussi choisir la formation Développement d’applications web front-end avec JavaScript et les Frameworks Open Source (IJSO1) qui présente en plus les frameworks React et Angular.
Programme
Introduction aux techniques http, aux navigateurs et leurs DOM
Les principes de base des technologies clients serveursPrésentation des différentes possibilités avec illustration par des exemples complexes et concrets
Mode d'appels des scripts depuis les pages HTML
Comment créer une zone de saisie ?
Les différents modes de saisie HTML
La mise en page avec le CSS
Introduction aux navigateurs, au JavaScript et au DOM
Les principes d'utilisation des DOM, les différences principales entre les navigateurs et les conseils d'utilisation
L'interpréteur JavaScript: entrées/sorties des programmes
Présentation de la consoleTravaux pratiquesObjectif : Prendre en main son environnement
Description : Manipulation depuis la console pour suivre le comportement d’un premier script simple
Le langage JavaScript
Introduction au langage JavaScript, présentation d'exemples simples, les versions de JavaScript, JavaScript embarqué dans les pages HTMLLa 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, les dialogues avec l'utilisateur, les tableaux, la gestion des événements et les différences selon les navigateurs, les objets prédéfinis
Les pièges classiques en JavaScriptTravaux pratiquesCréation d’un premier script permettant de saisir des nombres et d’afficher en temps-réel la moyenne, le plus grand, le plus petit, etc.J2
Les objets du langage 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 JavaScriptTravaux pratiques Objectif : Se familiariser avec la richesse des bibliothèques d’objets Javascript
Description : Extraction de la date locale d’un visiteur pour effectuer des calculs sur les minutes et les jours. (getDate, getDay, getHours, etc. ) afin de présenter un compteur qui affiche des informations sur le temps passé sur une page (échéance de validation d’un caddie)
Javascript : Les objets de la page HTML
L'objet Windows : gestion des fenêtres et de leur communication. Les popupsL'objet Document : le fonctionnement de l'objet Document. Interactivité, contrôle et transformation des pages HTML
L'objet Form : contrôle des données saisies dans un formulaire, gestion des contenus des champs de saisie. Formulaire dynamiqueTravaux pratiques Objectif : Savoir gérer les objets JavaScript et les objets HTML
Description : Création de formulaire et de panier d’achatJ3
Manipulation de la page (DOM)
Sélection d'élémentsModification du contenu HTML
Modification du graphisme CSSTravaux pratiquesOn manipule le panier d’achat sous forme de tableau HTML géré via le DOM. On propose d’implémenter le Drag and Drop avec dans la fenêtre de gauche les titres des livres et dans la fenêtre de droite la panier d’achat. Si l’objet est mal centré lors du « drop » il retourne sur la fenêtre de gauche.
AJAX : dialoguer avec le serveur
Pourquoi AJAX (Asynchronous Javascript And Xml ) ?XMLHttpRequest
Méthodes et en-têtes http
Récupération de contenus HTML, XML ou JSON
Consommer un web Service en JavascriptTravaux pratiquesObjectif : Dialoguer avec le serveur sans recharger la page
Description : On alimente les titres des couvertures du TP précédent par un appel à un Web Service
Responsive Design
Les requêtes de média (Media Queries)Comment gérer les différences de taille des écrans ?
Les grilles fluides
Des images adaptatives
Créer du design adaptatif
Présentation de Bootstrap
CSS et Responsive DesignTravaux pratiquesObjectif : Savoir mettre en œuvre un site responsive
Description : Passage de notre application Web en responsive
Prérequis
Public
Ces formations pourraient vous intéresser
Formation Panorama des technologies informatiques (4/4) : Développement WEB et mobiles
Proposé par PLB CONSULTANTObjectifs de la formation
Concrètement à l'issue de ce cours vous serez en mesure de:
- Comprendre le vocabulaire associé au développement Web (Front, Back, FullStack, etc.)
- Décrire les échanges entre les « briques Front-end » (HTML, CSS, Javascript)
- Décrire le fonctionnement de la partie Back End d’une application WEB (Java, .Net, PHP)
- Voir le site WEB dans son ensemble (référencement, échange de données avec les autres sites, …)
- Décrire les technologies et les spécificités du développement mobile
| Tarif |
A partir de 810,00 € |
| Durée |
1j / 7h |
| Modes |
|
Objectifs de la formation
Avec Ext JS 6, Sencha introduit un unique Framework pour la création d'applications sur tous les types d'appareils, mobile, tablettes et postes de travail. Vous serez en mesure de produire une UE optimisée tout en codant moins.
Le processus de fusion Ext JS et Sencha Touch est arrivé à termes et les deux framework ne font plus qu’un.
Grâce à cette formation ExtJS 6, vous apprendrez à réaliser une application Web dite « riche » à l'aide d'un framework Javascript évolué, multi-plateformes et supportant les design responsifs et adaptatifs.
| Tarif |
A partir de 2 260,00 € |
| Durée |
4j / 28h |
| Modes |
|
Objectifs de la formation
- Créer ses pages en utilisant HTML5, CSS3, Javascript avec Dreamweaver
- Structurer les dossiers et fichiers des sites Web créés
- Utiliser des règles de base du design pour créer un site Web
- Créer, traiter et optimiser adéquatement des images destinées au Web avec Photoshop et Illustrator
- Créer des pages dynamiques avec PHP/MySQL[MariaDB]
- Mettre en ligne son projet
| Tarif |
A partir de 1 390,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
Développeurs, chefs de projets Web souhaitant développer des sites Web ou applications avec HTML 5 et CSS3.
À l'issue de la formation, le stagiaire sera capable de :
- Développer des sites Web en HTML
- Créer des sites en dissociant le contenu de la mise en forme
- Utiliser les techniques permettant de développer des sites fonctionnant avec tous les navigateurs
- Proposer les applications autorisant des interactions dynamiques avec les utilisateurs
- Savoir profiter des dernières nouveautés HTML5 pour enrichir le contenu d’un site d’élément vidéo ou audio
- Créer des présentations accrocheuses et professionnelles avec CSS3
- Créer des pages réactives conformes aux normes avec les API JavaScript nouvelle génération
| Tarif |
Contacter l'organisme |
| Durée |
5 jour(s) |
| Modes |
|
Objectifs de la formation
Plus concrètement, cette formation Java 8 Nouveautés vous apportera les connaissances et compétences nécessaires pour :
- S'intéresser aux principes de la programmation fonctionnelle
- Maîtriser les expressions lambda et les références de méthodes
- Mettre en oeuvre les Streams pour manipuler des flux de données
- Utiliser les méthodes par défaut des interfaces
- Comprendre la nouvelle API Date&Time (JSR 310)
| Tarif |
A partir de 1 480,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation Rétro-ingénierie Malwares, vous aurez acquis les connaissances et compétences nécessaires pour :
- Mettre en place un laboratoire d’analyse de logiciels malveillants
- Savoir étudier le comportement de logiciels malveillants
- Analyser et comprendre le fonctionnement de logiciels malveillants
- Détecter et contourner les techniques d’autoprotection
- Analyser des documents malveillants
| Tarif |
A partir de 4 150,00 € |
| Durée |
5j / 35h |
| 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 |
14 jours (98 heures) |
| Modes |
|
Objectifs de la formation
Vous apprendrez les bases sur le langage HTML5 et CSS3.Vous apprendrez quelques connaissances sur l'apprentissage d'un CMS de type WordPress.
Vous apprendrez à programmer en Javascript.
| Tarif |
A partir de 575,00 € |
| Durée |
2j / 19h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation Transformations XSL, vous aurez acquis les connaissances et compétences nécessaires pour :
- Mettre en pratique
- Développer des feuilles de styles XSL-T ou XSL-FO pour vos applications Web
- Maîtriser les transformations XSL
| Tarif |
A partir de 2 190,00 € |
| Durée |
4j / 28h |
| Modes |
|
Formation ECMAScript, ES6,7,8 et ESNext : programmation Javascript moderne
Proposé par PLB CONSULTANTObjectifs de la formation
ECMAscript provient de la standardisation du langage Javascript selon les normes ECMA. La version 6 (ES6 / ES2015) a amené de nombreux changement car elle était séparée de 6 ans de la version ES5. Aujourd’hui les changements amenés par les dernières versions sont publiés tous les ans : ES2016, ES2017, ESNext, etc. et sont moins significatifs. Il est donc très important pour un développeur Javascript de maîtriser les apports de la version ES6 que l’on rencontre également comme socle des frameworks standards comme AngularJs, NodeJS, ReactJS, etc. L’objectif principal de cette formation Javascript ES6/7, ESNext, est de vous amener à maîtriser les nouvelles composantes de ce langage et d’améliorer la qualité de votre code.
Parmi les principales nouveautés Javascript vous apprendrez à utiliser les nouveaux keywords « let » et « const », vous saurez manipuler les littéraux de gabarit ainsi que les opérateurs « spread » et « rest », vous comprendrez l’intérêt des fonctions fléchées, vous saurez affecter des variables depuis des tableaux ou des objets (décomposition), vous apprendrez à gérer les événements asynchrones avec les promesses (promises), vous utiliserez efficacement les constructeurs et les classes et enfin vous donnerez une dimension plus professionnelle à vos développements en les structurants en modules.
Etant donné le caractère évolutif des versions une attention particulière sera donnée à la compatibilité avec les navigateurs et les principaux frameworks Javascript.
| Tarif |
A partir de 1 390,00 € |
| Durée |
2j / 14h |
| Modes |
|
