🔍
Formation Astro.js pour le développement fullstack
Devenez développeur full-stack avec la formation Astro.js
Publié le 2 octobre 2024
Pendant ces 3 jours de formation Astro, vous apprendez à créer des applications web riches et optimisées.
Chez LBKE, nous privilégions une pédagogie active. Nous vous proposons de travailler sur un projet fil rouge tout au long de votre formation : implémenter votre portfolio développeur avec Astro !
Nous explorerons ensemble les spécificités d'Astro :
- Mécanismes de rendu serveur (SSR et SSG) pour optimiser le SEO et accélérer le chargement des pages ;
- Intégration de multiples frameworks front-end modernes ;
- Concept "d'islands" pour créer des composants interactifs et une navigation fluide avec les transitions de vue ;
- Ajout d'un "Backend For Frontend" pour autonomiser les équipes frontend.
Autant de fonctionnalités qui font la puissance d'Astro !
Durée
3 jours
Modalités
À distance (présentiel possible en intra-entreprise)
Au maximum 6 participants
Prix
Sur devis en intra-entreprise
Prochaines sessions
Programme de la formation
- Comprendre l'innovation apportée par Astro et son écosystème
- Créer une nouvelle application Astro et installer ses dépendances via un CLI
- Découvrir la structure d'une application Astro et le routeur fondé sur les fichiers
- Développer une landing page optimisée
- Mettre en place le style CSS et les polices d'écriture
- Développer plusieurs pages et un système de navigation et de layout
- Exécuter un script JavaScript pour créer un composant interactif
- Composer des éléments d'interface via le système de slots
- Optimiser automatiquement les images
- Créer des pages en Markdown et structurer un blog technique
- Gérer du contenu avec les collections de contenus
- Comprendre l'interactivité dans Astro et le principe des Client Islands
- Installer une librairie JavaScript
- Principe des SPA, MPA et des transitions de vue côté client
- Animer avec des transitions de vue et observer l'impact sur l'application
- Principe du BFF et du rendu serveur/statique (SSR/SSG)
- Pages dynamiques avec des paramètres de route et principe du rendu statique
- Compilation et déploiement avec les adapters
- Choisir entre SSG statique et SSR dynamique
- Consommer des données côté client ou côté server via les Server Islands
- Gérer un formulaire avec les Server Actions et les API endpoints
Le programme de la formation Astro.js pour le développement fullstack reprend tout d'abord les fondamentaux du développement de pages web, en profitant des optimisations avancées proposées par le framework.
Nous abordons ensuite la gestion de contenus, pour laquelle Astro est un excellent choix. Enfin, la formation se concentre sur le "backend-for-frontend", c'est-à-dire les fonctionnalités côté serveur au service du développement d'interfaces graphiques.
Notre approche pédagogique s'appuie sur l'alternance de présentations par le formateur et de mises en pratique accompagnées sur un projet fil rouge. A l'issue de la formation, vous conserverez le code et tous les supports de formation.
Projet : créez votre portfolio développeur avec Astro !
Astro vous permet de créer une application complète et optimisée, tout en réinvestissant votre expérience acquise sur un autre framework (React, Vue, Solid ou Svelte).
Nous allons recourir à la puissance d'Astro pour créer votre portfolio développeur de A à Z : page d'accueil, valorisation de vos expériences, micro-blog statique, point d'entrée d'API pour liker un article... et plus encore !
Les connaissances acquises sur ce projet vous permettront de concevoir de nombreuses autres applications web avec Astro : blogs, médias, sites institutionnels, SaaS, etc.
- Créer un site web optimisé
- Gérer des contenus à l'aide des collections (sites e-commerce, presse, blogs)
- Créer des composants interactifs avec une librairie frontend (React, Vue, Svelte, Lit, Solid...)
- Développer un backend-for-frontend avec Astro
Astro est une technologie compatible avec plusieurs librairies frontend. Nous pouvons donc accueillir les développeurs JavaScript de différents horizons.
- Connaître les langages HTML, CSS et JavaScript
- Savoir développer en JavaScript dans une environnement NPM
- Connaître les fondamentaux d'au moins un framework frontend supporté par Astro : React, Vue, Solid ou Svelte
- Connaître le principe des requêtes HTTP dans une architecture client/serveur classique
- Avoir une maîtrise suffisante de l'anglais pour lire des documentations techniques
- Être en possession d'un ordinateur, d'une connexion Internet, d'une webcam et d'un micro
Un questionnaire d'auto-évaluation sera envoyé à chaque participant au début de la formation pour nous permettre d'évaluer au mieux son niveau, ses besoins et ses attentes concernant la formation.
Votre formateur
Eric Burel est ingénieur en informatique et mathématiques appliquées diplômé de l'ENSIMAG. Il est le co-fondateur de LBKE et a contribué à la création de plusieurs startups technologiques.
Eric est actif dans le domaine de l'intelligence artificielle générative en tant qu'ambassadeur IA et membre de la communauté LangChain.
Il contribue aussi à l'open source en tant que membre du collectif Devographics, qui organise les enquêtes annuelles "State of" JavaScript, React et AI.
Contactez-nous
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.