Javascript Moderne : Le bundle
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Javascript Moderne : Le bundle

Carl Brison
Promo -29%
105,00€148,00€
3 paiements de 35,00€ avec Klarna. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Cours dans ce bundle

Le développement moderne en JavaScript - Module 1/8 Cours 1

Le développement moderne en JavaScript - Module 1/8

Le développement moderne en JavaScript - Module 2/8 Cours 2

Le développement moderne en JavaScript - Module 2/8

Le développement moderne en JavaScript - Module 3/8 Cours 3

Le développement moderne en JavaScript - Module 3/8

Le développement moderne en JavaScript - Module 4/8 Cours 4

Le développement moderne en JavaScript - Module 4/8

Le développement moderne en JavaScript - Module 5/8 Cours 5

Le développement moderne en JavaScript - Module 5/8

Le développement moderne en JavaScript - Module 6/8 Cours 6

Le développement moderne en JavaScript - Module 6/8

Le développement moderne en JavaScript - Module 7/8 Cours 7

Le développement moderne en JavaScript - Module 7/8

Le développement moderne en JavaScript - Module 8/8 Cours 8

Le développement moderne en JavaScript - Module 8/8

Plan détaillé des cours

 
Chapitre 1 : Les bases
18m01s
 
Leçon 1Présentation du travail
Leçon 2Où écrit-on du JavaScript ?
Leçon 3Les commentaires
Chapitre 2 : Les variables
1h19m
 
Leçon 1Présentation
Leçon 2Différence entre var et let
Leçon 3Les différents types de variables dites primitives
Leçon 4Les variables de type undefined, string et number
Leçon 5Les variables de type boolean et null
Leçon 6La concaténation en simple quote
Leçon 7La concaténation en double quote
Leçon 8La concaténation moderne
Leçon 9Manipulation des variables
Leçon 10Les variables de références
Leçon 11Les variables de type array 1/2
Leçon 12Les variables de type array 2/2
Leçon 13Tableau dans un tableau
Leçon 14Les variables de type object
Leçon 15Object dans object
Leçon 16Faire des calculs avec des variables
Leçon 17Incrémentation
Leçon 18Décrémentation
Chapitre 3 : Les constantes
08m08s
 
Leçon 1Présentation
Leçon 2Manipulation d'une constante
Leçon 3Calcul avec une constante
Chapitre 4 : Conclusion
01m36s
 
Leçon 1Conclusion
 
Chapitre 1 : Les instructions conditionnelles if
18m28s
 
Leçon 1Présentation
Leçon 2Les opérateurs de comparaison supérieur et inférieur
Leçon 3Les opérateurs de comparaison d'égalité et d'égalité stricte
Leçon 4Les opérateurs de comparaison de différence et de différence stricte
Chapitre 2 : Apprendre à écrire sur la page web avec JS
18m47s
 
Leçon 1Présentation
Leçon 2Cibler un élément html par son id
Leçon 3Envoyer du html
Leçon 4Cibler un élément html par son nom
Leçon 5Cibler un élément html par sa classe
Chapitre 3 : Notre premier programme
10m40s
 
Leçon 1Mise en place des bases html et css
Leçon 2Mise en place d'une instruction conditionnelle
Leçon 3Modification de l'instruction conditionnelle
Chapitre 4 : Amélioration de notre programme
15m41s
 
Leçon 1Mise en place d'une contre condition
Leçon 2Mise en place d'une nouvelle condition
Leçon 3Correction de notre programme
Leçon 4Autre solution
Chapitre 5 : Exercice 1
29m08s
 
Leçon 1Enoncé
Leçon 2Mise en forme CSS
Leçon 3Déclaration des prix en JavaScript
Leçon 4Déclaration des quantités et des remises
Leçon 5Mise en place du calcul
Leçon 6Affichage du résultat sur la page web
Leçon 7Singulier, pluriel
Leçon 8On affiche la remise si elle est > 0
Leçon 9Mise en forme des résultats
Chapitre 6 : Les ternaires
04m34s
 
Leçon 1Présentation
Leçon 2Application
Chapitre 7 : Exercice 2
13m09s
 
Leçon 1Enoncé
Leçon 2Résultat du programme
Leçon 3Factorisation
Chapitre 8 : Le switch
14m36s
 
Leçon 1Présentation
Leçon 2Application 1
Leçon 3Application 2
Chapitre 9 : Exercice 3
14m44s
 
Leçon 1Enoncé
Leçon 2Mise en forme CSS
Leçon 3Déclaration des variables
Leçon 4Mise en place du switch
Chapitre 10 : Conclusion
03m21s
 
