第 8 阶段前端动效结束，下一阶段内容预告

本阶段通过 10 节内容讲了前端和小程序的动画，系统学习了 animation、transition，并通过实践来分析做动画的关键步骤。

《前端小课》是我从 「2019年8月30号」 开始写的一本多媒体电子书，旨在帮助 10W+ 人能够入门并进阶前端。本电子书的内容首次会通过公众号素燕发布，同时我也在整理和修改前面各个阶段的内容，最终形成一本完整的电子书 pdf 版本。一起回顾下前面各阶段的内容。

第 1 阶段：HTML+CSS

这一阶段主要带大家通过 HTML 和 CSS 做一网页，入门前端的第一步。详细内容

第 2 阶段：死磕 CSS 布局

布局是前端开发的核心，而 CSS 布局方式比较多，系统学习了 CSS 中的布局。详细内容

第 3 阶段：网络编程

做前端开发每天都会与网络打交道，理解 socket、http、tcp 协议是非常有必要的。详细内容

第 4 阶段：系统学习 js

js 用来处理实际的业务，对 js 掌握的越深，代码会写的越好，bug 也就越少，总之用最少的代码表达最多的业务逻辑。详细内容

第 5 阶段：浏览器灵魂 DOM

DOM 就是「标签」在内存中的具体表现形式，比如动态修改样式、布局，都是通过操作 DOM 来实现。详细内容

第 6 阶段：从零学 Vue

进入了前端「工业级」时代，加快了前端开发步伐。我对这阶段内容非常不满意，后面会重新写这一阶段的内容。最有意义的是这阶段做了一次尝试，与大家一起学习 Vue，最终结论是这种组织很难支撑下去。详细内容

第 7 阶段 ：云与环境部署

写好代码最终要部署到服务端，要解决各种前端突发情况，排查问题，要了解前端代码如何部署，如何通过日志定位问题。详细内容

第 8 阶段：小程序前端动画特效

业务开发时会遇到各种动效，需要系统掌握前端做动画的手段。本阶段共 10 节内容，系统学习了做动效的手段。详细内容

提前预告一下，下一阶段将系统学习「前端构建」，帮助大家理解从线下开发到发布上线，代码是如何变化的。最后感谢大家的支持，还是那句老话，贵在坚持，共勉。

---

推荐阅读：

给 HTML 元素 Hover 态加点料

有赞真赞，官网水波纹动画这么酷

图解 CSS 属性单位和动画属性

四步搞定小菊花 Loading 动画

环形进度条没有想象的那么简单

小猴子跌落山崖之 linear、ease、ease-in

让按钮“呼吸”一会（呼吸动画）

跳动的音符动画实现原理剖析

动画阶段 · 小程序向上弹出动画效果

网易云音乐背景高斯模糊探索