2020年最新前端学习路线

核心技能

HTML
    网页结构

CSS 
    美化页面
    盒子模型、布局方式（Flexbox, Grid）

JavaScript
    事件、交互、数据处理
    基础语法、ES新规范

网络基础
    域名、DNS、服务器
    Linux(常用命令)
    服务器程序(Ftp, ssh、Apache, Nginx)
    HTTP协议

进阶技能

响应式布局 css media query
兼容性调整 css->css hack; js->babel/prolifill
UI框架 Bootstrip、Semantic UI、Tailwind CSS
SEO
Node.js npm/yarn
css预编译工具

VS Code插件
实时预览 live server
代码格式化 prettier

codesandbox

1、MDN developer.mozilia.org
2、caniuse.com
3、css-tricks.com
4、codepen.io
5、medium.com
6、hackernoon.com
7、stackoverflow.com
8、freecodecamp.com
9、reactjs.org
10、segmentfault.com
11、juejin.im
12、csdn