|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/svelte-5-et-sveltekit-2x-formation-complete-pour-debutants/
课程评论：没有评论
**课程总结：Svelte 5 与 SvelteKit 2.x 全方位入门指南** 本课程专为希望掌握 Svelte 5 和 SvelteKit 2.x 前端框架的 JavaScript 开发者设计。 **核心学习内容：** * **Svelte 5：** * 构建响应式用户界面。 * 为现有 Web 项目添加新功能。 * 开发复杂的多人协作项目。 * **SvelteKit 2.x：** * 创建单页应用程序（SPA）。 * 实现服务器渲染后的客户端导航。 * 构建 SEO 友好的 URL 结构，优化搜索引擎排名。 **课程亮点：** * **渐进式学习：** 课程采用独立的示例方法，确保每个 Svelte 和 SvelteKit 的概念都能被清晰、快速地理解和掌握，而非依赖于一个贯穿始终的复杂项目。 * **实践导向：** 大量动手实践练习，鼓励学员暂停视频进行编码，并通过提供的解决方案进行对比，加速学习进程。 * **内容全面：** * **基础概念：** Vite 项目创建，插值与响应式变量，runes 状态管理，单向/双向数据绑定，组件化开发，组件间通信（props，custom events），条件类，条件语句与循环。 * **高级特性：** Slot（简单与命名），代码片段共享数据，生命周期钩子，`{#await}` 块，Web 服务接口，表单处理，writable/readable stores，动画效果。 * **SvelteKit 应用：** SPA 开发，动态路由，服务器端渲染与客户端导航。 * **提供资源：** 所有代码源文件和相关资源均随视频提供。 **课程理念：** Svelte 和 SvelteKit 以其易于上手、高性能和灵活的特性而广受欢迎。本课程鼓励学员通过独立实践来深入理解和运用这两个框架，享受编码的乐趣，并逐步体会其强大的功能和灵活性。 **建议：** 积极动手实践，按照自己的节奏学习，熟练掌握 Svelte 和 SvelteKit。
Cette formation vidéo a été conçue pour les programmeurs JavaScript qui veulent apprendre à utiliser les frameworks Svelte 5 et SvelteKit 2.x. Vous utiliserez Svelte 5 pour:Créer des interfaces utilisateur réactivesAjouter des fonctionnalités à un projet Web existantCréer des projets complexes à plusieurs programmeursVous utiliserez SvelteKit 2.x pour:Créer des applications Web SPARéaliser des navigations côté client après le chargement de la page initiale rendue par le serveurAssurer un bon référencement avec des URL SEO friendlySi Svelte et SvelteKit sont si populaires, c'est en grande partie parce qu'ils sont simples à mettre en place. Lais aussi parce qu'ils offrent de très bonnes bonnes performances. Et enfin parce qu'ils peuvent être utilisés de façon plus ou moins poussée, en fonction des besoins.Lorsque je me suis lancé dans la création de cette formation vidéo, deux choix s'offraient à moi:Créer un fil rouge et y intégrer petit à petit les différents concepts appris tout au long de la formation.Créer des exemples indépendants pour apprendre facilement et rapidement les différents concepts de Svelte.Je suis formateur en présentiel et en distanciel, et j'ai pu expérimenter ces deux approches. Bien que la première ait ses fervents adeptes, la seconde donne de meilleurs résultats au niveau de l'apprentissage, car chaque exemple peut être choisi de façon extrêmement précise, sans avoir à suivre une logique d'intégration globale qui pourrait faire négliger certains aspects de ce qui doit être appris. C'est donc cette seconde approche qui a été adoptée. Chaque sujet est abordé de façon indépendante et illustre un aspect particulier de Svelte ou de SvelteKit: variables réactives, data binding, directives, gestion événementielle, classes conditionnelles, props, custom events, lifecycle hooks, stores, routage, etc. etc..Plusieurs exercices vous sont proposés. Lorsqu'on vous demande d'arrêter le défilement de la vidéo, jouez le jeu: arrêtez la vidéo et codez comme vous l'entendez, en partant d'un squelette standard ou d'une page vide. Vous verrez qu'en procédant ainsi, votre apprentissage sera très rapide. Lorsque vous avez fini de coder, vous pouvez reprendre le défilement de la vidéo: une correction vous sera proposée.Cette formation est très complète. Voici quelques-uns des sujets abordés:Utilisation de Vite pour créer un projet Svelte en ligne de commandeInterpolations et variables réactivesGestion de l'état réactif avec des runesData binding mono et bidirectionnelDécomposer une application en composantsÉchanges entre composantsClasses conditionnellesConditions et boucles dans le code HTMLGestion événementielleSlots simples et slots nommésUtilisation de snippets pour partager des données entre composantsLifecycle hooksLe bloc {#await}Interfaçage de WebservicesGestion de formulairesGestion des writable et readable storesAnimations d'apparition et de disparitionApplications SPA avec SvelteApplications SPA avec SvelteKitRoutage dynamiqueTous les codes sources et ressources sont fournis en accompagnement de chaque vidéo.Je ne peux vous conseiller qu'une chose: expérimentez le code par vous-même, codez et progressez à votre rythme. Petit à petit, Svelte et SvelteKit vous sembleront de plus en plus familiers et vous apprécierez leur puissance et leur souplesse.Alors.Happy coding!
