JavaScript - Fondamentaux
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Mémoriser les bases de JavaScript et de son utilisation pour le DOM
- Gérer les évènements et les manipulations dynamiques
- Identifier les règles d'or de la programmation avec JavaScript
- Réaliser des appels synchrones (Ajax)
- Exploiter les media queries en JavaScript pour une interface responsive.
| Tarif |
A partir de 1 830,00 € |
| Durée | 3 jours (21h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 830,00 € |
| Durée | 3 jours (21h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Programme
Jour 1 - Matin
Un langage pour le Web
- Historique de JavaScript
- Les meilleurs IDE actuels
- Les librairies JavaScript et l'écosystème
- Versions de JavaScript jusqu'à ES2019
- JavaScript et Ajax : relations avec le serveur
- Structuration typique d'une page Web, où placer le JavaScript ?
Exemples de travaux pratiques (à titre indicatif)
- Création d'une page typique utilisant JavaScript
- Différentes façons d'intégrer JavaScript au projet
Bases du langage
- Syntaxe de base
- Déclarations et portées des données
- "var" et "let"
- Portée des données
- Types de données, conversions et affectations
- Structures de contrôle
- Boucles
- Tests
- Types de données JSON
- Pièges du typage dynamique
- L'objet "console"
Exemples de travaux pratiques (à titre indicatif)
- Premier projet simple sur l'utilisation des bases de JavaScript
- Déclarations de variables et utilisation
- Boucles, tests et affichages
Jour 1 - Après-midi
Un langage à base de fonctions
- La fonction, un élément de base du langage
- Prototypes et fonctions
- Constructeurs et "this"
- Valeur de "this"
- Fonctions et programmation fonctionnelle
- Objet "window" ou le contexte global
- Contextes d'exécution
- Fonctions immédiates et anonymes
- Les fonctions fléchées
- La frontière avec la programmation objet
Exemples de travaux pratiques (à titre indicatif)
- Création d'un projet exploitant les fonctions de JavaScript
- Mise en exergue de l'aspect fonctionnel du langage
- Création et utilisation de fonctions anonymes
Jour 2 - Matin
Document Object Model (DOM)
- Les objets du navigateur
- Récupérer des éléments
- Ajouter des balises
- Modifier les contenus
- Manipulation des CSS
- Gestion des évènements
- L'objet "event" et son utilisation
- Parcours du DOM
- Modification du DOM, suppression et création d'éléments
Exemples de travaux pratiques (à titre indicatif)
- Projet de manipulation des objets d'une feuille HTML 5
- Parcours, extraction des contenus et attributs
- Modification, insertion et suppression d'éléments
Jour 2 - Après-midi
Gestion de formulaires avec JavaScript
- Gérer le contenu des formulaires
- Accès aux différents éléments
- Gestion de la validation des données de formulaires
- Ecrire un gestionnaire de formulaires
Exemples de travaux pratiques (à titre indicatif)
- Extraction des données d'un formulaire et contrôle des valeurs
- Validation des champs de saisie
- Conception d'un gestionnaire de saisie de formulaire
Jour 3 - Matin
Gérer les CSS depuis JavaScript
- Rappel succinct de CSS
- Les objets et propriétés importantes
- Accéder en écriture et lecture à CSS
Exemples de travaux pratiques (à titre indicatif)
- Lecture de styles CSS depuis JavaScript
- Application de nouveaux styles CSS avec JavaScript
Manipulation des media queries pour un design responsive en JavaScript
- Test en JavaScript des media queries et adaptation des CSS adaptés
- Construction dynamique d'interface selon le type d'écran
Exemple de travaux pratiques (à titre indicatif)
- Travail sur les media queries
Jour 3 - Après-midi
Ajax
- Architecture des sites Web avec et sans Ajax
- Asynchronisme dans le navigateur
- XMLHttpRequest et HTML 5
- Gestion d'erreurs et timeout
Exemples de travaux pratiques (à titre indicatif)
- Ecriture d'un projet qui récupère les données d'un serveur
- Les afficher sur une feuille avec Ajax et JSON
- Remplacement de diverses écritures réalisées par des appels à des fonctions jQuery
Nouveautés ECMAScript 6 à 11
- L'apport majeur de la version 6 (2015) de JavaScript
- Les autres apports
Examen M2i (en option)
- Prévoir l'achat de l'examen en supplément
- L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
- Il s'agit d'un QCM dont la durée moyenne est d'1h30 et dont le score obtenu attestera d'un niveau de compétence
- L'examen n'est pas éligible au CPF, mais permettra néanmoins de valider vos acquis
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des études de cas ou des travaux pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation et/ou un examen M2i
Les + de la formation
Un examen M2i permettant de valider vos acquis à l'issue de la formation est disponible sur demande (coût : 120€).
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
- Expliquer les modèles d’hébergements possibles avec Blazor
- Installer et créer un nouveau projet
- Créer des composants d’application réutilisables
- Expliquer comment fonctionne le routage
- Maitriser les mécanismes d’injection de dépendances
- Expliquer les mécanismes de rendu
- Gérer l’authentification et les autorisations
- Gérer la mise en page d’un site
- Ecrire des tests unitaires pour votre application
- Tirer parti de l’écosystème Javascript existant
- Créer une application PWA
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Formation Comprendre l'informatique et ses métiers pour les professionnels non informaticiens
Proposé par PLB CONSULTANTObjectifs de la formation
- Avoir une compréhension globale des technologies informatiques et leurs complémentarités
- Etre capable de décrire l’architecture d’un SI (système d’information) d’entreprise réaliste
- Dissocier les fondations d’un SI des dernières évolutions technologiques (complémentarité, concurrence, ou remplacement ?)
- Décrypter les acronymes et les technologies (TCP/IP, Cloud, Virtualisation, ERP, SGBD, BI, ITIL, etc.)
- Faire le lien entre les différents métiers de l’informatique et les technologies
- Mieux communiquer et travailler avec vos collaborateurs et les professionnels
| Tarif |
A partir de 2 480,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Comprendre les éléments de base de la programmation en JavaScript et interaction avec la page web
- Maîtriser les concepts importants de JavaScript (types, objets, fonctions, syntaxe, etc)
- Connaître des idiomes de la programmation JavaScript moderne (promesses, programmation fonctionnelle, etc)
| Tarif |
A partir de 1 390,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
A l'issue de la formation Prototype et Scriptaculous vous aurez acquis les connaissances et compétences nécessaires pour :
- Développer plus rapidement la mise à jour partielle ou périodique d'une page (Ajax, XMLHttpRequest)
- Manipuler le DOM afin de récupérer, insérer, ou masquer les éléments HTML des pages de façon plus efficace et avec de nouvelles fonctionnalités
- Utiliser les solutions offertes par Prototype aux incompatibilités entre les navigateurs (COMPAT),
- Manipuler plus facilement les structures de données JavaScript avec de nouveaux composants comme String, Enumerable, Array
- Gérer les événements HTML à l'aide de la classe Event
- Proposer des effets visuels riches
- Rendre des éléments HTML déplaçables en Drag & Drop
- Utiliser des sliders dans la page HTML
- Proposer l'autocomplétion dans vos pages
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Formation Séminaire : État de l'art des nouvelles technologies informatiques
Proposé par PLB CONSULTANTObjectifs de la formation
À l'issue de cette formation NTIC, vous aurez acquis les connaissances et compétences nécessaires pour :
- Disposer d'un panorama exhaustif de l'ensemble des technologies potentiellement porteuses de valeur pour l'entreprise
- Découvrir les nouvelles possibilités offertes par les évolutions technologiques les plus récentes
- Comprendre pourquoi il est dès à présent nécessaire de les prendre en compte pour maintenir durablement la performance du SI et son adéquation avec les besoins business
- Préparer son entreprise aux évolutions de demain
| Tarif |
A partir de 2 490,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
A l'issue de cette formation Jquery, vous aurez acquis les connaissances et compétences nécessaires pour :
- Développer rapidement des applications web 2.0 dynamiques avec jQuery, HTML, CSS et Ajax
- Créer des interfaces client aux fonctionnalités avancées et accessibles sans navigateur avec des animations et des effets jQuery
- Optimiser les formulaires HTML afin qu'ils exploitent la validation jQuery et l'appel aux services web avec Ajax Cette formation aborde aussi jQuery Mobile.
| Tarif |
A partir de 1 300,00 € |
| Durée |
2j / 14h |
| Modes |
|
Formation Titanium Appcelerator : Développement d'application native pour mobiles
Proposé par PLB CONSULTANTObjectifs de la formation
Cette formation Titanium Appcelerator vous permettra de réaliser des applications natives pour téléphone mobile, en utilisant uniquement le langage JavaScript. L'utilisation du Framework Titanium vous permettra de développer de véritables applications multiplateformes professionnelles pour mobile en vous affranchissant des contraintes liées aux langages spécifiques à chaque plateforme. Ces applications utiliseront toutes les fonctionnalités des SDK (géolocalisation, accéléromètre, bases de données, système de fichiers, base de contacts, API Facebook, UI, ...). De plus, nous vous montrerons également comment déposer votre application mobile à la fois sur l'AppStore et sur Android Market.
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
Concrètement, à l'issue de cette formation TypeScript, vous aurez acquis les connaissances et mes compétences nécessaires pour :
- Revoir les bases de la programmation JavaScript
- Découvrir les fonctionnalités avancées JavaScript ES6
- Maîtriser la programmation objet JavaScript
- Réaliser une application avec TypeScript
| Tarif |
A partir de 1 490,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Cette formation Sencha Touch 2 vous permettra de réaliser des applications ou des sites WEB pour iPhone, iPad, Android, Blackberry, etc. en utilisant uniquement des technologies standards comme HTML, CSS, et JavaScript qui vous rendent indépendant du navigateur ou du type d'équipement mobile. La richesse des composants graphiques de Sencha Touch 2 permet de développer de véritables applications avec un rendu très riche en un minimum de temps. Ces composants sont conçus et optimisés pour les équipements mobiles.Ils tirent pleinement profit des possibilités du HTML 5. Sencha Touch propose des API pour accéder aux événements bas niveaux des équipements mobiles (accéléromètre, géo-localisation, etc.) et vous ouvre les voies du développement natif pour tirer pleinement profit de leurs possibilités. Vous pourrez utiliser PhoneGap ou un composant natif de Sencha Touch pour déployer vos applications sur App Store ou Android Market. Enfin, le framework Sencha Touch 2 a adopté le modèle MVC et vous permet ainsi de professionnaliser le développement pour mobiles en respectant ce standard de fait.
| Tarif |
Contacter l'organisme |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Construire des pages Web en HTML5
- Habiller et mettre en forme des pages Web avec CSS3
- Créer des formulaires avancés
- Créer des tableaux de données
- Créer des menus de navigation
- Utiliser les différentes techniques CSS de positionnement et dimensionnement pour adapter la présentation aux différents appareils (smartphone, tablette, PC)
- Parcourir et modifier la structure d'une page en JavaScript
- Gérer des événements utilisateur
- Intégrer des appels à des Services Web REST et WebSockets en JavaScript
| Tarif |
Contacter l'organisme |
| Durée |
5j / 35h |
| Modes |
|
