2020 前端学习路线总结

2020 前端学习路线总结

在 GitHub 看到一个很不错的前端学习路线图（roadmap），从前端基础到前端工程化，再到跨端，都有知识点的覆盖，非常推荐阅读。

图下面是我翻译的一个文字版，可以先看图再看文字。

✔︎ 表示个人推荐学习

✔︎ 表示可选择学习

✔︎ 表示不需要严格按照路线的先后顺序，可在任何时间补充这一块的知识

✘ 表示个人不再推荐

 

计算机网络

掌握计算机网络的基础是一名前端工程师的基本素养，建议先学习以下的知识：

1. ✔︎  Internet 如何工作

2. ✔︎  HTTP 协议

3. ✔︎  浏览器工作机制

4. ✔︎  DNS 及其运行机制

5. ✔︎ 了解域名、网站托管

 

HTML

1. ✔︎ 学习 HTML 基础，标签、元素、表单验证等等

2. ✔︎ 语义化标签

3. ✔︎ 了解 Web 无障碍（Accessibility）

4. ✔︎ 学习 SEO 优化

CSS

1. ✔︎  学习 CSS 基础

2. ✔︎  制作布局：浮动、定位、显示、盒模型、网格布局、弹性布局

3. ✔︎  响应式设计和媒体查询（@media）