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技术文档，一定要长期翻阅
你好，偶主要擅长Java后端，JQuery+Metro4前端的技术路线，且完全是基于多年工作经验的自学成才。
偶认为学习成本最低，效率最高的方法，从入门到实践大体有三个阶段：
第一阶段，学习编程语言阶段。
这个阶段主要是对前端开发的编程语言工具有一个宏观的认识。了解前端开发用到哪些语言工具，分别实现什么作用，以及基础知识即可。
1）HTML，CSS：主要用于构建UI界面，HTML负责定义界面元素（控件），CSS负责定义元素（控件）的颜色、样式。这两种语言工具都十分简单，内容都是由控件或属性构成，建议记忆力好的话尽量记到脑子里，扎实基础。
2）JS：主要用于编写前端程序逻辑。JS想要学会只有靠代码量堆，现阶段记住基本语法和windows，document对象就行。实践编程中都会用到框架，不一定会直接使用原生的JS语法，所以现阶段不必深究。
3）正则表达式：主要用于字符串的高效处理（包括验证、替换、截取），这个工具非常有用，建议记忆力好的话尽量记到脑子里，扎实基础。
4）界面设计理论：UI界面不只是功能，最重要是用户的可使用性，界面布局、色彩搭配、人机互动方法，看似跟编程无关，实际上这是前端设计的灵魂之处，也是前端工程师跟前端程序员的区别，所以请多学习相关设计知识。
第二阶段，学习开发框架阶段
前面讲过实践编程中都会用到框架，这个阶段主要是对前端开发的框架工具进行实践学习。目前比较热门的框架推荐Vue，Element，Uni-app，EChart都可以学一学。这个阶段的学习靠看是没用的，动手是最有效的学习方法。
1）选择顺手的编程工具：前端开发的编程工具可以选用HBuilderX，功能强大，适用度广泛（PC网站，移动端的网站、app、微信公众号、微信小程序、百度小程序等很多）。
2）获取开发框架：从框架官方网站上下载框架的程序文件，在后续实践活动中使用。
3）实践学习：主要内容包括使用编程工具建立项目，引用开发框架程序文件，找一个你认为很炫酷的PC网站成功案例，选取查询浏览页、表单页、详细内容查看页、图标分析页、登录页这些有代表性的页面形式模仿制作。
第三阶段，迭代提高阶段
经过第二阶段的学习，应该已经可以做出简陋的界面，这个阶段就是：
1）在不断的实践中体会前端的设计方法和编程技巧；
2）接触和学习更多的框架、组件；
3）掌握多种客户端类型（如：PC网站、H5路线的网站、app、微信公众号、微信小程序、百度小程序等很多）的开发方法。
其他建议：
1、编程是操作型技能，动手第一、思考第二、眼看没用；
2、编程技术最大的特点就是门类、概念、工具、框架又多又复杂，刚入门的时候经验不足难以找到主干的学习路线，看起来好像不知道该学什么，多久才能学会，但是如果认真梳理，渐进学习，其实也没有那么困难，反而可以从不断的成就感中获得乐趣。
3、无论是多么牛逼的培训学校、网课、书籍，一般只能帮助你完成第一阶段的学习，极少数能够深入的帮助你完成第二阶段的学习，第一阶段偶更倾向于自学，第二阶段偶更倾向于寻找有实际工作经验的大神教你，这样性价比较高。
关于前端就写到这里，全栈开发的其他建议后续有机会再补充，希望可以帮助到你。
react，vue，angular 目前这三大框架用的最多。推荐学习vue ，算是里面比较容易学的，精通一个，了解其他两个。
切图网，专注于 前端外包 和 前端培训
网站前端开发用什么软件 前端开发的自学过程中重点学习一些什么？有哪些好的开发软件 – 前端技术 – 前端
