JavaScript Moderne Avancé - Les boutons Radio
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO JavaScript Moderne Avancé - Les boutons Radio

Carl Brison
25,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Voici un cours en ligne dédié aux boutons radio avec le Javascript Moderne. Le bouton radio est un élément phare des formulaires. Ils sont utilisés sur les interfaces web, applications mobiles, logiciels. Les boutons radio permettent d'indiquer un choix parmi plusieurs possibilités. Il est donc important de maîtriser cet élément si important pour l'expérience utilisateur.

Dans ce tuto JavaScript Moderne avancé - Les boutons radios

Nous allons dans cette formation en vidéo nous intéresser aux boutons radio et voir en détail comment nous allons pouvoir tout connaître de l'état d'un bouton radio en JavaScript.

  • Nous allons voir comment nous sommes capables de savoir si un bouton radio est coché ou non.
  • Nous verrons également comment nous pouvons capter le bouton radio qui est coché et en retourner sa valeur, tout cela grâce au JavaScript moderne que je vous enseigne depuis quelques temps maintenant.
  • Une fois la théorie maîtrisée, nous passerons à la pratique avec la création d'une application de choix de menus, qui utilise la philosophie des boutons radio.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Tous les fichiers de travail sont fournis !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Si vous voulez apprendre à programmer en JavaScript moderne, voici un bundle de 14H00 qui vous donnera toutes les bases.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Cours théorique
Chapitre 2
Application
Chapitre 3
Conclusion

Plan détaillé du cours

Chapitre 1 : Cours théorique
42m32s
 
Leçon 1Savoir si un bouton radio est coché
Leçon 2Connaître la valeur du bouton radio coché
Leçon 3On écoute le change de check d'un bouton radio
Leçon 4Création d'une fonction
Leçon 5On vérifie si un bouton radio est coché
Leçon 6On débloque le formulaire
Leçon 7On affiche la valeur du bouton radio choisie
Leçon 8Conclusion
Chapitre 2 : Application
1h26m
 
Leçon 1Mise en place des bases HTML et CSS
Leçon 2Mise en place du header
Leçon 3Mise en place des sections
Leçon 4Mise en forme de la zone section
Leçon 5Mise en forme de l'état choisi
Leçon 6Mise en place d'un bouton de validation
Leçon 7Mise en place d'un fichier traitement
Leçon 8Conditionnement de la validation du formulaire
Leçon 9Modification en direct de la valeur du bouton de validation
Leçon 10Création d'une fenêtre modale
Leçon 11Ouverture et fermeture de la fenêtre modale
Chapitre 3 : Conclusion
01m26s
 
Leçon 1Conclusion

Aperçus

Avis des apprenants

Détail des avis
8
Apprenants
7
Commentaires
5/5
Note moyenne
5/5
7
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 29/08/2023
C'est le genre d'exercice qui fait du bien, pour notre "perfectionnement" :-) Quelque chose d'utile. De quoi nous rendre plus à l'aise avec l'utilisation de javascript. Tuto expliqué avec précision et dans l'ordre des choses. Merci Carl.
Carl Brison
Carl Brison
Merci beaucoup, Valérie ;-)
Alain Tardif
Alain Tardif
Publié le 26/07/2023
Merci Carl pour ce cours sur les boutons radios, je découvre toute l'alchimie qui s'opère dans tout le potentiel que génère le css allié au JS. C'est tout le bonheur d'un frontend dans ce tuto super bien expliqué, avec un TP des plus agréable en couleur et en images. Validé 100 % #JS-boutons-radios
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Alain ;-)
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 27/10/2022
Génial et très professionnel comme toujours ...
Carl Brison
Carl Brison
Merci beaucoup, c'est super gentil ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Que contient le fichier source ?

Le code source complet de l'exercice.

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données