|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/sveltejs-3-par-la-pratique/
课程评论：没有评论
课程名称：Svelte.js 3实践 课程概述：Svelte并不是一个普通的框架，它同时具有框架和编译器的功能。通过创建组件，您可以构建网页应用，与Angular、React或Vue等框架类似，但Svelte独特之处在于它能够显著缩小构建的大小。Svelte允许您创建组件，并将它们编译为纯JavaScript，这意味着最终的构建不会包含Svelte特定的框架代码。这种方式的优势在于：您生成的构建非常轻量，客户的浏览器下载和解析的代码量大大减少，从而显著提高性能。 在这门课程中，您将快速学习如何创建您的首个Svelte.js应用。第一个项目“Switter”（灵感来源于Twitter）将让您掌握Svelte的基本概念，包括： - 创建表单 - 事件监听 - 单向与双向绑定 - 创建组件 - 通过props和自定义事件在组件间通信 - 响应式编程 - 条件添加CSS类 - 循环 - 条件渲染 完成第一个项目后，您将能够开始构建自己的小项目。第二个项目“Gymscheduler”将帮助您创建一周的健身计划，您将有机会： - 使用生命周期钩子 - 熟练掌握表单（添加下拉菜单） - 动态添加其他表单以个性化用户输入 - 练习第一项目的基础知识（自定义事件、props等） 第三个项目“Expensetracker”将是一个费用管理器，您将学习： - 进行CRUD操作与Firestore数据库 - 使用Ajax进行请求 - 管理状态 - 实现数据的动态动画 - 为DOM元素添加动画以改善用户体验 Svelte已经进入第3版，表明其成熟度，这保证了其稳定性和持久性。如果您已经熟悉Angular、React或Vue中的任意一个，学习Svelte将非常简单；如果这是您接触的第一个框架，这门课程将帮助您快速上手现代化的Svelte框架，同时熟悉三大主流框架（Angular、React和Vue）所使用的概念。 欢迎来到这门实践课程，帮助您快速掌握Svelte.js，迅速提升自己的开发能力。
Svelte n'est pas un framework de plus: c'est un framework ET un compilateur. Il permet ainsi de créer des applications web en créant des components - comme Angular, React ou Vue vous ont habitué à le faire - mais là où Svelte va plus loin, c'est en vous permettant de réduire considérablement la taille du build grâce à sa fonctionnalité de compilateur. Pour le dire vite, Svelte vous permet de créer des composants puis de les compiler en JavaScript pur. Autrement dit, votre build ne contiendra pas de code spécifique au framework Svelte. L'avantage est double:- vous générez un build (très) allégé- le navigateur de vos clients aura à télécharger et parser beaucoup moins de code, d'où de bien meilleure performancesDans cette formation qui va à l'essentiel, vous apprendrez à créer en un temps record vos premières applications Svelte.js.Le projet 1 baptisé "Switter" est dans l'esprit de "twitter". Il vous permettra d'assimiler les fondamentaux de Svelte tels que:- création de formulaires- event listeners- one-way et two-way binding- création de components- communication entre components via props et custom events- reactivité- ajout conditionnel de classe CSS- loops- affichage conditionnelA l'issue du premier projet, vous pourrez commencer à créer vos propres petits projets.Le projet 2 "Gymscheduler", qui vous permettra de créer un programme de musculation sur une semaine. Ce sera l'occasion:- d'utiliser des lifecycle hooks- de vous perfectionner sur les formulaires (ajout de menus déroulants)- d'ajouter dynamiquement d'autres formulaires de personnaliser les saisies utilisateurs- de pratiquer les fondamentaux du projet précédent (customs events, props...)Le projet 3, "Expensetracker" sera un gestionnaire de dépenses. Ce projet sera l'occasion de:- faire du CRUD vers une base de données Firestore- faire des requêtes Ajax- gérer des stores- d'effecter des animations de données numériques- d'animer les éléments du DOM pour améliorer l'expérience utilisateurSvelte est déjà en v3. Il est donc mature, ce qui vous garantira:- qu'il est opérationnel- qu'il est là pour durerEnfin, si vous connaissez déjà un des trois frameworks du moment (Angular, React ou Vue), l'apprentissage de Svelte sera très aisé. Si c'est votre premier framework, cette formation vous permettra de démarrer sur un framework moderne qui monte très fort, tout en vous familiarisant avec les concepts utilisés par les big three (Angular, React et Vue).Cette formation résolument pratique vous rendra la tâche plus aisée encore.Bienvenue sur cette formation qui vous permettre de devenir opérationnel rapidement en Svelte.js.
