|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/webcomponents-apps/
课程评论：没有评论
课程名称：为任何框架构建闪电般快速的网页组件应用 课程概述：很多有抱负的开发者以及资深前端开发者在编写web应用时，常常会被复杂的依赖关系和设置要求所困扰。但在本课程中，这些问题将不再是障碍。第一章编程部分完全不使用任何库，其余章节则应用易于使用的模板，让你能够轻松开始。 本课程展示了一种新的标准——网页组件，这使得我们能够编写可重用且与框架无关的组件，无需任何工具或库。你将能够创建自己的超快网页组件应用，或构建单个组件以便拖放至现有项目中，独立于使用的框架。网页组件可与Angular、React、Vue等多种框架直接配合使用。 本课程不仅仅是学习网页组件的基础知识，还深入探讨了在高效构建web应用时的现实最佳实践。无论你是初学者还是已经具备一定的web开发经验，我都会将我多年正确构建产品的经验融入课程中。课程内容包括： - 网页组件基础：了解网页组件的理论和标准四个部分 - 定义自定义元素和处理组件生命周期 - 状态管理及向影子DOM渲染 - 组件通信管理的不同概念 - 新的CSS伪选择器介绍，如：host或::slotted - 使用以上技术构建你的第一个应用 - 通过ESLint与Karma进行真实世界的自动化测试 - 使用ESLint进行代码检查 - 设置prettier以实现自动代码格式化 - 通过Karma进行单元测试和集成测试 - 设置Istanbul生成代码覆盖率报告 - 配置CircleCI进行持续集成，以便每次推送到代码库时都运行测试 - 设置Slack通知以便接收测试失败或修复的提醒 - 为你的代码库添加CI徽章以突出测试状态 完成本课程后，你将对网页组件标准的基础知识有扎实的理解，并自信地能够构建由网页组件驱动的生产级应用。
A lot of aspiring developers and even experienced frontend developers tend to get hung up on the complex dependencies and setup requirements just to get started writing web applications. Not with this course. The first coding chapter uses no libraries at all and the rest of the course uses easy-to-use boilerplate templates for you to get started with.This course showcases a new standard called web components, which allows us to write re-usable and framework agnostic components without the need of any tooling or libraries. You'll be able to write your own lightning fast web component powered apps or build single components to drag & drop into your existing projects, independent of what framework you're using.Web components work with Angular, React, Vue and many more frameworks out of the box. This course goes well beyond the basics of web components by teaching real-world best practices for efficiently building web apps. Whether you're a beginner or have existing experience with web development, I've made sure to pack the course full with my years of experience building products the right way. Topics include:Web components basics:The theory and concept behind web components and all four parts of the specHow do define custom elements and deal with the lifecycle of a componentManaging state and rendering to the shadow DOMDifferent concepts on how component communication can be managedIntroduction to new CSS pseudo selectors for web components like:host or::slotted Building your first app with the technologies mentioned aboveReal-world automated tests via ESLint & KarmaImplementing linting vis ESLintSetting up prettier for automatic code-formattingUnit and integration testing via Karma Setting up Istanbul for code coverage reportsSetting up CircleCI for Continuous Integration, so tests run with every push to your repoSetting up slack notifications for failed and fixed tests Adding CI badges to your repos to highlight the status of your testsAfter taking this course, you'll have a solid foundation in the fundamentals of the web components standard, and will be confident enough to build production grade apps powered by web components.
