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

TUTO Créer des triangles en CSS

Carl Brison
Promo -44% Jusqu'au 24 novembre, 23:00
5,00€8,99€
Acheter maintenant, payer plus tard. En savoir plus

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
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
47
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

Payer plus tard

Prix d'achat : 5,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1424 tutos gratuits

Notre politique de protection des données