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