Formation JavaScript, les fondamentaux

4.5 sur 5 étoiles

5 étoiles
51%
4 étoiles
48%
3 étoiles
0%
2 étoiles
0%
1 étoile
0%
Voir les 31 avis
(31 avis)
Durée 3 jours
Niveau Intermédiaire
Classe à distance
Possible

Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...

Référence IJDH
Éligible CPF Non

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.

Objectif opérationnel :

Savoir utiliser JavaScript pour concevoir un site ou une application web dynamique et interactive.

Objectifs pédagogiques :

À 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)

Public :

Ce cours JavaScript s’adresse aux développeurs (back-end ou front-end) chargés de concevoir, d’organiser et d’animer l’interactivité d’un site ou d’une application web. Familiers du HTML et du CSS, ces développeurs sont sollicités pour apporter du dynamisme visuel et fonctionnel à une ou plusieurs briques de développement, tout en intégrant les considérations de responsive design, de performance et d’expérience utilisateur.

Prérequis :

Les participants à cette formation JavaScript possèdent une bonne connaissance préalable du HTML, du CSS, d’un langage de programmation structurée et plus globalement de l’architecture d’une page web. Cette vue d’ensemble les prédispose à connaître les besoins et les enjeux soulevés par la programmation en JavaScript et les différents types d’évènements et de manipulations à prendre en compte.

J1

Introduction aux techniques http, aux navigateurs et leurs DOM

Les principes de base des technologies clients serveurs
Pré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 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, 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 String
Les 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 popups
L'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éments
Modification 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
Date de mise à jour du programme : 06/11/2023

Dates et lieux

1
2
Du 22 au 24 avril 2024
Lieu
Distanciel
Durée
3 jrs
1830 € HT
Du 22 au 24 avril 2024
Lieu
Paris
Durée
3 jrs
1830 € HT
Du 27 au 29 mai 2024
En bonne voie de maintien
Lieu
Distanciel
Durée
3 jrs
1830 € HT
Du 27 au 29 mai 2024
En bonne voie de maintien
Lieu
Paris
Durée
3 jrs
1830 € HT
Du 24 au 26 juin 2024
Lieu
Distanciel
Durée
3 jrs
1830 € HT
Du 24 au 26 juin 2024
Lieu
Paris
Durée
3 jrs
1830 € HT
Du 29 au 31 juillet 2024
Lieu
Distanciel
Durée
3 jrs
1830 € HT
Du 29 au 31 juillet 2024
Lieu
Paris
Durée
3 jrs
1830 € HT
Du 30 septembre au 02 octobre 2024
Lieu
Distanciel
Durée
3 jrs
1830 € HT
Du 30 septembre au 02 octobre 2024
Lieu
Paris
Durée
3 jrs
1830 € HT
1
2

Logo partenaire action collective de l'OPCO Atlas Votre formation JavaScript prise en charge jusqu'à 100% des coûts pédagogiques ! * 

Depuis 2011, Atlas (ex-Fafiec) a sélectionné PLB Consultant pour vous proposer les meilleures formations autour du développement objet avec .NET, Java et C++. 
-  Sessions inter-entreprise sur Paris et Lille. 
-  Sessions intra-entreprise sur toute la France. 

