怎么学好web前端开发？
学好web前端开发的技巧介绍：1.学习要有深度和广度，需要掌握Web页面制作基础、UI网站设计、编程基础技术等;2.要重视基础，按照一定的路线学习;3.找对学习方法，并持续性的学习。
1、学习要有深度和广度
以下都是或多或少要掌握的内容：
Web页面制作基础，掌握传统PC端网页布局和制作;
UI网站设计，掌握页面设计和原型图设计;
编程基础技术，利用js完成一些常见网页的特效开发;
后端开发技术，了解Web服务器的工作原理，并可以简单搭建自己的应用程序服务器端;
移动互联网应用，掌握现在主流的页面制作技术，可以完成微网站的制作，并可以做到多设备兼容。
说白了，对于想要入行或转行学前端的学员来说，首先要摆正自己的心态，不管学任何东西都不可能一蹴而就，都需要踏踏实实付出努力，但相对于其他编程语言来说，前端开发还是比较容易入门的，因此也不要给自己太大的压力，用积极的心态正确面对就好。
2、一定要重视基础
首先建立第一条技能线：就是前端由html，css，js组成;然后将其细化为第二条线，html是由html4和html5组成;第三条线，css由css2和css3组成;第四条线，js由es5和es6构成。
接下来是框架方面的延伸：css方向有less，html方向有bootstrap，js方向有jquery库。
再往下延伸一层：html、css方向，有前端构建工具;js除了jq库之外，还有更全面的前端框架，react、angular、vue。
再往下细化：react是一个view层方案，为了让它能够全面解决前端需求，需要Redux、react-router等作为补充。
3.找对学习方法，并持续性的学习
现在Web前端开发已经不是学个css和js就可以上手的时代了。而许多同学却只会点Js，更多的人连Js基础都没有掌握，这样只想靠假简历上位，怎么可能呢?
怎样学好web前端开发，在技术领域，有太多的东西会迅速的过时，如何能够在这个领域长期处于不败之地，那就一定要有好的学习方式并持之以恒，锻炼自己的学习能力不断的吸收新知识，突破自己，要记得，技术永远没有上限。
我们学习任何一门技术都得先从企业需求的角度来分析，到底这个市场需要怎样的Web前端开发人才，这样才有让我们这些开发从业者有机会去思考满足需求这个问题，进而才能正确地确立一个可行的职业发展方向，最后达到自己想要的目标。
web前端静态网页制作步骤
web前端静态网页的制作流程：制作静态网页效果图——将制作好的静态网页效果图进行PS切片——使用HTML5和CSS3进行网页布局——使用JS代码制作特效——最后优化网页代码，删除冗余的文件。
第一步：制作一个静态网页之前，我们需要先制作一个网页1:1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop
CS4中文版制作。
第二步：将制作好的静态网页效果图进行PS切片。通过PS切片可将一张大的效果图切成多张小图片，以后可直接用在网页上。
第三步：使用HTML5和CSS3进行网页布局，网页布局遵从“先大后小，先外后里”的原则，先将整个静态网页大结构写出来，然后再按照效果图写各个部分的小版块。(这个部分需要有代码基础，可先学习HTML入门教程)
第四步：制作网页上的特效，例如轮播图，需要使用JS代码制作。再将PS切片出来的小图片通过代码插入网页中，并且使用测试数据填充各个小版块，达到与效果图一样的效果。
第五步：最后优化网页代码，删除冗余的文件，整理出一个简洁的静态网页，这样静态网页就制作好了。
