要想高效学习Web前端知识，首先应该搞清楚Web前端都包括哪些技术结构。我接触前端比较早差不多是15年到17，在一个搞前端的同学怂恿下开始了前端学习，由于有C语言基础，所以适应的比较快，熟练代码以后还要有整体布局观，一个页面下来要先想好如何布局，div怎么嵌套，怎么浮动，怎么定位等等，这些都要在学习中慢慢积累。
1、你们都是怎么学web前端的？
对于我自己学习前端经历来讲就是初期折磨，中期难受，后期得心应手。我接触前端比较早差不多是15年到17，在一个搞前端的同学怂恿下开始了前端学习，由于有C语言基础，所以适应的比较快，现在回过头来看，前端的学习还是比较简单的，从的H5的框架到CSS3的丰富，再到js的修饰，一个简单的页面就可以完成。对于整个学习过程和方法总结起来也比较简单的HTML5和CSS3的学习心得HTML和CSS是不可分割的，它们是撑起整个前端页面的框架，在学习中也是一样的，H5和CSS3主要由很多标签和选择器构成，所以记忆表现的非常重要，
不但要熟记还要熟练运用。如何做到熟练运用呢？那就要大量的动手写代码，要有充足代码量作为支撑，前端内部有一段话“每天至少五百行”，少了说明技术在退步。熟练代码以后还要有整体布局观，一个页面下来要先想好如何布局，div怎么嵌套，怎么浮动，怎么定位等等，这些都要在学习中慢慢积累，总结起来就是多记忆，多动手，多总结。
JavaScript的学习JavaScript才是前端中正真意义上的编程语言，而H5和CSS算不上编程语言，只能称为超文本标记语言，既然是编程语言，那么学习难度肯定是比前两种要高很多。js属于面相对象的语言，它有初级和高级两个部分，初级的相对简单主要是一些数据类型，循环，简单的函数等，还是记忆的东西比较多，
但是高级的部分更多的需要理解，首先要理解的就是什么事面相对象，这种编程的思维是什么，带着这个思维去学习后面的对象，类，继承，传递等等。只要过了原生js这一关，后面的学习就简单了，一些常用框架的学习前端框架现在很多五花八门jquery，bootstrap，vue，node.js等等，但是这些都是基于js开发出来的，所以只要熟练js后面的学习就不是问题了。
2、web前端怎么入门学习？
首先初学者我建议用记事本来开发具体操作如下新建如下图图修改后缀名为HTML如下图之后上http://www.w3school.com.cn/html/这个网站看里面的示例，并右键选择编辑上图后缀名为html文件，照着网站上的示例敲代码，保存之后双击看结果，当然出学用记事本很痛苦但是帮助记忆，后面慢慢的知识多了就可以采用很多开发工具。
3、零基础转行做前端好吗？新手学习web前端要学多久，该怎么学？
只要你想学，一切都不晚，你比想象中的优秀首先你要先了解一下学习了前端能做什么？学了web前端，就可以开发手机、电脑和APP上到处可见的网页，也可以做动画、做微信和百度小程序、还能搭建自己的博客网站、总之前端可以把我们想看的东西具象的表现出来，前端的知识丰富多彩，比起后端枯燥的数据、更有趣一些，那么前端入门需要怎么学习呢？前端核心内容三样html、css、js零基础推荐看开源教程w3cschool，带你入门，照着网站的demo自己练习学习、轻松入门。
网站上也有推荐，如果您是初学者，请您阅读《网站构建初级教程》，如果您是开发者，请您阅读《网站构建高级教程》。附：http://www.w3school.com.cn/index.html知其然，才能知其所以然当然为了深入了解、夯实基础、推荐看的书籍《JavaScript高级程序设计》非常经典，建议要认真反复阅读，至少3遍，如果你觉得看书或者看教程无聊，推荐的学习网站慕课网，找你感兴趣的老师，和他们一起学习。
