谢谢邀请！
Web前端开发现在越来越重要，一改前些年重后台轻前台的情况，前端的待遇也得到了明显的提升，所以学习前端也是个不错的选择。
前端虽然好上手，但是内容也比较多，合理的规划能节省不少时间，也能有更合理的知识结构。
第一步应该从HTML开始，现在的html5从手机端到pad再到pc端都有广泛的应用，这部分内容结构清晰，实验也比较好做，有个文本编辑器就能进行代码编写，而且html语法结构没有严格的要求，即使写错了也能运行，所以比较适合初学者。这部分内容学习结束后，可以自己搭建一个个人网站，练习的同时也能提高自己的自信心。
第二步应该学习CSS，这部分内容可以规范化和模块化html的代码，通过css可以在不修改html代码的情况下改变它的显示风格，所以css就像是html的样式设计者。这部分内容并不复杂，但是需要做大量的实验。有一些命令需要记忆，但是并不复杂。
第三步应该学习Javascript，这部分内容颇为复杂，涉及到的内容也比较多，当然它的功能也更为复杂，可以写逻辑代码，能够完成大量的控制功能。学习js是整个前端的重点和难点，建议多做实验。
第三步是学习各种前端框架，这部分内容就比较多了，现在流行的框架也比较多，比如Bootstrap，Foundation等，这部分内容建议一边工作一边使用，而且变化较快。
剩下的就是经常到前端社区多跟大家多多交流，把握最新的开发趋势。
希望我的回答能给你帮助。
web前端怎么入门学习？
首先初学者我建议用记事本来开发具体操作如下新建如下图图
修改后缀名为HTML如下图
之后上
这个网站看里面的示例，并右键选择编辑上图后缀名为html文件，照着网站上的示例敲代码，保存之后双击看结果。当然出学用记事本很痛苦但是帮助记忆，后面慢慢的知识多了就可以采用很多开发工具。
前端有哪些自学的编程网站？
一、EChartsECharts是小U目前接触过最优秀的可视化工具网站，一打开网页首屏就非常炫酷，该网站开源免费商用、功能丰富、涵盖各行业图表、满足各种需求、社区活跃，能多维度数据分析、多设备随意展示。
涵盖千万级数据可视化渲染能力、SVG + Canvas 双引擎动力更佳、数据样式分离及扁平配置让开发更便捷、首创无障碍访问支持、微信小程序、PPT，哪里都能用。
二、Code4App主要提供ios开发所用工具，例如：ios代码下载、ios特效示例等，帮助做ios移动端开发的研究者提供了一个资源集中的网站。
三、掘金内含许多的开源库，最新的前端资讯都会在这里即时更新，还有很多技术前辈可以讨教，是一个很棒的技术交流网站。
四、阿里巴巴矢量标签库内含多种格式的icon，平台还给提供了非常方便功能，可供前端学习者自由调整调用或者图标转换文字。
五、开源中国是目前国内最大的开源技术社区，分享栏目分为：开源软件库、代码分享、资讯、讨论区和博客等，是IT从业者的技术交流平台。其中涵盖了很多前端的优质内容，空闲之余填充前端知识的好去处。
最后
为帮助那些往想互联网方向转行想学习，却因为时间不够，资源不足而放弃的人。我搜集整理了一套完整的IT学习资料，包括运营技巧、SEO优化等，比自己在网上零散收集的结构性和连贯性更强，只为帮助那些想学习的人！需要的同学可私信！私信！回复“资料”