Créer des triangles en CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Créer des triangles en CSS

Carl Brison
9,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce cours en ligne en vidéo, je vous propose d'apprendre à réaliser des triangles en utilisant uniquement le langage CSS.

Le CSS nous permet de créer diverses formes, tels que le carré, le cercle ou bien l'ovale. Alors pourquoi pas un triangle ?
Vous allez voir il est assez rapide d'apprendre à créer un triangle en CSS.
En revanche, de le placer dans un contexte, comme dans une barre de navigation, va demander un peu plus de dextérité.
Evidemment, nous allons faire un exercice pratique qui va nous permettre de combler cela.

Mais ce n'est pas tout !
Je vous offre ici un bonus en rendant notre code dynamique en utilisant le JavaScript moderne.
De cette façon, si vous ne connaissez pas le JS moderne, je me propose de vous le faire découvrir et si vous connaissez le JS moderne, alors vous allez pouvoir vous entraîner dans sa manipulation.

Tous les fichiers de travail sont fournis !
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.

Si vous voulez aller plus loin et apprendre le JavaScript moderne, je vous propose un bundle complet de près de 14H00 qui vous donnera toutes les bases nécessaires en programmation JS.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Cours triangle en CSS
Chapitre 2
Exercice Pratique
Chapitre 3
Bonus Javascript Moderne
Chapitre 4
Conclusion

Plan détaillé du cours

Chapitre 1 : Cours triangle en CSS
09m40s
 
Leçon 1Apprendre à créer un triangle en CSS
Leçon 2Modifier les tailles d'un triangle
Chapitre 2 : Exercice Pratique
13m41s
 
Leçon 1Mise en place des bases
Leçon 2Mise en place du triangle
Chapitre 3 : Bonus Javascript Moderne
27m49s
 
Leçon 1Création d'un programme JavaScript moderne
Leçon 2Plus loin avec le JavaScript moderne
Chapitre 4 : Conclusion
03m48s
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
8
Apprenants
2
Commentaires
5/5
Note moyenne
5/5
2
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 09/09/2023
Merci Carl, ce tuto va m'être très utile, afficher une page sans la recharger avec du JavaScript, merci pour ce bonus. Cours très bien expliqué. Validé 100 % #creer_triangle_JS
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Alain ;-)
Marot Pauline
Marot Pauline
Publié le 30/07/2021
Toujours aussi bien vos tuto!
Carl Brison
Carl Brison
Merci ;-)

Vos questions sur le cours

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

CSS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source de l'exercice

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données