Programmation Javascript




 Voir plus d'extraits


DESCRIPTION

Dans cette formation, vous allez apprendre à créer de l'interactivité sur une page web avec Javascript. Ce module est le point d'entrée vers la programmation client.

Pré-requis :
  • Avoir suivi les sessions HTML5.
  • Avoir suivi les sessions Algorithmique.

  Télécharger le plan




SESSIONS EN DIRECT

Votre formation est diffusée en DIRECT (Live), en plusieurs sessions de 2 à 3h30 chacune avec : accès au chat, partage de webcam, d'écran ou d'application, poser des questions en temps réel.

  •   Javascript - introduction, outils, code : #1
  • Javascript permet d'exécuter des traitements sur le navigateur. Au cours de cette session, vous allez : caractériser Javascript et comprendre ses utilisations, mettre en place une plateforme et des outils pour développer en Javascript, exécuter votre premier script en utilisant la console et le débogueur.

    + Le client serveur web
    + JS : origine, utilisations, DHTML
    + Structure d’un script
    + Outils : IDE, Emmet, etc.
    + TP : un langage objet et événementiel
    + TP : la console Javascript
    + TP : le débogueur de code

  •   Maîtriser la syntaxe Javascript : #2
  • Javascript est un vrai langage de programmation. Son exécution est prise en charge par le navigateur. Au cours de cette session, vous allez apprendre, en pratiquant, à mettre en oeuvre la syntaxe du langage Javascript à travers de mini travaux pratiques, et en utilisant un éditeur de code adéquat.

    + Les constantes et variables
    + TP : types de données et typeof
    + TP : Créer des tableaux
    + Les boîtes de dialogue
    + Les opérateurs en Javascript
    + Les structures if et switch
    + Les boucles while et do..while
    + Les boucles for, for..in et for..of

  •   Savoir créer des fonctions en JS : #3
  • Les fonctions et les procédures permettent de modulariser un programme. Au cours de cette session, vous allez apprendre comment définir des fonctions en Javascript et les utiliser dans une page HTML5.

    + Définir une fonction
    + Utiliser une fonction
    + Quelques fonctions prédéfinies
    + La portée des variables
    + Le passage de paramètres
    + Retourner plusieurs valeurs
    + Les fonctions sont typées
    + Fonctions et notations ES6

  •   POO, événements et exceptions JS : #4
  • Le langage Javascript manipule des objets et des événements. Au cours de cette session, vous allez apprendre à utiliser des objets pré-existants et à créer vos propres objets, à gérer de différentes manières les événements Javascript. Vous allez aussi apprendre à gérer correctement les exceptions (erreurs) qui peuvent survenir lors de l'exécution de votre code Javascript.

    + Classes, objets et POO
    + Attributs et méthodes
    + Panorama des objets manipulés
    + Classes String, Date, Number, Math
    + Classes Array, RegExp
    + Créer ses propres objets
    + Créer par constructeur et prototype
    + Ajouter attributs et méthodes
    + Encapsulation,héritage
    + Evénements,bouillonnement, exemples
    + Le gestionnaire d'événement
    + Le pseudo-protocole Javascript
    + addEventListener, onevenement
    + Utiliser des fonctions anonymes
    + DOMLoadedContent ou onload
    + Gestion des exceptions

  •   DOM : sélection, modifier l'arbre en JS : #5
  • Les balises qui apparaissent dans une page web sont manipulables comme objets Javascript. Au cours de cette session, vous allez apprendre à sélectionner des éléments HTML, à ajouter des éléments HTML à la page, à modifier ou supprimer des éléments HTML. La classe HTMLElement sera explorée, ainsi que l'API querySelector et l'interface Node.

    + Sélection utilisant DOM 0 + La classe HTMLElement + TP : sélection avec getElementById + Sélection avec getElementByTagName + Sélection avec getElementByName + Sélection avec getElementClassName + TP : propriétés de HTMLElement + L'API querySelector + Sélection avec querySelector() + Utiliser querySelectorAll() + Découvrir l'interface Node + Node : noeuds, types, méthodes + TP : utiliser l'interface Node

  •   Savoir traiter les formulaires en JS : #6
  • Les formulaires peuvent être manipulés en Javascript pour proposer des fonctionnalités interactives à l'utilisateur. Au cours de cette session, vous allez apprendre à manipuler les formulaires et leurs champs associés, à récupérer des données saisies via Javascript, ou encore à soumettre des formulaires au serveur.

    + Rappels sur les formulaires
    + Objets form, forms[], elements[]
    + Zone de saisie, textarea, mot de passe
    + Les boutons radio
    + Les cases à cocher
    + Les menus déroulants
    + Les listes déroulantes
    + Les champs de date et temps
    + Champs : color, range, datalist
    + Validation de champs
    + Boutons : button, submit
    + Récupérer saisies et données
    + Soumettre un formulaire

  •   Les objets du navigateurs : #7
  • BOM fait référence à Browser Object Model. Les objets BOM sont attachés au navigateur. Il peut s'agir de fenêtres, de barres d'adresses, du navigateur ou encore de l'historique de navigateur. Au cours de cette session, vous allez apprendre à créer ces objets et à les manipuler en Javascript. En outre, nous étudierons aussi l'objet Image et les objets permettant de gérer le temps.

    + Le Browser Object Model (BOM)
    + Le navigateur et le document
    + Les objets screen et window
    + Créer des fenêtres pop up
    + Les objets location et history
    + L'objet Image et ses propriétés
    + TP : utiliser l'objet Image
    + Gérer le temps : timer, délai
    + TP : utiliser timer et délai

  •   Maîtriser les appels Ajax : #8
  • La technologie AJAX utilise l'objet Javascript XMLHttpRequest (XHR2) pour émettre des appels HTTP asynchrones vers un serveur web. Au cours de cette session, nous étudierons les attributs méthodes et événements de l'objet XHR2 avant de le mettre en oeuvre pour émettre et gérer des requêtes HTTP avec les méthodes GET puis POST. Une application de CRUD simple via une base de données MySQL et un serveur PHP sera proposée en guise de travail pratique (TP).

    + La notation JSON
    + Qu'est-ce que AJAX?
    + L'objet XMLHttpRequest
    + Méthodes et attributs XHR2
    + TP : requêtes Ajax GET
    + TP : requêtes Ajax POST
    + Evénements les plus courants
    + Utiliser FormData dans un formulaire
    + Upload d'un fichier via Ajax
    + TP : CRUD sur une base MySQL
    + Ajax cross domain (CORS)



