Ce pack vidéo fait partie d'une série sur la programmation HTML5, CSS3 et JavaScript.
Dans ce troisième tome, l'accent est mis sur les langages CSS3 et JavaScript. Vous y apprendrez entre autres à dessiner dans un canvas, à mettre en forme les éléments affichés dans une page, à tester la validité d'une adresse e-mail entrée par un utilisateur et beaucoup d'autres sujets tout aussi intéressants.
Si vous n'avez que très peu de connaissances en programmation HTML/CSS/JavaScript, je vous rassure tout de suite, ce pack vidéo est tout à fait adapté à votre profil. Il est cependant conseillé de commencer par les deux packs précédents si vous faites vos premiers pas en programmation Web.
Table des matières de cette formation HTML, CSS, JavaScript (durée : 1h29m)
-
HTML5
- Créer une image GIF ou PNG transparente 00:02:50
- Commentez votre code 00:01:31
- Une favicon dans le navigateur 00:01:55
- Surlignez vos textes avec l’élément mark 00:01:46
- Les entités HTML 00:01:25
- Faire défiler un texte horizontalement 00:02:05
- Taille d’une fenêtre secondaire 00:01:03
-
CSS3
- Sélection des éléments selon un attribut 00:00:57
- Sélection des éléments dont un attribut a une valeur donnée 00:01:05
- Sélection des éléments dont un attribut contient une valeur donnée 00:01:15
- Faire flotter un élément 00:01:05
- Arrêter le flottement d’un élément 00:00:58
- Définir une couleur en CSS avec la fonction rgb 00:03:16
- Transparence rgba 00:01:23
- Appliquer un même style à plusieurs éléments 00:01:18
- Raccourcissez vos styles CSS : background 00:01:43
- Raccourcissez vos styles CSS : font 00:01:40
- Raccourcissez vos styles CSS :border 00:01:44
- Raccourcissez vos styles CSS : margin et padding 00:03:54
- Fixe ou absolu ? 00:02:08
- Changer les caractéristiques d’un lien quand il est visité 00:01:27
- Donnez du style à vos listes 00:01:46
- Zoomer une image cliquée 00:01:39
- Appliquer deux classes à un élément 00:01:06
- Centrer horizontalement un élément en CSS 00:01:27
- Dessinez des formes en CSS3 00:02:21
- Jouez avec les bordures 00:01:53
- Dessinez des triangles en CSS3 00:02:16
- Un trapèze en CSS3 00:01:55
- Un trapèze ajustable en CSS3 00:00:35
- Définir un pointeur de souris personnel 00:00:52
- Pseudo-sélecteurs et tableaux 00:01:31
-
JavaScript
- Afficher un paragraphe en cliquant sur un bouton 00:02:25
- Modifier le pointeur de la souris 00:01:45
- Un nuancier CSS3 et JavaScript 00:02:16
- Vérifier la syntaxe d’une adresse e-mail 00:02:17
- Accéder à une zone de texte en JavaScript 00:01:42
- Accéder à une case à cocher en JavaScript 00:01:49
- Accéder à une liste déroulante en JavaScript 00:02:25
- Quelques opérations sur les chaînes 00:02:51
- Vérifier la validité d’un e-mail en JavaScript 00:02:11
- Les bases de HTML5 Canvas 00:02:01
- Un rectangle dans un canvas 00:01:18
- Un cercle dans un canvas 00:02:37
- Une autre façon de tracer un rectangle plein dans un canvas 00:02:07
- Un rectangle vide avec un contour 00:01:01
- Tracer des lignes dans un Canvas 00:01:31
- Des images dans un canvas 00:01:51
- Du texte dans un canvas 00:01:28
- Ombrer les éléments affichés dans un canvas 00:02:01
- Fichiers sourcestélécharger
- Certificat
Formateur : Mediaforma
-
Bonjour, je n'ai pas pu lire le tuto entièrement, il s'arrête au tout début et le curseur de défilement reste à zéro. Pouvez-vous faire quelque chose. Merci. Bien cordialement s.pipo@free.fr
-
Avec quelle version de logiciel ce tuto est-il compatible ?HTML 5
note moyenne
avis laissé