JavaScript moderne avancé - Manipulation du temps
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO JavaScript moderne avancé - Manipulation du temps

Carl Brison
49,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans cette formation en ligne dédiée au JavaScript moderne avancé, nous allons apprendre à gérer le temps.
La gestion du temps inclut la manipulation JavaScript des dates ainsi que des heures.

Au programme JavaScript Moderne Avancé - Manipulation du temps

Cette formation avancée sur le JavaScript moderne est composée de 3 parties :

  • La première partie est centrée sur la théorie.
    1h30 pour connaître l'essentiel de ce qu'il y a à savoir sur la gestion des dates en JavaScript (objet Date, timestamp, afficher la date au format français, heure UTC, Zulu Time, créer des intervalles de temps...)
  • La seconde partie est l'application de tout ce que nous aurons appris lors de la première partie.
    Je vous propose 2 projets : la création d'un chronomètre ainsi que la création d'un compte à rebours.
  • La troisième et dernière partie est dédiée à l'apprentissage de la librairie moment.JS.
    Nous verrons cette librairie une fois que le fonctionnement de la gestion du temps en Javascript pur aura été compris et maîtrisé.

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.

Pour suivre ce cours en ligne dans de bonnes conditions, il est fortement conseillé d'avoir des connaissances en JavaScript et notamment en JavaScript moderne. Je mets à votre disposition, un programme complet qui vous permettra de connaître toutes les bases en programmation moderne en JavaScript.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Théorie sur les dates en JavaScript
Chapitre 2
Exercice : Création d'un chronomètre
Chapitre 3
Exercice : Création d'un compte à rebours
Chapitre 4
La librairie moment.JS
Chapitre 5
Conclusion

Plan détaillé du cours

Chapitre 1 : Théorie sur les dates en JavaScript
1h24m
 
Leçon 1Instanciation de l'objet date
Leçon 2Comprendre le timestamp
Leçon 3Manipulation du timestamp
Leçon 4Afficher la date au format français
Leçon 5Retourner l'heure de l'objet Date
Leçon 6Retourner tous les éléments de l'objet Date
Leçon 7Heure UTC
Leçon 8Modifier tous les éléments de l'objet Date
Leçon 9Créer une date 1/2
Leçon 10Créer une date 2/2
Leçon 11Le Zulu Time
Leçon 12Manipulation du Zulu Time
Leçon 13Créer des intervalles de temps
Leçon 14Exercice: Afficher l'heure en direct
Leçon 15Appel d'une fonction de Callback
Chapitre 2 : Exercice : Création d'un chronomètre
1h04m
 
Leçon 1Présentation du travail
Leçon 2Mise en place du HTML
Leçon 3Mise en place du CSS
Leçon 4Mise en place des bases du JavaScript
Leçon 5Incrémentation des millisecondes
Leçon 6Incrémentation des secondes et des minutes
Leçon 7Désactiver le bouton GO
Leçon 8Arrêter le chrono
Leçon 9Rendre de nouveau actif le bouton GO
Leçon 10On reset le chrono
Leçon 11Réactivation des boutons
Chapitre 3 : Exercice : Création d'un compte à rebours
44m33s
 
Leçon 1Présentation du travail
Leçon 2Mise en place du HTML
Leçon 3Mise en place du CSS
Leçon 4Déclaration des différentes dates
Leçon 5Calcul des secondes restantes
Leçon 6Affichage des résultats
Leçon 7Affichage de 0 supplémentaire
Leçon 8Arrêter le décompteur
Chapitre 4 : La librairie moment.JS
1h57s
 
Leçon 1Présentation
Leçon 2Téléchargement de la librairie
Leçon 3Instanciation de la librairie
Leçon 4Affichage des différents éléments de la date
Leçon 5Changement de langue
Leçon 6Formatage de la date
Leçon 7Le temps relatif 1/2
Leçon 8Le temps relatif 2/2
Leçon 9Exercice 1/2
Leçon 10Exercice 2/2
Leçon 11Méthode supplémentaire
Chapitre 5 : Conclusion
02m09s
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
2
Apprenants
3
Commentaires
4,7/5
Note moyenne
5/5
2
4/5
1
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 21/07/2023
Merci Carl, pour ce super tuto de 4 heures sur les dates, beaucoup de connaissances sont abordées de manière pratique et très bien expliqué. Pour moi, la manipulation des dates n'est pas toujours facile. Les deux TP Chrono et compte à rebours sont très intéressants et peuvent être utilisés dans n'importe quel projet. La librairie Moment.JS nous facilite bien la vie, merci d'avoir expliqué simplement des notions qui ne sont pas simple à aborder de prime abord. Validé 100 % #manipulation_du_temps
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Alain ;-)
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 12/10/2022
Tuto très complet et parfaitement expliqué .
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 18/07/2021
Merci pour ces si jolis outils! Deux observations au sujet de votre chronomètre: 1° en remplaçant 10 par 1 (au lieu de 0) dans la boîte des dixièmes de seconde, vous créez des "secondes qui durent... 9 dixièmes de seconde! (même remarque pour les minutes). 2° l'essai du doublage du 0 conduit à l'incrémentation d'une string, ce qui semble provoquer la bizarrerie (serait-ce alors une concaténation récurrente de '1' ?). Pour que ça marche, j'ai mis la ternaire dans l'affichage: boxsec.innerText = (sec<10) ? `0${sec}`: sec; etc

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Que contient le fichier source ?

Le code complet des exercices présents dans ce tutoriel.

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données