|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/svelte-3-et-sveltekit-1-formation-complete-pour-debutants/
课程评论：没有评论
**Svelte 3 & SvelteKit 1.0 完整入门教程** 本课程专为希望掌握 Svelte 3 和 SvelteKit 1.0 的 JavaScript 开发者设计。 **Svelte 3 核心功能:** * **响应式用户界面:** 学习创建动态且响应迅速的用户界面。 * **功能集成:** 将 Svelte 集成到现有 Web 项目中，增强功能。 * **复杂项目开发:** 掌握构建多开发者协作的复杂项目。 **SvelteKit 1.0 应用开发:** * **单页应用 (SPA):** 构建高性能的 SPA。 * **客户端导航:** 实现初始服务器端渲染后，流畅的客户端页面导航。 * **SEO 优化:** 创建对搜索引擎友好的 URL，提升网站的可发现性。 **课程亮点:** * **易学性与高性能:** Svelte 和 SvelteKit 因其易于上手和出色的性能而备受推崇。 * **灵活的应用:** 能够根据项目需求，灵活地使用 Svelte 和 SvelteKit 的各种高级功能。 * **独立式示例:** 课程采用独立的代码示例方法，确保每个概念都得到清晰的讲解和练习。 * **全面主题:** 涵盖响应式变量、数据绑定、指令、事件处理、条件类、props、自定义事件、生命周期钩子、stores、路由等 Svelte 和 SvelteKit 的关键主题。 * **实践练习:** 提供大量练习，并包含代码修正，帮助您巩固所学知识。 * **丰富内容:** 深入讲解 Vite 项目创建、插值、组件化、组件间通信、插槽、`{#await}` 块、Web 服务接口、表单处理、Stores (writable/readable)、动画效果等。 * **SPA 和 SvelteKit 应用:** 学习如何使用 Svelte 和 SvelteKit 构建完整的 SPA。 * **配套资源:** 提供所有视频的源代码和学习资源，以及一份详尽的图文并茂的课程手册。 **建议:** 大胆尝试代码，按照自己的节奏学习。通过实践，您将逐渐熟悉 Svelte 和 SvelteKit 的强大功能和灵活性。 **开启您的 Svelte 编码之旅，快乐编码！**
Cette formation vidéo a été conçue pour les programmeurs JavaScript qui veulent apprendre à utiliser les frameworks Svelte 3 et SvelteKit 1.0. Vous utiliserez Svelte 3 pour:Créer des interfaces utilisateur réactivesAjouter des fonctionnalités à un projet Web existantCréer des projets complexes à plusieurs programmeursVous utiliserez SvelteKit 1.0 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éactivesData 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ésLifecycle hooksLe bloc {#await}Interfaçage de WebservicesGestion de formulairesGestion des writable et readable storesAnimations d'apparition et de disparitionApplications SPA avec SvelteApplications SPA avec SvelteKitTous les codes sources et ressources sont fournis en accompagnement de chaque vidéo.Un manuel illustré complet est accessible à la fin du cours. Il reprend le contenu intégral de la formation.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!
