课程概述

组件式开发是前端发展的方向，现在流行的 React 和 Vue 都是组件框架

如果你不想调用任何的JS框架，却想要基于原生组件式开发，独立封装JS、HTML、CSS内容，而且想要一次编写，到处使用呢？

答案那就是 Web Components，我们一起去看看是什么吧！

什么是 Web Components ？

Web Components 是允许我们创建可重用的定制元素（即组件）的一种技术，可以在你喜欢的任何地方重用，不必担心代码冲突，本质就是组件化。由于web components是由w3c组织去推动的，因此它在不久的将来一定成为浏览器的一个标配组件化技术

本套课程，大喵将带着大家手把手从0到1，从菜鸟零基础到熟练掌握，使用 Web Components 基于原生的新前端组件技术，用最简单的搭积木盒子的方式，实现一个经典的组件式移动端Web应用

让大家都能够短时间内快速掌握这门 Web Components 原生组件化技术 ~~

课程主要目录：

核心技术组成、生命周期函数、课程收获及项目工具介绍、项目目录结构及布局划分、时间日期模块开发、时间日期组件封装、时间日期组件交互、文章信息卡片开发、文章卡片组件封装、文章卡片组件数据交互、静态文章列表数据结构分析、文章卡片列表开发、文章详情页开发

Web Components 快速入门与实战

课程目录

• {1}–课程项目介绍
• [1.1]–课程介绍
• [1.2]–WebComponents介绍
• [1.3]–核心技术组成
• [1.4]–生命周期函数
• [1.5]–课程项目介绍
• [1.6]–课程收获
• [1.7]–课程学习准备和工具
• {2}–项目应用开发
• [2.10]–文章卡片组件封装-第1小节
• [2.11]–文章卡片组件封装-第2小节
• [2.12]–文章卡片组件数据交互-第1小节
• [2.13]–文章卡片组件数据交互-第2小节
• [2.14]–静态文章列表数据结构分析
• [2.15]–文章卡片列表开发
• [2.16]–文章详情页开发
• [2.17]–文章详情组件封装-第1小节
• [2.18]–文章详情组件封装-第2小节
• [2.19]–文章卡片数据交互-第1小节
• [2.1]–创建项目目录结构
• [2.20]–文章卡片数据交互-第2小节
• [2.2]–结构布局划分
• [2.3]–时间日期模块开发
• [2.4]–时间日期组件封装-第1小节
• [2.5]–时间日期组件封装-第2小节
• [2.6]–时间日期组件交互-第1小节
• [2.7]–时间日期组件交互-第2小节
• [2.8]–文章信息卡片开发-第1小节
• [2.9]–文章信息卡片开发-第2小节