Créer des triangles en CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
54m58
de formation
7
leçons vidéo
4
chapitres
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Créer des triangles en CSS

4.8/5 Trustpilot (1397 avis) Satisfait ou remboursé
54m58
de formation
7
leçons vidéo
4
chapitres

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

Table des matières

Chapitre 1 : Cours triangle en CSS

09m40
 
Leçon 1Apprendre à créer un triangle en CSS
Leçon 2Modifier les tailles d'un triangle

Chapitre 2 : Exercice Pratique

13m41
 
Leçon 1Mise en place des bases
Leçon 2Mise en place du triangle

Chapitre 3 : Bonus Javascript Moderne

27m49
 
Leçon 1Création d'un programme JavaScript moderne
Leçon 2Plus loin avec le JavaScript moderne

Chapitre 4 : Conclusion

03m48
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Simon Costa
Simon Costa
Publié le 19/08/2025
Super tuto, Finalement assez simple de faire des triangles. J'admet que le javascript à la fin est intéressant mais en l'état s'était vraiment écrire le code pour tester et voir le résultat ^^" navré Carl . on devine néanmoins ce que fait chaque ligne.
Carl Brison
Carl Brison
Merci beaucoup Simon ;-)
Jean-Philippe Mouzet
Jean-Philippe Mouzet
Publié le 03/01/2025
Joie et bonheur de faire un petit triangle et d'avoir un petit exemple de ceux à quoi cela peut servir. comme quoi, avec un petit triangle, on peut faire des grandes choses
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil
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 ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source de l'exercice

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
8,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
54m58 de vidéo • 4 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ 27,91€ /mois
Le 1er mois, puis 34,90€ - sans engagement
Cette formation + 6 790 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Profiter de l'offre
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 1426 tutos gratuits

Notre politique de protection des données