Javascript Moderne : Le bundle
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
13h42
de formation
192
leçons vidéo
8
formations
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Javascript Moderne : Le bundle

Promo -29%
4.8/5 Trustpilot (1385 avis) Satisfait ou remboursé
13h42
de formation
192
leçons vidéo
8
formations

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

18m01
 
Leçon 1Présentation du travail
Leçon 2Où écrit-on du JavaScript ?
Leçon 3Les commentaires

Chapitre 2 : Les variables

1h19
 
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

08m08
 
Leçon 1Présentation
Leçon 2Manipulation d'une constante
Leçon 3Calcul avec une constante

Chapitre 4 : Conclusion

01m36
 
Leçon 1Conclusion
 

Chapitre 1 : Les instructions conditionnelles if

18m28
 
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

18m47
 
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

10m40
 
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

15m41
 
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

29m08
 
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

04m34
 
Leçon 1Présentation
Leçon 2Application

Chapitre 7 : Exercice 2

13m09
 
Leçon 1Enoncé
Leçon 2Résultat du programme
Leçon 3Factorisation

Chapitre 8 : Le switch

14m36
 
Leçon 1Présentation
Leçon 2Application 1
Leçon 3Application 2

Chapitre 9 : Exercice 3

14m44
 
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

03m21
 
Leçon 1Conclusion
 

Chapitre 1 : Déclarer et appeler une fonction

41m43
 
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é

08m23
 
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

08m52
 
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

10m17
 
Leçon 1Enoncé
Leçon 2Correction

Chapitre 5 : Conclusion

01m17
 
Leçon 1Conclusion
 

Chapitre 1 : Les boucles en programmation JavaScript

01m33
 
Leçon 1Présentation

Chapitre 2 : La boucle FOR

23m30
 
Leçon 1Présentation
Leçon 2L'incrémentation
Leçon 3La décrémentation
Leçon 4Exercice 1

Chapitre 3 : La boucle WHILE

10m52
 
Leçon 1Présentation
Leçon 2Incrémentation et décrémentation
Leçon 3Exercice 2

Chapitre 4 : La boucle DO WHILE

04m53
 
Leçon 1Différence avec les boucles WHILE et FOR

Chapitre 5 : Boucler dans une variable d'objet

06m22
 
Leçon 1Afficher toutes les clés
Leçon 2Afficher la valeur liée à la clé

Chapitre 6 : Boucler dans une variable de tableau

02m46
 
Leçon 1Afficher toutes les valeurs

Chapitre 7 : Pour aller plus avec les boucles

12m55
 
Leçon 1L'instruction BREAK
Leçon 2Exercice 3
Leçon 3L'instruction CONTINUE
Leçon 4Exercice 4

Chapitre 8 : Exercice 5

19m22
 
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

01m18
 
Leçon 1Conclusion
 

Chapitre 1 : L'écouteur d'événements

22m28
 
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

39m43
 
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

11m57
 
Leçon 1Rappel
Leçon 2La méthode querySelector
Leçon 3La méthode querySelectorAll

Chapitre 4 : Exercice 1

09m21
 
Leçon 1Enoncé
Leçon 2Solution 1/2
Leçon 3Solution 2/2

Chapitre 5 : Mettre en place plusieurs événements

09m28
 
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

13m08
 
Leçon 1Enoncé
Leçon 2Solution 1/2
Leçon 3Solution 2/2

Chapitre 7 : Plus loin avec les formulaires

24m25
 
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

02m08
 
Leçon 1Conclusion
 

Chapitre 1 : Le DOM

27m35
 
Leçon 1Présentation
Leçon 2Exemple
Leçon 3Manipulation
Leçon 4Exemple
Leçon 5Conclusion

Chapitre 2 : L'objet window

1h27
 
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

01m09
 
Leçon 1Conclusion
 

Chapitre 1 : L'objet document

1h07
 
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

07m02
 
Leçon 1Enoncé
Leçon 2Correction

Chapitre 3 : Exercice 2

17m54
 
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

06m06
 
Leçon 1Pour le prochain module
Leçon 2Conclusion
 

Chapitre 1 : Exercice : Menu accordéon

37m50
 
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

30m33
 
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

02m36
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
332
Apprenants
24
Commentaires
5/5
Note moyenne
5/5
23
4/5
1
3/5
0
2/5
0
1/5
0
Capitainetroy
Capitainetroy
Publié le 17/11/2024
Tré bon tuto. Clair et parfait
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil
Penelope Bourg
Penelope Bourg
Publié le 13/11/2024
Un vrai tuto passionnant pour débutants qui donne des bases très solides ! Merci et bravo pour votre pédagogie.
Carl Brison
Carl Brison
Je vous remercie beaucoup pour votre commentaire ;-)
Marc Baudin
Marc Baudin
Publié le 31/10/2024
bon tuto, clair et compréhensible pour un débutant
Carl Brison
Carl Brison
Merci pour votre commentaire

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
147,99€ 105€
Promo -29%
Paiement unique, sans abonnement
Accès à vie à cette formation
13h42 de vidéo
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 752 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1420 tutos gratuits

Notre politique de protection des données