后端转前端还是比较容易的，学习难度降低了，多花点时间实操，基本可以接手项目
首先初学者要知道web前端工程师的目前核心技术，主要有HTML5、CSS、JavaScript、JQuery、Ajax等技术，而且想要成为一名优秀的web前端工程师就需要要熟悉互联网交互设计能力、熟悉后端服务器的运行环境和数据通信协议、掌握响应式框架、Bootstrap、AngularJS等目前互联网最流行的JS框架技术。
第一步是基础阶段的学习，这是非常重要的一个部分，也是为以后的学习打下基础，在这个阶段主要学习HTML标签、属性和事件，学会使用CSS控制网页的样式和布局。
本人新建一个技术交流圈子，群主是10年老技术人员，某上市公司的技术负责人，群里面每天会给群友解答疑问，招聘内推，点击即可加入圈子
程序员交流群，群友分享技术经验，解答疑惑
第二步是进阶阶段的学习，主要需要掌握JavaScript，jQuery等技术，尤其是做HTML5开发时，主要使用的就是JS语言，jQuery是一个免费、开源的轻重级的JavaScript库，并且兼容各种浏览器，而且可以选择的jQuery插件很多，使得实现丰富的动态效果变得方便快捷，能够大大提高开发速度。
第三步是高级阶段的学习，主要有AJAX，JSON，XML，Bootstrap等技术，ajax是一种创建交互式网页应用的网页开发技术，可以是网页实现异步更新;JSON也是一种轻重级的数据交换格式，易于人阅读和编写，而且易于机器解析和生成。Bootstrap是Twitter推出的一个开源用于前端开发的工具包，一经推出就颇受欢迎，是GitHub上热门开源项目。
以上三个步骤希望对于零基础web前端开发初学者如何系统学习这个问题能够很好的解决。想要成为一个优秀的web前端工程师，技术在不断更新，需要不断持续的学习，才能够让自己变得更好。
最后：
点赞的人，年年加薪~