* jusqu'à 100% des coûts pédagogiques selon votre branche d'activité dans la limite des fonds mutualisés dédiés aux actions collectives et en application des critères de prise en charge en vigueur (cf conditions détaillées sur le site d'Atlas)

Avis des participants à la formation JavaScript, les fondamentaux

Note moyenne de 4.5/5(31)

Les avis figurant ci-dessous sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.

MJ
4/5

Mon avis sur le contenu du stage :

"Le support du cours est interessante et indisponsable, j'aurais peut etre apprecie plus de structure dans les exemples pour m'aider a referencer les parties que je n'ai pas reussi a completer. J'ai perdu du temps avec le machine virtuel, et finalement c' etait aussi simple de travailler en locale avec une editor et Mozilla"

Mon avis sur le formateur :

"Ca aller assez vite pour moi, surtout que je n'avais pas pu suivre le cours HTML/CSS par avant. J'avais besoin de plus d'interactivite et de repetition, meme si le methode pedagogique faisait le repetition des informations importante par les exemples. "

Ce que j'ai le plus apprécié :

"les examples construit par la formateurs en live. "

Ce que j'ai le moins apprécié :

"pas assez de discussion entre les participants avec les questions qui peut aider tout le monde, peut etre le formateur peux soliciter plus les personnes pour travailler directement avec eux sur leurs questions. Peut etre une methode pour poser les bonnes questions au debut (d'ou viens les inputs/outputs, quel sonts les functions...)"

Olivier
5/5

Mon avis sur le contenu du stage :

"Heureusement que j'en avais fait auparavant tout de même. Je vais devoir digérer tout cela et expérimenter avant de me prétendre opérationnel. Cette formation me permet d'avoir une vision globale de ce qui a évolué fortement ces derniers temps. Cela me permet d'envisager plus sereinement le tournant technologique engagé dans mon service (angular)"

Mon avis sur le formateur :

"Un praticien expert, rien de tel. Normalement cette formation est impossible à faire tellement le sujet est foisonnant : good game :)"

Mon avis sur la salle de formation :

"Mauvais en raison de la connexion lamentable mais c'était notre problème. La prochaine formation à distance serait à mon domicile où ça fonctionne nickel (connexion normale et double écran)."

DT
5/5

Mon avis sur le contenu du stage :

"La partie JQuery, aujourd'hui datée, pourrait être vue rapidement, et réserver une partie aux dernières évolutions du language post 2015. Les exercices effectués en TDD sont une bonne idée."

Ce que j'ai le plus apprécié :

"Formation très bien organisée. Locaux accueillants, propres, café et fruits offerts en salle de pause. Les postes de travails sont suffisament puissants, intallation clean avec accès en administrateur pratique pour installer son IDE préféré."

Ce que j'ai le moins apprécié :

"La salle, petite, accumule vite la chaleur."

Vanessa
4/5

Mon avis sur le contenu du stage :

"Exercices pas toujours simple par rapport à ce qu'il vient d'être vu...notamment pour zoomer sur ce qu'il vient d'être appris. "

Mon avis sur le formateur :

"Les problèmes de distance n'ont surement pas arrangé... "

Ce que j'ai le plus apprécié :

"Tout ce qui a été prévu par PLB au niveau technique était parfait. Après nous dépendions de la qualité bande passante sur place..."

Ce que j'ai le moins apprécié :

"coupures pendant la formation qui peuvent rendre compliqué l'apprentissage..."

MOTTA VITTORIO Emmanuel
5/5

Mon avis sur le contenu du stage :

"Très satisfait de cette formation. Merci."

Mon avis sur le formateur :

"Cette formation a répondu à mes attentes. Le formateur très disponible et vu le nombre peu élevé de participants (3 personnes), le formateur était vraiment très disponible pour répondre à toutes nos interrogations et nos attentes."

Mon avis sur la salle de formation :

"Très satisfait."

Ce que j'ai le plus apprécié :

"Tout."

SIATOTHRO Manuelo
4/5

Mon avis sur le contenu du stage :

"Les cours sont clairs et les supports complets !"

Mon avis sur le formateur :

"Le formateur est pédagogue et patient !"

Mon avis sur la salle de formation :

"Environnement de travail agréable et clair !"

Ce que j'ai le plus apprécié :

"outils informatiques de qualité !"

Ce que j'ai le moins apprécié :

"rien. tout était parfait !"

FJ
4/5

Mon avis sur le contenu du stage :

"Excellente formation mais mon niveau de connaissances en programmation n'était pas suffisante."

Ce que j'ai le plus apprécié :

"Une très bonne pédagogie du formateur et un sujet très intéressant."

Ce que j'ai le moins apprécié :

"Trop court en 3 jours (lié à mes connaissances initiales)."

PERNOUD -HERMANN Carole
4/5

Mon avis sur le contenu du stage :

"utilisation JS sur adobe (Neolane) qui a son propre langage, je dois donc réadapter tout ce que j'ai appris."

Ce que j'ai le plus apprécié :

"interactivités avec les stagiaires"

Ce que j'ai le moins apprécié :

"les niveaux et métiers disparates entre les éleves"

LOUVET Romain
5/5

Mon avis sur le contenu du stage :

"Bon diversité des sujets abordés. Bon ratio théorie / exercices."

Ce que j'ai le plus apprécié :

"Disponibilité du formateur. Qualité du support de cours (doc PDF) qui sera réutilisable par la suite."

Ce que j'ai le moins apprécié :

"RAS"

THALER Pascal
5/5

Mon avis sur le contenu du stage :

"Très bien rythmé"

Mon avis sur le formateur :

"Très bon pédagogue, compétent et très bon exemples terrains !!!!"

DC
5/5

Mon avis sur le contenu du stage :

"Contenu très interessant et complet."

Mon avis sur le formateur :

"Formateur très compétent, pédagogue et chaleureux."

Damien
4/5

Mon avis sur le contenu du stage :

"Mon niveau en dév étant légèrement trop faible. Exercice parfois complexe"

Mon avis sur le formateur :

"Top"

SC
4/5

Ce que j'ai le plus apprécié :

"tranquilité des locaux"

HT
5/5

Mon avis sur le formateur :

"Très Sympathique et pédagogue"

Fabienne
4/5

Mon avis sur le formateur :

"Bonne animation, convivialité."

AGNIEL Céline
5/5
CP
5/5
BJ
4/5
KM
4/5
WRAF
5/5
CG
5/5
AC
4/5
SR
4/5
MOLINA Guillaume
4/5
PP
5/5
LAMBERT Thibault
5/5
RM
4/5
LELONG Yvan
5/5
DV
5/5
TS
4/5
PC
5/5


Formations Informatique
et Management
en ligne à ce jour

+
Stagiaires dans nos salles
de cours sur
l'année

%
De participants satisfaits
ou très satisfaits de nos
formations


Formateurs experts
validés par
PLB