1、基础前端开发者
1.1 HTML & CSS
最基础的知识：
语义化的HTML元素
基础的CSS语法
Flexbox & Grid
CSS变量
浏览器开发者工具

1.2 响应式布局
响应式设计将不再是网页的加分项, 而是必须的
设置viewport
非固定宽度
媒体查询
使用 rem 替代 px
移动优先,柱状显示

1.3 基础的部署工作
学会如何部署一个静态网站到服务器
注册一个域名(NameCheap, Google Domains)
管理共享主机或虚拟机(Inmotion, Hostgator, Bluehost)
FTP, SFTP 文件上传(Filezilla, Cyberduck)
静态页面托管(Netlify, Github Pages)

1.4 SASS预处理器
虽然不是必须的, 但是推荐去学, 基础知识的掌握很简单
结构化CSS
变量
嵌套样式表
Minxins & 函数
继承

1.5 原生JavaScript语法
不使用任何框架和库区学习原生的JS语法
数据类型, 函数, 条件判断, 循环, 凑总府
DOM操作和事件
JSON
Fetch
ES6+(箭头函数, Promise, async/await, 解构)

1.6 满足了基本的前端开发者的条件
构建静态站点
构建UI布局(拿到设计图能够使用HTML/CSS还原)
添加一些交互功能
部署和维护网站
现在能找到最低水平的Web开发工作, 但是这是远远不够的....

这里推荐一下我的前端学习交流q群：
1.先是一个##851
2.再是一个##231
3.后是一个##348，里面都是学习前端的从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴。2020最新技术，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!