零基础学习web前端的步骤
1、知己知彼，百战不殆
在学习Web前端之前，我们需要了解一下什么是web前端吧!指的是用户终端产品与视觉和交互有关的部分。具体指的是通过HTML、CSS、JavaScript等专业技能以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面。
2、打好地基，循序渐进
Web前端与网页是息息相关的，因此，要学习Web前端，要熟悉网页。所以，HTML和CSS是要掌握的，它们是构建网站的元素。其中HTML构成了网页的“骨架”，CSS为网页添加了颜色样式，是网页的“皮肤”。
3、学习要有广度和深度
指的是在技术上要抓住重点，也要发散自己的技术点。
首先Web页面制作基础，掌握传统PC端网页布局和制作;UI网站设计，掌握页面设计和原型图设计;编程基础技术，利用js完成一些常见网页的特效开发。
后端开发技术，了解Web服务器的工作原理，并可以简单搭建自己的应用程序服务器端;移动互联网应用，掌握现在主流的页面制作技术，可以完成微网站的制作，这样可以做到多设备兼容。
4、选择一个正确的方法，持之以恒
互联网的变化莫测，仅靠技术也是不够的，如何能够在这个领域长期处于不败之地，那要有好的学习方式并持之以恒，锻炼自己的学习能力不断的吸收新知识，突破自己，要记得，技术永远没有上限
5、时时刻刻需要做好归纳总结
Web前端对于技术层面要求很琐碎，这就需要同学们平时多去归纳总结。例如把一些常用的代码写法记录下来;各种编辑器的特点和哪些编辑器比较好用等。同时同学们需要多跟大神进行切磋交流。
学Web前端需要学什么
学习Web前端需要学这些内容：前端页面重构——Java高级程序设计——PC端全栈项目开发——移动端WebApp开发——混合(Hybrid,RN)开发——NodeJS全栈开发——大数据可视化。
第一阶段：前端页面重构，包含PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目;
第二阶段：Java高级程序设计，包含原生Java交互功能开发项目、面向对象进阶与ES5/ES6应用项目、Java工具库自主研发项目;
第三阶段：PC端全栈项目开发。包含jQuery经典交互特效开发、PHP+MySQL后端基础项目、前端工程化与模块化应用项目、PC端全栈开发项目;
第四阶段：移动端WebApp开发。包括应用Vue.js开发WebApp项目、应用React.js开发WebApp项目、应用Angular开发WebApp项目;
第五阶段：混合(Hybrid,RN)开发。包含微信公众号开发、微信小程序开发、React Native、各类混合应用开发;
第六阶段：NodeJS全栈开发。包含Node.js基础项目、Node.js高级全栈项目(NodeJS基础、MongoDB、GraphGL、Express、Koa、测试框架mocha、socket 即时通信项目);
第七阶段：大数据可视化。包含大数据可视化化基础与实战(数据可视化入门、D3.js详解、其他JS库)。
web前端开发怎么学
1、重视web前端学习基础
学习web前端主要可以分为三个大的阶段，第一个阶段就是html+css，第二个阶段主要是JavaScript等等，第三个阶段vue，react等前端框架的学习，这些也是作为一个web前端工程师的基础，只有将这些简单的知识掌握，才能对之后要继续学习的知识能更深刻的了解和学习，最近比较火热的移动开发、小程序开发等也是之后大家去学习web前端的一个方向。
2、学习方式和计划的确定
我们是新学习一门其它领域的课程，由于之前没有接触，所以需要对学习方式进行调整，根据我们的学习能力和时间来确定每天的学习计划，每天需要学习的内容，每周期的目标甚至是每个月的目标，通过我们的长期和短期的目标确定，来督促我们自己能够相对快速的学习完我们定下的web前端学习计划，最后达到我们的目标。
3、学习深度和广度
Web前端最终的目的就是将更丰富多彩的页面展示给用户，所以说要想成为优秀的web前端工程师，涉及到的领域就会比较多比较多，例如做一个比较了解ui的前端，做一个很懂web前端技术的产品经理，这些都会成为你的工作优势，有时候并不会涉及太多的高深的技术，但是能做出实现需求和用户体验好的产品就是一个好的合格的web前端工程师。
所以我们要从事web前端的工作，一定要清楚自己需要学习的内容和自己的追求，才不会让自己在工作的过程中慢慢迷失掉自己，还有最后的一点就是一定要养成良好的开发习惯，代码的规范书写，文件名标准等等。
