JavaScript moderne avancé - Storage
JavaScript moderne avancé - Storage
Dans cette formation JavaScript, vous apprendrez à utiliser le langage JavaScript pour dynamiser vos pages Web. Elle s'adresse à un public débutant et intermédiaire. Lorsque vous l'aurez entièrement suivie, vous connaitrez tout ce qu'il faut savoir pour être autonome dans vos projets. Ce tuto complet vise les personnes souhaitant faire de l'intégration ou du développement web.
Au programme de cette formation complète Javascript :
Voici les notions qui vont être abordées lors de cette formation :
- Utiliser les instructions du langage JavaScript. Vous pourrez ainsi écrire toutes sortes de codes pour répondre à toutes sortes de situation. De la validation locale de formulaires à l'utilisation d'API en passant par la modification du DOM, et bien d'autres sujets encore.
- Déboguer votre code pour trouver rapidement l'instruction ou les instructions qui bloquent son exécution ou provoquent des comportements que vous n'avez pas prévus.
- Accéder aux objets par défaut du langage JavaScript et créer vos propres objets. Tout en améliorant les possibilités du langage, vous pourrez définir des objets qui correspondent exactement à ce dont vous avez besoin dans vos projets personnels ou ceux développés dans votre entreprise.
- Créer du code pour réagir aux événements de l'utilisateur et du système. Ce code permettra par exemple de réagir aux clics souris, aux frappes sur le clavier, au redimensionnement de la fenêtre du navigateur ou encore à l'horloge système. Lorsqu'un tel événement se produira, le contenu de la page pourra changer de façon dynamique pour améliorer l'expérience de l'utilisateur.
- Interagir avec un programme serveur en AJAX. Pour être le plus efficace possible, les échanges AJAX se feront via la bibliothèque jQuery.
- Utiliser des API pour faciliter vos développements : drag and drop, géolocalisation, local storage, web workers, 3D avec WebGL. Etc.
Il ne s'agit là que de quelques-uns des sujets abordés dans cette formation. Que vous débutiez en programmation JavaScript ou que vous ayez déjà une certaine expérience, vous y trouverez un ensemble de techniques qui simplifieront vos futurs projets, raccourciront vos temps de développement et augmenteront sa pérennité.
Tout au long de la formation, de nombreux exercices vous sont proposés. Pour bien apprendre à programmer en JavaScript, vous devez jouer le jeu et vous appliquer à résoudre chacun des exercices proposés. Rassurez-vous, la difficulté ira croissante. Et vous serez en mesure de résoudre les premiers exercices même si vous n'avez actuellement aucune connaissance en JavaScript !
Je vous souhaite une bonne lecture et beaucoup de découvertes toutes aussi passionnantes les unes que les autres !
En bonus avec ce tuto
Note : un eBook est fourni avec cette formation. Ce livre de 219 pages reprend les notions abordées sous forme de vidéo dans le cours.
Je reste disponible dans le salon d'entraide pour répondre à vos questions !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Module 1 – Brève introduction avant de commencer à coder
Module 1 – Brève introduction avant de commencer à coder
Chapitre 2
Module 2 – Le langage JavaScript
Module 2 – Le langage JavaScript
Chapitre 3
Module 3 – Tout d'horizon du langage JavaScript
Module 3 – Tout d'horizon du langage JavaScript
Chapitre 4
Module 4 – Programmation objet en JavaScript
Module 4 – Programmation objet en JavaScript
Chapitre 5
Module 5 - Evénements et données
Module 5 - Evénements et données
Chapitre 6
Module 6 - Interaction JavaScript CSS
Module 6 - Interaction JavaScript CSS
Chapitre 7
Module 7 - AJAX
Module 7 - AJAX
Plan détaillé du cours
Chapitre 1 : Module 1 – Brève introduction avant de commencer à coder
18m37s
Leçon 1Les moteurs de rendu
Leçon 2Histoire du JavaScript
Leçon 3Activer l'exécution de JavaScript dans le navigateur
Leçon 4Tester si JavaScript est activé
Leçon 5Editeurs de code HTML/XHTML/CSS/JavaScript
Leçon 6Débogage dans le navigateur
Leçon 7A savoir avant de commencer à coder
Chapitre 2 : Module 2 – Le langage JavaScript
43m13s
Leçon 1Squelette standard
Leçon 2Où insérer le code JavaScript ?
Leçon 3Des commentaires dans le code
Leçon 4Une fonction dans une balise [removed]
Leçon 5Exercice
Leçon 6Gestion des exceptions
Leçon 7Mise en place d'un gestionnaire d'événements
Leçon 8Variables et types de données
Leçon 9Conversions de types
Chapitre 3 : Module 3 – Tout d'horizon du langage JavaScript
44m41s
Leçon 1Opérateurs et expressions
Leçon 2L'instruction de contrôle if... else [.. else]
Leçon 3Instructions répétitives
Leçon 4Un cas particulier de l'instruction for
Leçon 5L'instruction while
Leçon 6Quelques astuces à connaitre sur les boucles
Leçon 7Définition d'un tableau
Chapitre 4 : Module 4 – Programmation objet en JavaScript
1h11m
Leçon 1Les objets par défaut de JavaScript
Leçon 2L'objet Date
Leçon 3L'objet Math
Leçon 4Utilisation d'un objet par défaut
Leçon 5L'objet String
Leçon 6Les expressions régulières – l'objet RegExp
Leçon 7Les objets liés au navigateur
Leçon 8L'objet history
Leçon 9L'objet location
Leçon 10L'objet navigator
Leçon 11L'objet document
Leçon 12Le tableau elements[]
Leçon 13L'objet window
Leçon 14Extension des objets prédéfinis
Leçon 15Définition d'objets avec la classe Object
Leçon 16Définition d'objets avec la notation JSON
Chapitre 5 : Module 5 - Evénements et données
1h17m
Leçon 1Accès aux éléments du DOM
Leçon 2Exercices sur la fonction getElementById
Leçon 3Associer dynamiquement un événement à un élément
Leçon 4Passage de paramètres littéraux dans la fonction événementielle
Leçon 5Passage du mot-clé this dans une fonction
Leçon 6Passage du mot-clé event dans une fonction
Leçon 7Effet Rollover
Leçon 8Version moderne du gestionnaire d'événements
Leçon 9Suppression d'un gestionnaire d'événements
Leçon 10Redirection en JavaScript
Leçon 11Cookies
Leçon 12Formulaires - Validation en HTML5
Leçon 13Validation de formulaires en JavaScript
Chapitre 6 : Module 6 - Interaction JavaScript CSS
17m10s
Leçon 1Accès aux propriétés CSS en JavaScript
Leçon 2Ajouter/supprimer une classe
Leçon 3L'objet StyleSheet
Chapitre 7 : Module 7 - AJAX
1h02m
Leçon 1Le concept d’échanges asynchrones avec HTTP
Leçon 2Vocabulaire jQuery
Leçon 3Installation du serveur WampServer
Leçon 4Réagir au clic sur un bouton en jQuery
Leçon 5Charger un fichier avec AJAX
Leçon 6Charger une partie d'un fichier
Leçon 7Requête GET
Leçon 8Requête POST
Leçon 9Charger des données JSON
Leçon 10La méthode $.ajax()
Chapitre 8 : Module 8 – Les API JavaScript
47m52s
Leçon 1API File
Leçon 2Drag and Drop
Leçon 3Géolocalisation
Leçon 4Local Storage
Leçon 5Web Workers
Leçon 6WebGL
Avis des apprenants