Svelte de A à Z

Découvrez le Framework le plus rapide et innovant


C'est parti pour Svelte, le dernier venu des Frameworks JS.

Enfin Framework, disons que c'est plutôt un hybride, un Framework dans un compilateur.
Un Framework car il va vous proposer un cadre de travail, avec ses méthodes et ses fonctionnalités.
Un compilateur car il va compiler votre code en temps réel en JavaScript natif !


Très bien, qu'est ce qu'on peut créer avec ça ?

Des applications web, c'est à dire des sites avec beaucoup de fonctionnalités (google drive, wikipedia, aliexpress, Youtube ... (par exemple))
Le tout sous forme de SPA (single page application), où tout votre site va être rendu dans une page HTML, ce qui évite d'avoir des temps de chargements entre chaque page(composants).
On peut également créer des applications web qui vont être servies avec du "Server Side Rendering", ce qui permet d'améliorer le SEO de nos apps, on verra ça en fin de formation.

Est ce que c'est le bon Framework pour un débutant ?

Oui ! Beaucoup disent que c'est le Framework parfait pour se lancer. Il a été pensé pour être simple d'utilisation.

Qu'est ce qui le différencie vraiment de React et Vue ?

Svelte, comme son nom l'indique, est léger. Il ne va pas embarquer une librairie ou un framework + son "runtime" quand on va mettre un projet en ligne. Il va seulement compiler notre code, en rajoutant quelques fonctionnalités de Svelte pour gérer les mises à jour du DOM.

En parlant de DOM, pas de DOM virtuel avec Svelte, le DOM virtuel étant une copie du DOM qui permet de détecter ses changements, lorsqu'on travaille avec React ou Vue. Ici Svelte arrive au même résultat sans DOM virtuel, juste avec quelques modules, ce qui lui fait gagner en performance.

De quoi est composé le cours ?

  1. Découverte des bases de Svelte (Props,Classes dynamiques, conditions …).
  2. Utilisation de formulaires.
  3. La réactivité, un concept de Svelte.
  4. Les composants dans le détail.
  5. Création d’UI avec Svelte (modale, onglets, navbar responsive).
  6. Utiliser les « store ».
  7. Projet app web : Pokédex & Application de calcul des dépenses.
  8. Le routing et le server side rendering avec Sapper.

Rendez-vous de l'autre côté !


Curriculum du cours



Commencez maintenant!