Formation Astro : un framework JS pour des sites ultra performants

Programme de notre formation Astro

Introduction

• Concepts de base
• Pourquoi Astro ?
• Fonctionnalités
• Design Content-Driven
• Server-first
• ISR
• Respect des Core web Vitals

Installation et configuration

• Installation
• Migration V3 vers V4
• Setup Wizard
• Templates
• Code VS et JetBrains

Créez un blog avec Astro

• Configuration de l’environnement de travail
• Création de pages et de posts
• Composants
• Query et fichiers locaux
• Interactivité
• Déploiement

Extensions

• Content collections
• YAML
• Typescript automatique et sécurité
• Transitions d’affichage
• Animations et API de transition

Structure des projets

• CLI wizard
• Répertoires et fichiers
• SRC/
• .JSON et javascript
• Configuration avec les fichiers Astro.config

Composants

• Structure des composants
• Les composants à la base de la structure
• Scripts
• Templates
• Accessoires et crénaux de composants

Syntaxe Astro

• Expressions de type JavaScript
• Variables
• Attributs dynamiques
• HTML dynamique
• Tags

Add-ons

• Intégrations de frameworks UI (Vue, React)
• Utiliser les composants UI
• Rendre les composants interactifs
• Mixer les frameworks
• Rendu SSR