Leçon 1Conclusion
 
Chapitre 1 : Déclarer et appeler une fonction
41m43s
 
Leçon 1Qu'est-ce qu'une fonction ?
Leçon 2Déclarer une fonction, théorie
Leçon 3Déclarer une fonction, application
Leçon 4Déclarer une fonction avec paramètres
Leçon 5Déclarer une expression de fonction, théorie
Leçon 6Déclarer une expression de fonction, application
Leçon 7Déclarer une expression de fonction avec paramètres
Leçon 8Déclarer une expression de fonction fléchée, théorie
Leçon 9Déclarer une expression de fonction fléchée, application
Leçon 10Déclarer une expression de fonction fléchée avec paramètres
Chapitre 2 : Ordre de priorité
08m23s
 
Leçon 1Les fonctions classiques
Leçon 2Les expressions de fonction
Leçon 3Les expressions de fonction fléchée
Chapitre 3 : Portée des variables
08m52s
 
Leçon 1Les fonctions classiques, variable locale
Leçon 2Les fonctions classiques, variable globale
Leçon 3Les expressions de fonction et les expressions de fonction fléchée
Chapitre 4 : Exercice
10m17s
 
Leçon 1Enoncé
Leçon 2Correction
Chapitre 5 : Conclusion
01m17s
 
Leçon 1Conclusion
 
Chapitre 1 : Les boucles en programmation JavaScript
01m33s
 
Leçon 1Présentation
Chapitre 2 : La boucle FOR
23m30s
 
Leçon 1Présentation
Leçon 2L'incrémentation
Leçon 3La décrémentation
Leçon 4Exercice 1
Chapitre 3 : La boucle WHILE
10m52s
 
Leçon 1Présentation
Leçon 2Incrémentation et décrémentation
Leçon 3Exercice 2
Chapitre 4 : La boucle DO WHILE
04m53s
 
Leçon 1Différence avec les boucles WHILE et FOR
Chapitre 5 : Boucler dans une variable d'objet
06m22s
 
Leçon 1Afficher toutes les clés
Leçon 2Afficher la valeur liée à la clé
Chapitre 6 : Boucler dans une variable de tableau
02m46s
 
Leçon 1Afficher toutes les valeurs
Chapitre 7 : Pour aller plus avec les boucles
12m55s
 
Leçon 1L'instruction BREAK
Leçon 2Exercice 3
Leçon 3L'instruction CONTINUE
Leçon 4Exercice 4
Chapitre 8 : Exercice 5
19m22s
 
Leçon 1Enoncé
Leçon 2Correction 1/4
Leçon 3Correction 2/4
Leçon 4Correction 3/4
Leçon 5Correction 4/4
Chapitre 9 : Conclusion
01m18s
 
Leçon 1Conclusion
 
Chapitre 1 : L'écouteur d'événements
22m28s
 
Leçon 1Présentation
Leçon 2Théorie
Leçon 3La fonction de callback
Leçon 4Application
Leçon 5Le mot clé this
Chapitre 2 : Les événements
39m43s
 
Leçon 1Liste des événements
Leçon 2Evènement lié à la souris
Leçon 3Evénement lié au formulaire 1/3
Leçon 4Evénement lié au formulaire 2/3
Leçon 5Evénement lié au formulaire 3/3
Leçon 6Evénement lié aux touches du clavier
Chapitre 3 : Cibler des éléments HTML
11m57s
 
Leçon 1Rappel
Leçon 2La méthode querySelector
Leçon 3La méthode querySelectorAll
Chapitre 4 : Exercice 1
09m21s
 
Leçon 1Enoncé
Leçon 2Solution 1/2
Leçon 3Solution 2/2
Chapitre 5 : Mettre en place plusieurs événements
09m28s
 
Leçon 1Présentation
Leçon 2Création du premier événement
Leçon 3Création du deuxième événement
Leçon 4Et avec un toggle ?
Chapitre 6 : Exercice 2
13m08s
 
Leçon 1Enoncé
Leçon 2Solution 1/2
Leçon 3Solution 2/2
Chapitre 7 : Plus loin avec les formulaires
24m25s
 
Leçon 1Manipulation d'une case à cocher 1/2
Leçon 2Manipulation d'une case à cocher 2/2
Leçon 3Manipulation d'un menu select 1/3
Leçon 4Manipulation d'un menu select 2/3
Leçon 5Manipulation d'un menu select 3/3
Chapitre 8 : Conclusion
02m08s
 
