Bloc de code et coloration syntaxique avec Astro JS : Le guide ultime

Améliorez vos blocs de code avec Astro 🚀 | Tutoriel complet sur la coloration syntaxique

📝 Dans cette vidéo, nous plongeons dans le monde de la coloration syntaxique avec Astro, un framework moderne qui permet de créer des sites rapides et optimisés. Que vous soyez débutant ou développeur expérimenté, découvrez comment intégrer facilement des blocs de code dans vos fichiers Markdown et vos composants Astro.

👨‍💻 AU PROGRAMME :
00:00 Présentation
00:23 Introduction à la coloration syntaxique avec Astro
01:02 Configuration de base et exemples avec Markdown
02:29 Personnalisation avancée avec Shiki dans Astro
03:47 Mise en avant des lignes de code ajoutées ou supprimées
04:48 Afficher les numéros de lignes de code avec Markdown
05:10 Bloc de code dans les composants Astro

🔗 LIENS UTILES :
Documentation Astro : https://docs.astro.build/en/guides/ma...
Documentation Shiki : https://shiki.style/
Lien Github du projet de démarrage : https://github.com/codingtechacademy/...
Lien Github du code final : https://github.com/codingtechacademy/...
Article récapitulatif : https://www.coding-tech.fr/blog/astro...

💡 CE QUE VOUS APPRENDREZ :
Comment intégrer et configurer la coloration syntaxique dans Astro
Utiliser Shiki pour gérer les thèmes de coloration
Mettre en avant des lignes de code ajoutées ou supprimées.
Implémenter des numéros de ligne pour une meilleure orientation dans vos blocs de code.

🌟 APPROFONDISSEZ VOTRE MAÎTRISE D'ASTRO JS 🌟
Vous voulez aller plus loin après cette vidéo ? Découvrez notre formation complète "Astro JS pour tous" disponible sur Udemy. Que vous soyez débutant en développement web ou développeur expérimenté cherchant à élargir vos compétences, ce cours vous guide à travers tous les aspects d'Astro JS, de la configuration initiale aux techniques avancées. Inscrivez-vous aujourd'hui et transformez votre façon de développer des sites performants et modernes !
Lien de la formation : https://www.udemy.com/course/astro-js...
Détail du programme la formation : https://www.coding-tech.fr/training/f...

👍 Si vous aimez cette vidéo, n'oubliez pas de la liker et de vous abonner à notre chaîne pour plus de tutoriels sur le développement web avec Astro et d'autres technologies modernes.

🔔 Activez les notifications pour ne rater aucun de nos nouveaux contenus !

#astrojs #coloration #code #web #webdevelopment #javascript #typescript