Web 前端开发一般会包含8个阶段：
第一阶段：HTML/CSS 基础
HTML 基础，HTML5 规范，HTML 语义化标签，CSS 基础，CSS3 规范、CSS 选择器、各种 CSS 属性、盒模型、视觉格式化模型、浏览器兼容性问题解决方案，视觉格式化模型、传统布局、现代布局（Flexbox、Grid）切图工具 PhotoShop、Markman、PxCook 等的使用
第二阶段：HTML/CSS 高级
CSS 处理器，CSS 复合选择器，数值与单位，CSS Hack，媒体查询与响应式，过渡与动画，浮动定位，CSS 高级技巧（雪碧图、滑动门和三角形绘制等），CSS预处理器（Sass，Less）的使用，CSS 架构，响应式设计 Bootstrap，移动优先，媒体查询多终端适配，移动端屏幕比例，主流移动端适配解决方案，CSS 模块化开发
第三阶段：JavaScript 基础
采用全新 ES6 基础最新语法（数据类型、变量、运算符、表达式、控制语句、函数、数组、对象）进行教学，要求学生在熟悉 JavaScript 核心基础语法的同时，也能够理解 JavaScript 底层工作原理、设计模式；并运用现代 JavaScript 开发工具，进行原生 JavaScript 以及现代 JavaScript 开发工具创建出基于 MVC 的前端应用程序，也能进行 JavaScript API 编程（BOM，DOM事件）。
第四阶段：JavaScript 高级
HTML5 新增 API（视频音频、Canvas、SVG、拖拽事件、地理定位、本地存储），JavaScript 函数高级，模块化开发，JS 模块模式，MVC 模式，JavaScript 面向对象编程，JavaScript 异步编程，Ajax，Ajax的作用，原生XHR对象，同步与异步，HTTP 协议 HTTPS 协议，封装 Ajax，jQuery Ajax，同源策略，跨域问题及解决方案，JSON解析，JavaScripts 设计模式，Promise 对象，ES6 模块规范，现代 JavaScript 开发规范。
第五阶段：Node 服务器端开发
前后端分离开发，Node 基础，MVC 架构，MongoDB，Node 在服务端开发，Session、JWT、OAuth 2.0，跨越资源共享，身份验证与权限管理，Node 实时通信技术
第六阶段：Web前端框架
React 技术栈，Vue 技术栈
第七阶段：移动端开发
React Native，跨端开发框架之微信小程序开发，Flutter，PWA 等
第八阶段：前端运维
Docker 与 Linux 基本操作、Nginx/Node/Redis/MongoDB 安装与配置、PM2、搭建集群。Git、Jenkins、TravisCI
详细课程内容，请参考课程图片。
朗沃教育 Web前端课程
Web前端学习是一个先易后难的过程，主要是通过HTML、CSS、JavaScript这三个技术编写前端代码，展现前端的用户界面的。HTML是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
CSS是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
除了上面介绍的Web前端工程师必须掌握的内容之外，Web前端工程师能够在开发中熟练运用前端框架也是必不可少的，使用框架能够减少开发时间，节约成本，现在比较常用的主流框架有Vue、React、Angular。
现在的Web前端工程师逐渐向全栈工程师发展，全栈工程师就需要在前端开发、后台开发都有所掌握，对于后台开发来说，可以学习一些node相关的技术来完成后台的功能需求。
总结：
web前端学习主要包括：HTML、CSS、JavaScript、jQuery、Ajax
HTML：不是编程语言，仅仅是数据格式
CSS：无类型的样式修饰语言，算弱类型语言；需理解每个元素属性、样式等
JavaScript：学习起来相对来说不算太难，入手快
jQuery、Ajax：如果想在前端这块混的好，一定要掌握（虽然不一定要用，但一定要会）
熟悉Vue、React、angularjs 等最新的框架，并精通其中一个
看下这个，对你有帮助www.jianshu.com/p/e162b6b1930b