Javascript est un langage de programmation de plus en plus utilisé. Il fait parti des compétences très demandées sur le marché de l'emploi.
Vous souhaitez faire du développement front-end ? Javascript fait partie d'une des briques à maîtriser.
De nombreux frameworks Javascript existent aujourd'hui. Mais trop de débutants foncent tête baissée dans leur utilisation, sans connaître réellement les bases fondamentales du langage.
Apprendre à développer en Javascript pur (aussi appelé vanilla) vous fera gagner beaucoup de temps.
Cette formation en ligne regroupe 8 volumes dédiés au sujet, à une prix plus attractif.
Près de 14h00 d'apprentissage consacrées à la programmation en JavaScript moderne.
Théories mais aussi beaucoup de pratique afin de devenir un bon développeur frontend.
Au programme de cette formation complète en ligne sur la programmation Javascript Moderne
Voici les notions que nous allons aborder dans ce cours en ligne :
- Nous allons débuter notre apprentissage par les variables.
Nous verrons comment les déclarer. Nous étudierons les différents types de variables disponibles en JavaScript et enfin nous apprendrons à concaténer ces variables avec des chaînes de caractères de manière moderne. - Nous passerons ensuite à l'apprentissage des instructions conditionnelles.
Cela va nous permettre de proposer un peu de dynamisme à nos pages web. Beaucoup d'exercices concrets sont abordés dans ce chapitre. - Nous apprendrons à déclarer des fonctions modernes en JavaScript afin d'améliorer la lisibilité de notre code. Un code clair et un code facilement maintenable.
- Afin de pouvoir répéter des portions de code, nous allons voir ensembles les boucles en programmation JS.
- Nos connaissances devenant de plus en plus importantes, nous allons alors pouvoir apprendre à manipuler des éléments HTML grâce au JavaScript et cela sans jamais recharger la page courante. Voila qui va devenir vraiment très intéressant !
- Cela nous permettra ensuite d'apprendre le fonctionnement du DOM afin d'apprendre efficacement à manipuler n'importe quel élément HTML se trouvent sur la page web courante, tel que un menu accordéon ou bien un menu à onglet...
A la fin de cette formation 100% à distance, vous aurez acquis les bases fondamentales de Javascript.
Vous aurez un contrôle total sur votre code.
Et vous pourrez évoluer sur des notions plus avancées ou même commencer à utiliser plus sereinement des Frameworks Javascript, comme VueJS.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Bonne découverte de Javascript.
Tuto composant ce bundle :
Le développement moderne en JavaScript - Module 1/8 (voir la fiche produit)
Les bases
- Présentation du travail gratuit00:06:17
- Où écrit-on du JavaScript ? 00:08:25
- Les commentaires 00:03:19
Les variables
- Présentation 00:09:18
- Différence entre var et let 00:04:30
- Les différents types de variables dites primitives 00:02:34
- Les variables de type undefined, string et number 00:04:09
- Les variables de type boolean et null 00:04:12
- La concaténation en simple quote 00:06:00
- La concaténation en double quote 00:02:27
- La concaténation moderne 00:03:52
- Manipulation des variables 00:03:32
- Les variables de références 00:01:06
- Les variables de type array 1/2 00:08:07
- Les variables de type array 2/2 00:02:58
- Tableau dans un tableau 00:04:19
- Les variables de type object 00:06:12
- Object dans object 00:04:11
- Faire des calculs avec des variables 00:07:19
- Incrémentation 00:03:26
- Décrémentation 00:01:31
Les constantes
- Présentation 00:03:31
- Manipulation d'une constante 00:02:20
- Calcul avec une constante 00:02:17
Conclusion
- Conclusion 00:01:36
Le développement moderne en JavaScript - Module 2/8 (voir la fiche produit)
Les instructions conditionnelles if
- Présentation gratuit00:05:53
- Les opérateurs de comparaison supérieur et inférieur 00:02:19
- Les opérateurs de comparaison d'égalité et d'égalité stricte 00:06:40
- Les opérateurs de comparaison de différence et de différence stricte 00:03:36
Apprendre à écrire sur la page web avec JS
- Présentation 00:01:15
- Cibler un élément html par son id 00:07:45
- Envoyer du html 00:02:16
- Cibler un élément html par son nom 00:03:14
- Cibler un élément html par sa classe 00:04:17
Notre premier programme
- Mise en place des bases html et css 00:03:02
- Mise en place d'une instruction conditionnelle 00:03:25
- Modification de l'instruction conditionnelle 00:04:13
Amélioration de notre programme
- Mise en place d'une contre condition 00:03:37
- Mise en place d'une nouvelle condition 00:04:21
- Correction de notre programme 00:03:51
- Autre solution 00:03:52
Exercice 1
- Enoncé 00:04:51
- Mise en forme CSS 00:01:44
- Déclaration des prix en JavaScript 00:04:45
- Déclaration des quantités et des remises 00:03:54
- Mise en place du calcul 00:02:22
- Affichage du résultat sur la page web 00:04:21
- Singulier, pluriel 00:02:11
- On affiche la remise si elle est > 0 00:02:24
- Mise en forme des résultats 00:02:36
Les ternaires
- Présentation 00:02:00
- Application 00:02:34
Exercice 2
- Enoncé 00:02:08
- Résultat du programme 00:07:22
- Factorisation 00:03:39
Le switch
- Présentation 00:04:49
- Application 1 00:04:14
- Application 2 00:05:33
Exercice 3
- Enoncé 00:02:17
- Mise en forme CSS 00:02:10
- Déclaration des variables 00:02:46
- Mise en place du switch 00:07:31
Conclusion
- Conclusion 00:03:21
Le développement moderne en JavaScript - Module 3/8 (voir la fiche produit)
Déclarer et appeler une fonction
- Qu'est-ce qu'une fonction ? gratuit00:02:00
- Déclarer une fonction, théorie 00:03:13
- Déclarer une fonction, application 00:07:52
- Déclarer une fonction avec paramètres 00:08:15
- Déclarer une expression de fonction, théorie 00:03:21
- Déclarer une expression de fonction, application 00:04:41
- Déclarer une expression de fonction avec paramètres 00:04:22
- Déclarer une expression de fonction fléchée, théorie 00:02:10
- Déclarer une expression de fonction fléchée, application 00:02:46
- Déclarer une expression de fonction fléchée avec paramètres 00:03:03
Ordre de priorité
- Les fonctions classiques 00:04:24
- Les expressions de fonction 00:02:39
- Les expressions de fonction fléchée 00:01:20
Portée des variables
- Les fonctions classiques, variable locale 00:02:53
- Les fonctions classiques, variable globale 00:03:12
- Les expressions de fonction et les expressions de fonction fléchée 00:02:47
Exercice
- Enoncé 00:01:14
- Correction 00:09:03
Conclusion
- Conclusion 00:01:17
Le développement moderne en JavaScript - Module 4/8 (voir la fiche produit)
Les boucles en programmation JavaScript
- Présentation gratuit00:01:33
La boucle FOR
- Présentation 00:06:43
- L'incrémentation 00:02:55
- La décrémentation 00:03:53
- Exercice 1 00:09:59
La boucle WHILE
- Présentation 00:04:04
- Incrémentation et décrémentation 00:03:26
- Exercice 2 00:03:22
La boucle DO WHILE
- Différence avec les boucles WHILE et FOR 00:04:53
Boucler dans une variable d'objet
- Afficher toutes les clés 00:04:42
- Afficher la valeur liée à la clé 00:01:40
Boucler dans une variable de tableau
- Afficher toutes les valeurs 00:02:46
Pour aller plus avec les boucles
- L'instruction BREAK 00:03:44
- Exercice 3 00:03:22
- L'instruction CONTINUE 00:02:49
- Exercice 4 00:03:00
Exercice 5
- Enoncé 00:01:41
- Correction 1/4 00:04:28
- Correction 2/4 00:05:32
- Correction 3/4 00:04:32
- Correction 4/4 00:03:09
Conclusion
- Conclusion 00:01:18
Le développement moderne en JavaScript - Module 5/8 (voir la fiche produit)
L'écouteur d'événements
- Présentation gratuit00:05:23
- Théorie 00:05:11
- La fonction de callback 00:02:57
- Application 00:02:48
- Le mot clé this 00:06:09
Les événements
- Liste des événements 00:03:55
- Evènement lié à la souris 00:10:29
- Evénement lié au formulaire 1/3 00:08:12
- Evénement lié au formulaire 2/3 00:05:44
- Evénement lié au formulaire 3/3 00:04:38
- Evénement lié aux touches du clavier 00:06:45
Cibler des éléments HTML
- Rappel 00:03:22
- La méthode querySelector 00:04:56
- La méthode querySelectorAll 00:03:39
Exercice 1
- Enoncé gratuit00:01:06
- Solution 1/2 00:04:10
- Solution 2/2 00:04:05
Mettre en place plusieurs événements
- Présentation gratuit00:01:31
- Création du premier événement 00:04:23
- Création du deuxième événement 00:01:47
- Et avec un toggle ? 00:01:47
Exercice 2
- Enoncé gratuit00:01:20
- Solution 1/2 00:03:52
- Solution 2/2 00:07:56
Plus loin avec les formulaires
- Manipulation d'une case à cocher 1/2 00:03:54
- Manipulation d'une case à cocher 2/2 00:05:13
- Manipulation d'un menu select 1/3 00:03:51
- Manipulation d'un menu select 2/3 00:05:25
- Manipulation d'un menu select 3/3 00:06:02
Conclusion
- Conclusion 00:02:08
Le développement moderne en JavaScript - Module 6/8 (voir la fiche produit)
Le DOM
- Présentation 00:04:35
- Exemple 00:09:34
- Manipulation 00:02:50
- Exemple 00:07:27
- Conclusion 00:03:09
L'objet window
- Présentation 00:03:56
- Les différentes fenêtres 00:04:34
- Exercice fenêtre alert: Enoncé 00:01:33
- Exercice fenêtre alert: Correction 1/2 00:06:29
- Exercice fenêtre alert: Correction 2/2 00:03:54
- Exercice fenêtre confirm: Enoncé 00:00:56
- Exercice fenêtre confirm: Correction 00:04:58
- Exercice fenêtre prompt: Enoncé 00:01:23
- Exercice fenêtre prompt: Correction 00:05:56
- Créer une fenêtre 1/4 00:00:51
- Créer une fenêtre 2/4 00:04:55
- Créer une fenêtre 3/4 00:05:54
- Créer une fenêtre 4/4 00:02:51
- Tester la longueur de l'historique de navigation 00:06:38
- Historique de navigation 1/3 00:01:25
- Historique de navigation 2/3 00:05:37
- Historique de navigation 3/3 00:02:42
- Capter la position du pointeur de la souris 00:08:04
- Détecter le positionnement du scroll 00:04:29
- Le scroll :: Enoncé 00:02:08
- Le scroll :: Correction 00:07:48
Conclusion
- Conclusion 00:01:09
Le développement moderne en JavaScript - Module 7/8 (voir la fiche produit)
L'objet document
- Présentation gratuit00:03:09
- Sélection par l'identifiant 00:08:20
- Manipulations de l'identifiant 00:07:43
- Sélection par la classe 00:07:58
- Manipulations de la classe 00:07:22
- Sélection par un élément HTML 00:04:37
- Manipulations d'un élément HTML 00:05:46
- Sélection par les sélecteurs 1/2 00:06:37
- Sélection par les sélecteurs 2/2 00:04:18
- Manipulation d'un attribut HTML 00:05:35
- Manipulation d'une classe css 00:05:38
Exercice 1
- Enoncé 00:01:08
- Correction 00:05:54
Exercice 2
- Enoncé 00:02:20
- Mise en place du HTML 00:02:46
- Mise en place du CSS 00:04:03
- Mise en place du JavaScript 1/2 00:05:02
- Mise en place du JavaScript 2/2 00:03:43
Conclusion
- Pour le prochain module 00:03:42
- Conclusion 00:02:24
Le développement moderne en JavaScript - Module 8/8 (voir la fiche produit)
Exercice : Menu accordéon
- Enoncé 00:01:44
- Mise en place du HTML et du CSS 00:10:07
- Mise en place du javascript 00:07:21
- On duplique les menus accordéons 00:05:43
- Identification des questions face aux réponses 00:04:19
- Finalisation de notre code Javascript 00:08:36
Menu à onglet
- Enoncé 00:01:26
- Mise en place du html et du css 00:11:16
- Valeurs par défaut 00:06:26
- Mise en place du javascript 00:11:25
Conclusion
- Conclusion 00:02:36
Formateur : Carl Brison
-
Super intéressant. Tuto clair et pratique.
-
Merci Carl, super tuto comme d‘habitude ! Je passe à la suite. A bientôt , Eric
-
Très bon bundle, j'avais beaucoup de mal à comprendre le JavaScript jusque là, notamment le fonctionnement et par où commencer. Les exercices sont concrets, on entre dans le vif du sujet et on comprend comment et où appliquer les notions, ce dont j'avais réellement besoin. Désormais je me rend compte de toutes les possibilité qu'offre le JS moderne et j'ai hâte de pouvoir l'utiliser dans mes futurs projets.
-
Avec quelle version de logiciel ce tuto est-il compatible ?JavaScript
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés