不知道楼主是从什么行业转行到web前端工程师，如果是从开发工程师转到web前端工程师，那相对来说是很好转的，容易成功。如果不是计算机相关专业，那就需要一点点从基础来学了！
web前端基础：
HTML 语义化
CSS3 基本语法规范
CSS常见布局技巧大全
网页开发规范以及流程
CSS企业级网页开发
CSS初始化技术选择
CSS3基本变换特效
HTML、css是前端学习最基本的知识，你要学习前端，首先要把这些基础知识学好才可以！
第二阶段：
核心知识点
• CSS3 2D、3D 变换
• CSS3 animation 动画
• H5C3 炫酷页面开发
• Flex伸缩布局
• 移动端主流适配方案
• 常见移动端样式兼容方案
• 预处理器Less
第三阶段：
核心知识点
• JavaScript 语言基础
• BOM操作大全
• DOM操作大全
• 封装动画函数
• JavaScript高级
• 正则表达式
• ECMAScript （ES6）新语法
• jQuery 快速开发
• jQuery 插件开发
第四阶段：
核心知识点
• 能够建立客户端服务器交互模型，熟悉网络通信相关概念
• 能够使用 Node.js 进行 Web 服务端开发
• 基于Node.js开发Web应用
• Express
• RESTFul API
• 原声AJAX、jQuery的AJAX相关API使用
• 跨域请求及解决方案
• 前端模板引擎
第五阶段：
核心知识点
• 大数据可视化
D3.js
•
Vue.js/Vue Router/Vuex/axios/Element-UI
• Vue CLI脚手架工具
• 使用Git、Github管理项目源代码
• webpack
• React.js / React Router / Redux / axios / Ant Design
• create‑react‑app 脚手架工具
• 项目打包及优化
• 项目部署与开发
第六阶段：
核心知识点
• 人工智能
• 小程序开发
• 小程序应用及页面的生命周期
• 小程序运行机制
• WePY小程序开发框架
• 小游戏开发
以上就是前端的学习路线图，不知道为什么这个图放上来就不清楚了，如果想要清楚的，或者是配套的学习资源，可以后台回复“前端”即可。
