Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Astro JS pour tous | Formation complète
Rating: 4.6 out of 5(17 ratings)
83 students

Astro JS pour tous | Formation complète

Apprenez à construire des sites très performant et réactifs avec Astro.
Last updated 2/2025
French

What you'll learn

  • Créer des sites riches en contenus extrêmement performant.
  • Apprendre à utiliser les composants Astro et les islands avec votre librairie ou framework front-end préféré (React, Vue, Solid, Svelte)
  • Comment intégrer Astro avec React JS.
  • Création d'un blog avec des articles au format markdown.
  • Création d'un site e-commerce.

Course content

9 sections107 lectures5h 17m total length
  • Présentation et contenu de la formation1:45
  • Quelques conseils pour bien débuter0:43
  • Informations utiles pour la formation0:20
  • Introduction : Concepts clés et configuration0:52
  • Pourquoi Astro ?2:15
  • MPA et SPA0:52
  • Astro Islands1:02
  • Astro Islands interactives0:52
  • Découverte d'Astro : Maîtrisez les Fondamentaux
  • Installation de Node JS0:56
  • Note sur Visual Studio Code (VSCode)0:24
  • Vscode et extension Astro1:11
  • Générer un projet Astro1:44
  • Analyse du projet Astro1:40

Requirements

  • Pour bien appréhender ce cours, il est recommandé d'avoir quelques bases HTML et CSS.

Description

Astro js est un framework web pour concevoir des sites riches en contenu, très performants.

Il repose sur une nouvelle architecture Web appelée Component Islands qui vous permettra de créer des sites très rapides.

Par défaut, Astro supprime tout le code Javascript, afin d'obtenir de hautes performances.

Astro est également interopérable avec les frameworks front-end les plus populaires, tel que React, Vue, Svelte, Lit, Solid JS, Alpine JS.

Lorsque vous avez besoin d'avoir des interactions Javascript, Astro hydratera partiellement vos Islands et laissera passer le code Javascript.

Astro est par ailleurs facile à personnaliser et peut, par exemple, s'intégrer avec Tailwind, MDX, etc.


Ce cours s'adresse autant aux débutants en programmation, qu'à ceux qui ont déjà une expérience dans le développement Web.

Grâce aux quiz et aux exercices, vous serez capable de maîtriser toutes les spécificités d'Astro.

Voici quelques exemples de projets que nous réaliserons ensemble :

- Un blog complet

- Un site e-commerce

- Un site entièrement dynamique listant des plats de cuisine


Pour réaliser ces applications, nous allons aborder tous les aspects importants d'Astro :

- Les composants

- Le JSX

- Les props

- Les slots

- Les blocs CSS

- Le routing

- Les types de pages

- L'interactivité avec React JS

- Utilisation du SSR (Server Side Rendering) et SSG (Static Site Generation)


Nous utiliserons aussi React JS pour apporter de l'interactivité à notre site e-commerce. Je vous expliquerai les bonnes pratiques de la librairie React et surtout comment l'intégrer avec Astro.


Je compte ajouter encore beaucoup de contenu dans ce cours, attendez-vous à recevoir des mises à jour régulières. Rejoignez-moi et apprenez Astro JS pour répondre à la demande croissante sur cette technologie !

Who this course is for:

  • Développeurs débutants ou confirmés souhaitant savoir comment générer des sites web très performant.