animate.css

css 动画库

normalize.css

初始化 CSS

Bootstrap

Foundation

Semantic UI

Pure

UIkit

Ant Design

Bulma

Spectre

Tailwind

Shoelace

Skeleton

Tachyons

Material Design

Element

WeUI

Materialize

iView

layui

Gentelella Admin

NES-style

VUX

Vant

Cube UI

仅供参考

阶段一：认知了解阶段（第一印象很重要）
1.该技术的概念和方向
2.该技术解决了什么问题
3.同类技术有哪些
4.该技术的主要组成部分
5.该技术为什么出现

阶段二：学习语法，用法
途径进阶
1.视频教程（效率低）
2.快速上手视频
3.入门博客
4.权威书籍，官方文档

阶段三：局部练习，小型实战，搭建环境（记录总结，写博客写博客写博客！！！）

阶段四：上手实际项目或开源项目（先打牢基础）

阶段五：（终极目标）造轮子，撸源码

以上是我对下列视频及文章的归纳和总结。
如何学好技术

1. 将大块代码分解成小函数
2. 今日事今日毕，如果没毕，就留到明天
3. YAGNI原则
4. 不必全知全能，但基础一定要扎实
5. KISS原则
6. 别想太多
7. 被问题/Bug卡住时，walk away！
8. 学会写测试代码TDD
9. 先分解问题再开始写代码
10. 代码不要死记硬背
11. 学好用好Stack Overflow
12. 不要「光学不练」
13. 与小伙伴互相审查代码
14. Don’t Reinvent The Wheel
15. 你的代码是最好的文档
16. 懂得如何搜索
17. 写代码时要之后维护考虑
18. 复制粘贴
19. 不要放弃
20. 休息、休息再休息
21. 学习软件设计模式
22. 使用集成工具
23. Do code katas
24. 依赖注入是一个要求
25. 重构-测试-重构
26. 及时寻求帮助
27. Practice makes perfect.
28. 不必太在意评论
29. 了解你的开发环境
30. 复用组件
31. 考虑相关限制
32. 不要过早优化或重构
33. 不要投机取巧
34. 遵循规定的标准
35. 用户不是技术人员
36. 坚持使用Github或bitbucket
37. 记录所有关键部分
38. 风格保持一致
39. Don’t stop learning
40. patience and love

相关资料
15年程序员经验分享：40个改变你编程技能的小技巧！

看开源项目有助于解决以下问题

问题 1：学完编程语言，但还是感到学习与实践之间的巨大鸿沟？
问题 2：在校生，自学的感觉是玩具，不知实际项目怎么写，实际项目代码没看过？
问题 3：本科毕业时校招找工作，或研究生复试，或外行转 IT 没项目经验怎么办？

java 推荐开源项目

• halo：java、博客系统

• hutool：java、工具集

• piggymetrics：java、微服务、脚手架、落地

• HanLP：机器学习、数据挖掘、自然语言处理

• hansonwang99：对初学者友好

Python 推荐课程
培训机构
四大坑：T 州、 D 内、 Q 锋、 Q 鸟
比上面机构略好：H 马训练营、S 硅谷
理由：老师存在大量简历造假、很多概念理解错误

推荐课程：极客时间零基础学 Python
理由：在一线大厂工作 5 年以上的技术人员、内容简洁、应用场景、通俗易懂

以上是我对下列视频的归纳和总结
王校长帮你淘课系列

随着微信小程序的火爆，各家厂商纷纷推出自己的小程序，手机厂商也推出轻应用，这意味着开发者要面对不同平台都要开发一套，于是开发一套代码多平台运行成为构想，

• Uniapp
• Apiclound
• Mpvue
• Taro

Uniapp

使用 Vue 开发所有前端应用的框架，开发者编写一套代码，可发布到 iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。

标签：Vue、大量开源项目

Apiclound

使用可视化工具快速构建应用程序，基于大数据与拖拽式产品工具自动关联项目组件，并帮助项目快速落地

标签：可视化工具、操作简单快捷

Mpvue

使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

标签：Vue、小程序

Taro

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。使用 Taro，只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同终端（微信/百度/支付宝/字节跳动/QQ 小程序、快应用、H5、React-Native 等）运行的代码。

标签：React

以上是我对下列视频及文章的归纳和总结。
4款前端移动端开发框架

• 基础知识

• 工具方面

• 框架方面

• 架构方面

• 关注源码/性能

• 前端框架排行榜

  1. React (NPM 下载量、NPM 使用量)
  2. jQuery
  3. Angular
  4. Vue

• WebAssembly 成为第四种 web 语言。

• Typescript 激增

• React hooks 成为开发首选。

• Vue3.0 开放部分代码

• 开发工具 IDE VSCode 成为了绝对的主流

• Webpack 已经迭代到 5.0 即将发行

• 容器和微服务向前端靠拢 （docker）

以上是我对下列视频及文章的归纳和总结。
2019年前端大事回顾