韶华女帝
你好，我主要擅长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、无论是多么牛逼的培训学校、网课、书籍，一般只能帮助你完成第一阶段的学习，极少数能够深入的帮助你完成第二阶段 的学习，第一阶段我更倾向于自学，第二阶段我更倾向于寻找有实际工作经验的大神教你，这样性价比较高。
关于前端就写到这里，全栈开发的其他建议后续有机会再补充，希望可以帮助到你。
张毅SOHO
前端的话, 零基础的话, 先在菜鸟教程上把 CSS/HTML/JS 等基础过一遍。
然后就可以从 React, Vue 这两大前端框架中选一个了.个人推荐 Vue, 因为中国人开发的, 国内社区生态好.
如果想进阶全栈开发的, Nodejs 要学的, 然后熟悉基础框架 Koa, 再学学阿里的 Egg.js 框架.
这样下来, 自己买个服务器, 搭建博客网站不成问题的.
内核恐慌
学习前端是一个比较高的出路，现在的前端工程师岗位，相对来说还是比较好的，可以从移动web入手