Leçon 1Conclusion
 
Chapitre 1 : Le DOM
27m35s
 
Leçon 1Présentation
Leçon 2Exemple
Leçon 3Manipulation
Leçon 4Exemple
Leçon 5Conclusion
Chapitre 2 : L'objet window
1h27m
 
Leçon 1Présentation
Leçon 2Les différentes fenêtres
Leçon 3Exercice fenêtre alert: Enoncé
Leçon 4Exercice fenêtre alert: Correction 1/2
Leçon 5Exercice fenêtre alert: Correction 2/2
Leçon 6Exercice fenêtre confirm: Enoncé
Leçon 7Exercice fenêtre confirm: Correction
Leçon 8Exercice fenêtre prompt: Enoncé
Leçon 9Exercice fenêtre prompt: Correction
Leçon 10Créer une fenêtre 1/4
Leçon 11Créer une fenêtre 2/4
Leçon 12Créer une fenêtre 3/4
Leçon 13Créer une fenêtre 4/4
Leçon 14Tester la longueur de l'historique de navigation
Leçon 15Historique de navigation 1/3
Leçon 16Historique de navigation 2/3
Leçon 17Historique de navigation 3/3
Leçon 18Capter la position du pointeur de la souris
Leçon 19Détecter le positionnement du scroll
Leçon 20Le scroll :: Enoncé
Leçon 21Le scroll :: Correction
Chapitre 3 : Conclusion
01m09s
 
Leçon 1Conclusion
 
Chapitre 1 : L'objet document
1h07m
 
Leçon 1Présentation
Leçon 2Sélection par l'identifiant
Leçon 3Manipulations de l'identifiant
Leçon 4Sélection par la classe
Leçon 5Manipulations de la classe
Leçon 6Sélection par un élément HTML
Leçon 7Manipulations d'un élément HTML
Leçon 8Sélection par les sélecteurs 1/2
Leçon 9Sélection par les sélecteurs 2/2
Leçon 10Manipulation d'un attribut HTML
Leçon 11Manipulation d'une classe css
Chapitre 2 : Exercice 1
07m02s
 
Leçon 1Enoncé
Leçon 2Correction
Chapitre 3 : Exercice 2
17m54s
 
Leçon 1Enoncé
Leçon 2Mise en place du HTML
Leçon 3Mise en place du CSS
Leçon 4Mise en place du JavaScript 1/2
Leçon 5Mise en place du JavaScript 2/2
Chapitre 4 : Conclusion
06m06s
 
Leçon 1Pour le prochain module
Leçon 2Conclusion
 
Chapitre 1 : Exercice : Menu accordéon
37m50s
 
Leçon 1Enoncé
Leçon 2Mise en place du HTML et du CSS
Leçon 3Mise en place du javascript
Leçon 4On duplique les menus accordéons
Leçon 5Identification des questions face aux réponses
Leçon 6Finalisation de notre code Javascript
Chapitre 2 : Menu à onglet
30m33s
 
Leçon 1Enoncé
Leçon 2Mise en place du html et du css
Leçon 3Valeurs par défaut
Leçon 4Mise en place du javascript
Chapitre 3 : Conclusion
02m36s
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
39
Apprenants
20
Commentaires
5/5
Note moyenne
5/5
19
4/5
1
3/5
0
2/5
0
1/5
0
Olivier Ousmail
Olivier Ousmail
Publié le 14/11/2023
Bon tuto, intéressant et bien expliqué malgré quelques carabistouilles sur certaines vidéo qui mériteraient peut être d'être revues (particulièrement la vidéo sur les opérateurs de différence != et !== ). Merci
Jean-François Leroi
Jean-François Leroi
Publié le 28/04/2023
Super intéressant. Tuto clair et pratique.
Carl Brison
Carl Brison
Merci beaucoup ;-)
Eric Reynaud
Eric Reynaud
Publié le 02/04/2023
Merci Carl, super tuto comme d‘habitude ! Je passe à la suite. A bientôt , Eric
Carl Brison
Carl Brison
Merci beaucoup Eric ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

JavaScript

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard ou en 3x

Prix d'achat : 105,00 €
Pour payer plus tard ou en plusieurs versements échelonnés, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez plus tard ou en plusieurs fois

3 paiements de 35,00 €
tous les mois, sans intérêts
Total : 105,00 €
Afficher les conditions : Klarna
Klarna : conditions d'utilisation du paiement différé en 3 échéances.

Attendez ! 🤗

Accédez à plus de 1357 tutos gratuits

Notre politique de protection des données