很多同学留言说越学越迷茫，不知从何下手。今天整理了一些学习web前端的心得和学习的步骤，分享给大家。希望对你的学习有所帮助。计算机行业的很多领域都符合82法则，即20%的事情80%的时间都在使用，所以非常适合吞枣。因此，我们的重点是学习这20%，而首先要做的就是利用这20%找出来。在我看来，前端的20%大概就是常用的html标签，css盒子模型，基本的原生js，熟练使用jquery，ajax，以及对常见浏览器的兼容。赢得这些东西是非常有意义的。一方面证明你适合做前端工作，另一方面这些技能会让你找到工作。让您从容学习剩下的80%。简而言之，就是专注于最重要的东西，比如less、sass、angular。当你把我前面说的基础打好之后，你就可以畅通无阻地学习，边学边用。最后，我觉得最难的还是练习。只有实践才能学到真正的技术。新人很难参与到一些有价值、有意义的项目中，没有这些项目很难成长。所以，有项目参与就应该珍惜，造出更有价值的轮子。学习web前端的路线如下：1、HTML学习html语法、格式、常用标签及其作用，了解标签的嵌套，学习使用firefox+firebug或chrom调试工具，并能使用这些工具可以调试html、css、js、断点调试、抓包。2.CSS和js的学习CSS和js的介绍（有多少种方法，有什么区别），理解id和class属性的区别，学习CSS的常用选择器，理解盒模型（padding,margin,border,width,height,),css坐标系,csslayout(absolute,relative,fixed,staticofposition),cssfloat(float:left,right)andclearfloat(clear),display:inline,block，内联块，弹性。3.基础编程学习js的执行顺序，基础编程基础（变量，计算，流程控制，数组，调用函数，自定义函数，对象），json，jsdom操作，js事件机制（委托，绑定设置，监听）,冒泡与防止冒泡,兼容性),了解ajax的xmlhttprequest及其创建方法(多浏览器兼容),跨域,了解其工作原理,有朋友说http协议确实是我的疏忽,http协议才是基础网络，所以它的重要性怎么强调都不为过。熟悉http协议对于web开发的方方面面都有帮助，比如理解和使用ajax，比如调试程序，抓取数据等等，但是http是一个非常复杂和详细的东西，内容很多。我建议大家也大刀阔斧地研究一下，先了解和熟悉简单的，在项目中遇到深入的再多学习。4、学习jQuery使用jquery解放你的开发工作，学习jq选择器，修改属性，监听事件，修改css，学习编写jquery插件。我觉得这一步可以和步骤3穿插一下。5.搭建服务器弄个笨服务器，比如wamp,phpstudy等软件，一键搭建apache+php+mysql服务器，发布你的静态页面前期到本地服务器，使用本地服务器用ajax学习。6.了解服务器端。服务器端建议学习，php+mysql。服务器端脚本其实很简单。可以概括为四种东西：SESSION、COOKIE、Request、Response。结合http协议了解如何从Request中获取数据，然后处理后将Response发送给客户端。这就是整个过程。至于mysql，就是最基本的sql语句。如何使用php进行CURD操作。这一块其实很难概括，基本上主要是实现业务。7.框架学习来一些框架，了解一下MVC模式，推荐一个流行的MVC框架：ThinkPHP，简单易用，不解释，国人做的，文档和例子丰富。推荐从1到7学习，让你快速成为Web前端工程师！1、学习HTML语法格式、常用标签及其作用，了解标签的嵌套，学习使用firefox+firebug或chrom调试工具，并能使用这些工具调试html、css、js、断点调试，抓包。2.CSS和js的学习CSS和js的介绍（有多少种方法，有什么区别），理解id和class属性的区别，学习CSS的常用选择器，理解盒模型（padding,margin,border,width,height,),css坐标系,csslayout(absolute,relative,fixed,staticofposition),cssfloat(float:left,right)andclearfloat(clear),display:inline,block，内联块，弹性。3.基础编程学习js的执行顺序，基础编程基础（变量，计算，流程控制，数组，调用函数，自定义函数，对象），json，jsdom操作，js事件机制（委托，绑定设置，监听）,冒泡与防止冒泡,兼容性),了解ajax的xmlhttprequest及其创建方法(多浏览器兼容),跨域,了解其工作原理,有朋友说http协议确实是我的疏忽,http协议才是基础网络，所以它的重要性怎么强调都不为过。熟悉http协议对于web开发的方方面面都有帮助，比如理解和使用ajax，比如调试程序，抓取数据等等，但是http是一个非常复杂和详细的东西，内容很多。我建议大家也大刀阔斧地研究一下，先了解和熟悉简单的，在项目中遇到深入的再多学习。4、学习jQuery使用jquery解放你的开发工作，学习jq选择器，修改属性，监听事件，修改css，学习编写jquery插件。我觉得这一步可以和步骤3穿插一下。5.搭建服务器弄个笨服务器，比如wamp,phpstudy等软件，一键搭建apache+php+mysql服务器，发布你的静态页面前期到本地服务器，使用本地服务器用ajax学习。6.了解服务器端。服务器端建议学习，php+mysql。服务器端脚本其实很简单。可以概括为四种东西：SESSION、COOKIE、Request、Response。结合http协议了解如何从Request中获取数据，然后处理后将Response发送给客户端。这就是整个过程。至于mysql，就是最基本的sql语句。如何使用php进行CURD操作。这一块其实很难概括，基本上主要是实现业务。7.框架学习来一些框架，了解一下MVC模式，推荐一个流行的MVC框架：ThinkPHP，简单易用，不解释，国人做的，文档和例子丰富。推荐从1到7学习，让你快速成为Web前端工程师！1、学习HTML语法格式、常用标签及其作用，了解标签的嵌套，学习使用firefox+firebug或chrom调试工具，并能使用这些工具调试html、css、js、断点调试，抓包。2.CSS和js的学习CSS和js的介绍（有多少种方法，有什么区别），理解id和class属性的区别，学习CSS的常用选择器，理解盒模型（padding,margin,border,width,height,),css坐标系,csslayout(absolute,relative,fixed,staticofposition),cssfloat(float:left,right)andclearfloat(clear),display:inline,block，内联块，弹性。3.基础编程学习js的执行顺序，基础编程基础（变量，计算，流程控制，数组，调用函数，自定义函数，对象），json，jsdom操作，js事件机制（委托，绑定设置，监听）,冒泡与防止冒泡,兼容性),了解ajax的xmlhttprequest及其创建方法(多浏览器兼容),跨域,了解其工作原理,有朋友说http协议确实是我的疏忽,http协议才是基础网络，所以它的重要性怎么强调都不为过。熟悉http协议对于web开发的方方面面都有帮助，比如理解和使用ajax，比如调试程序，抓取数据等等，但是http是一个非常复杂和详细的东西，内容很多。我建议大家也大刀阔斧地研究一下，先了解和熟悉简单的，在项目中遇到深入的再多学习。4、学习jQuery使用jquery解放你的开发工作，学习jq选择器，修改属性，监听事件，修改css，学习编写jquery插件。我觉得这一步可以和步骤3穿插一下。5.搭建服务器弄个笨服务器，比如wamp,phpstudy等软件，一键搭建apache+php+mysql服务器，发布你的静态页面前期到本地服务器，使用本地服务器用ajax学习。6.了解服务器端。服务器端建议学习，php+mysql。服务器端脚本其实很简单。可以概括为四种东西：SESSION、COOKIE、Request、Response。结合http协议了解如何从Request中获取数据，然后处理后将Response发送给客户端。这就是整个过程。至于mysql，就是最基本的sql语句。如何使用php进行CURD操作。这一块其实很难概括，基本上主要是实现业务。7.框架学习来一些框架，了解一下MVC模式，推荐一个流行的MVC框架：ThinkPHP，简单易用，不解释，国人做的，文档和例子丰富。推荐从1到7学习，让你快速成为Web前端工程师！特设学习Q-q-u-n⑦⑧④-⑦⑧③-zero①②分享学习方法和需要注意的小细节，互相交流学习，不断更新最新教程和学习技巧（网页制作，网站开发，网页开发，从0基础HTML+开始CSS+JavaScript.jQuery、Ajax、node、angularframework等到移动端HTML5项目实战【视频+工具+系统路线图】全栈工程师的学习路线和规划整理分享给朋友）点：学前端，我们是认真的
