1、前端开发工程师的主要职责是与交互设计师、视觉设计师协作，根据设计图用HTML和CSS完成页面制做。同时，在此基础之上，对完成的页面进行维护和对网站前端性能做相应的优化；
2、前端开发工程师，应该具有一定的审美能力和基础的美工操作能力，能很好的与交互及视觉协作；
3、Web前端开发工程师，除了主要职责外，还要为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性。
前端开发有很多方向，核心包括以下内容：
JavaScript编程语言本身，需要多阅读一些书籍来深化了解以及JavaScript在浏览器里的各种API，这个可以多翻阅MDN文档；工程化：可以通过一些脚手架以及开发一些脚手架来提升开发效率；可以通过对功能的拆分实现模块化与组件化，降低分组开发的难度；可以通过工具链规划、测试、部署代码，实现自动化；模块化、组件化、规范化、自动化，这就是工程化；Vue或React框架，学会其一即可，这两个框架都有自己的生态，路由、状态管理、UI、服务端渲染；计算机科学知识：Linux、计算机网络、数据库、简单的数据结构和算法、云服务等；补充项：工作的时候再学没有关系，前端的跨端实现、typescript等
为啥你提了这么多，没有说UI的Web实现，什么布局、样式、动画、切图、实现一个商城…这是基础，不是核心，你可以用UI框架来做，前端开发可以先不必深究。
前端开发最必不可少也是最经常会使用到的（软件和网站）：
VS Code，支持前端开发各种文件格式以及自带emmet语法、代码提示、自动补全、格式化文档，以及拥有强大的调试功能，适配所有（应该是所有）前端必备工具链；Node.js以及前端工具链，前端开发离不开强大而Node生态，无论是git、webpack、lodash、gulp等，还是Vue、React框架，亦或是vuepress、gatsby等开源项目，这些都是前端开发需要掌握的；Chrome浏览器，前端开发离不开Chrome的开发者工具，从了解DOM、终端适配、JavaScript调试、页面加载到性能优化等；MDN文档，MDN文档是前端开发人员最经常翻阅的JavaScript技术文档，一定要长期翻阅
