您好,欢迎访问锦匠课堂!

13863915845

全国咨询热线

您现在所在位置:主页 > 通知资讯 >

小白也能快速学习web前端

有很多同学留言说,越学越迷茫,不知道该从哪里下手,今天梳理了一些学习web前端的经验,以及学习的步骤,分享给大家,希望对你们学习能有帮助。

当初学习Java的时候被后台的逻辑思维搞得头晕眼花,后转向前端开启狂暴学习模式。 计算机行业很多领域都符合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坐标系,css布局(position的absolute、relative 、fixed、static),css浮动(float:left、right )和清除浮动(clear),display:inline、block、inline-block、flex。

3、基本编程的学习 js的执行顺序,基本的编程基础(变量、运算、流程控制、数组、调用函数、自定义函数、对象)、json、js的dom操作、js的事件机制(委托、绑定、监听,冒泡和阻止冒泡,兼容性),了解ajax的xmlhttprequest及其创建方法(多浏览器兼容)、跨域,明白其工作原理, 本次给大家推荐一个免费的学习蔻qun,前面603 中间985最后993, 里面概括应用网站开发,css,html,JavaScript,jQuery,Vue、Ajax,node, angular等。对web前端开发技术感兴趣的同学, 不管你是小白还是大牛我都欢迎,每天技术分享。 有朋友说http协议,确实是我疏忽,http协议是web的根本,所以其重要性再怎么强调都不为过,熟悉http协议对web开发的方方面面都有不少帮助,比如理解及使用ajax,比如调试程序、抓取数据等等,不过http是一个很杂很细的东西,内容很多,我建议也囫囵吞枣式地学习,先了解、熟悉简单的,以后在项目中遇到深入点的再进一步学习。

4、jQuery的学习 使用jquery解放你的开发工作,学会jq选择器,修改属性、监听事件、修改css,学会写jquery插件。这一步我觉得可以和第3步穿插学习。

5、搭建服务器 弄个傻瓜服务器比如wamp,phpstudy等软件,可以一键建立一个apache+php+mysql的服务器,前期可以把你的静态页发布到本地服务器,使用本地服务器配合ajax学习。

6、学点服务器端 学点服务器端,建议php+mysql。服务器端脚本其实很简单,总结起来就是4个东西:SESSION、COOKIE、Request、Response,结合http协议理解如何从Request取得数据,经过处理后Response给客户端。这就是整个过程。 至于mysql也就是基本的sql语句。如何使用php进行CURD操作。这块其实很难总结,基本上以实现业务为主。 7、框架学习 来点框架,理解MVC模式、推荐个比较流行的MVC框架:ThinkPHP,简洁好用不解释,国人弄的,文档和例子什么的非常丰富。

vue:构建用户界面的渐进式框架

假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发,将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来吧!之前有其它框架的使用经验会有帮助,但这不是必需的。

大家都说后台工资高,这是必然的,后台掌握的的知识面和学习难度是大多数人无法坚持的,但前端相对来说是比较轻松易学的,相信我前端的发展空间也是非常大。