Web组件和模块化:实践

现代开发实践已从考虑整个页面转变为分割成不同的组件以及如何将它们组合以创建视图。本课程着眼于组件化和模块化的实用方法,以帮助你确定何时需要组件、需要做什么以及如何计划和设计自己的可移植和可维护组件。由于代码组件化与所有开发人员都息息相关,因此讲师Morten Rand-Hendriksen将重点从编码转移到了组件设计的概念性工作上。Morten使用实际示例详细说明了如何在大型和小型项目中草绘和组织组件。了解组件开发的四个核心原则。获取有关组件规划的建议和最佳实践。此外,还将学习如何组织组件和构造其标记,确定何时(以及何时不)专注于可重用性等等。

课程信息

  • 英文名称:Web Components and Modularization: Practical Approaches
  • 时长:1小时6分
  • 字幕:英语

课程目录

  1. Components for the web
  2. What are components for the web?
  3. Web components: A special case
  4. Why components are so popular
  5. A mental model for components
  6. Starting with a visual mockup
  7. A DOM tree with branches and leaves
  8. Tip: Map your file tree to the DOM
  9. Challenge: Create a component map
  10. Solution: Create a component map
  11. Loose principles for tightly scoped components
  12. One-task principle
  13. Top-down principle
  14. Isolation principle
  15. Stand-alone principle
  16. Plan before you code
  17. Raw output
  18. Properties
  19. Input and output
  20. State
  21. Who owns state?
  22. Life cycle
  23. Challenge: Scope a complex component
  24. Solution: Scope a complex component
  25. Structuring components
  26. Reusability and when not to care
  27. Stand-alone component development
  28. Components everywhere

评论