AVANTAGES ET TEMOIGNAGES

  • Testez les formations pour 10 jours.
  • Replay des sessions en direct.
  • Votre coach en direct (LIVE).
  • Pédagogie orientée pratique.
  • Sessions du soir possibles (après 18h)

La qualité est excellente, l'enseignant crée un espace de confiance et rend la formation très agréable. J'ai adoré, le professeur et son cours sont très complets. La formation a été facile à comprendre et très dynamique. M. Gamba est un excellent professeur.
J. Ruiz
The Moneytizer, Mexico

La formation avec vous était géniale. C'est super intéressant et très formateur. Actuellement je suis chez Micropole, en tant que Cloud & Big Data Engineer. Merci.
A. Chuttoo
Micropole, France

Ces 4 jours ont été enrichissants. Suite à la formation HTML puis CSS, celle de Javascript m'a apporté encore plus de connaissances et de compétences sur le sujet.
J. Salgueiro
The Moneytizer, Brazil



Autres références :

Cliquez sur le logo.


Capgemini Atos Allianz TheMoneytizer CPAM M2iFormation Global Knowledge Ikea Hewlett Packard Ministère de la Défense AKKA Ministère de l'intérieur AFP Enedis Viveris Titeflex Autres


DATES DES SESSIONS

Prochaine formation (session):

Mercredi, 9H:00
Vendredi, 11H:00 (heure de Paris)

Vous avez vos propres dates ? nous contacter


RESERVATION

Paiement flexible : vous pouvez payer en plusieurs fois, sans aucun frais. Toutes les sessions Reconvert se font en LIVE STREAMING ou en CLASSES VIRTUELLES.

 Réservation possible pour 1 groupe

Paiement par CB
10 € maintenant *, puis 3 paiements mensuels de 413 €.
* pour tester le service pendant 10 jours.

Autre type de paiement ? nous contacter






Autres formations

Python par la pratique
Apprendre par la pratique à programmer en langage Python.


HTML5 et CSS : créer des sites web
Réaliser l'intégration web en codant en HTML5 et CSS les pages de votre application.


PHP : créer des pages dynamiques
Développer en PHP les interactions avec les bases de données SQL.


Je découvre le développement web
Découvrir le développement web en 30 mn chrono, et voir si ce métier est fait pour vous.


Algorithmique et programmation structurée
Un algorithme permet de définir les différentes étapes à suivre pour résoudre un problème.


J'apprends le langage SQL avec MySQL
Bien démarrer avec une base de données en apprenant à écrire des clauses SQL simples


MYSQL : prise en main et langage SQL
Ecrire et tester du SQL pour les données de votre application web.


J'apprends à programmer en Python
Faire vos débuts en Python en apprenant à l'installer et à créer de petits programmes


e-marketing : techniques et outils
Comprendre et réaliser des campagnes e-marketing avec des outils professionnels


Je crée mon blog sans programmer
Apprendre à créer un blog perso ou d'entreprise directement dans votre navigateur, sans programmer


Programmation jQuery
Rendre une page interactive avec jQuery et utiliser la technologie Ajax.


Java Database Connectivity
Interfacer votre du code Java avec une base de données relationnelle.