您所在位置:常熟上元教育 > 上元IT > WEB前端 >

常熟WEB前端培训_零基础学WEB前端从哪里学起?

2020-04-22 16:37 changshu

常熟转职做Web前端,从哪些开始学起?

01

如何学习Web前端知识

第一阶段

css是一瓶陈年的老酒,越品越香

联系电话:15262513713 程老师  书院街19号园山居四楼捷梯教育401
联系地址:书院街19号 金海华酒店对面 捷梯教育 全国近80家分校
公交路线:2、5、7、8、9、109、116、104、105、110到书院街下

  htmlcss其实不难,就是几个简单的标签和属性。难的就是我们如何运用所学的知识写出一个比较稳定,接受度高的页面。简单地说,HTML就是一堆非常简单的标签,而CSS则是把你画画的流程用代码按一定的格式写出来。然后你需要理解常用HTML标签的意思,学会各种CSS的属性,还有CSS的盒模型、优先级、选择器……

  在写这种页面的时候我们就不能急于求成了,不能一为的去追求速度,这个需要多去思考。思考哪个地方不合适、哪个地方没有达到预期好的效果,哪个地方的代码还需要优化,这些不是对技能的考验,是对体力、智力、技能的三方面考验。

 

第二阶段

js就像一把出窍的宝剑,越磨越亮

 

  你要是想在网页上实现交互效果,比如轮播图、点击按钮后播放动画等等,那么就必须学会JavaScript.JavaScript是一门完整、强大、热门的编程语言,浏览器的各种交互效果都由它来做到的。你先要了解一些基础的JavaScript概念(变量、函数、基本类型)后,然后学习jQuery(JavaScript代码库的一种),并且通过jQuery继续使用CSS的选择器。

  说js是一把宝剑其实间接的说明了js在工作中的重要性,随着社会的发展,js显得越来越重要了,而我们所了解的知识只是其中的冰山一角。当我们看到写出来的页面既美观有可爱、即好玩又时尚的时候,那里面其实不知道包含着多少js的兼容问题,为这个兼容性就是我们在平时工作中的生存之道。所以,我们要不断的摸索、不断的学习,像宝剑一样越磨越利,才能是我们沉淀更多,工作中才会得心应手。

 

 

02

转职成为Web前端

 

  专精HTML/CSS的前端从业人员也就是前端重构。

  你知道如何写页面,也知道怎么做的更好,并且更加理解Web世界,做出更“系统化”的设计。关于CSS的知识,你需要理解文档流、浮动流等各种定位的方式与原理,理解CSS的继承复用思想、理解浏览器的差异、兼容等。关于HTML的知识,你需要学习语义化、可访问性与结构的合理,以及“结构与样式的分离”等。

  你会爱上CSS3的酷炫属性,可以做出响应式网页设计,用transitonanimation做补间动画与关键帧动画,用transform做缩放、旋转、3D变换,还有圆角、渐变、阴影、弹性盒……掌握了以上的这些,你完全可以做出微信的H5页面、一些有趣的网页,或者个人的网站。

 

03

转行无难事,只怕有心人

 

  想要搞定编程没那么简单,但是只要肯花功夫就可以做到,那时你收获到的将是一个新的世界。到了这一阶段,你可以做出很多优秀的网站了,购买域名,配置服务器,然后将你的作品挂到网络上吧;或者你可以做一些JavaScript的小游戏,练练编程能力。

 

   常熟捷梯教育实训中心针对Web前端开发知识零基础或想要转行做互联网开发的人员,制定适用于你们的学习课程体系,因材施教,高薪就业,为你实现职场转型,为你从事IT开发工作提供平台。项目经理会带给你实战项目经验,让你在5个月学到真正对接企业用人需求的软件开发技术,从而真正掌握自己的命运,你的薪资,你做主!最近有同学后台留言说,越学越迷茫,不知道该从哪里下手,今天梳理了一些学习web前端的经验,以及学习的步骤,分享给大家,希望对你们学习资料能有帮助。

计算机行业很多领域都符合82定律,也就是20%的东西的使用频率占到80%,所以很适合囫囵吞枣,因此我们的重点就是把这20%学起来,而首先要做的就是把这20%的东西找出来。

在我看来前端这20%的东西大概就是常用的html标签,css的盒子模型,基本的原生js,以及熟练使用jqueryajax,常见浏览器的兼容。

 

拿下这些东西意义非凡,一方面证明你适合做前端这份工作,另一方面这些技能能让你找到一份工作。让你能够从容地去学习剩下的80%

 

总之就是专心对付最重要的东西,那些什么lesssassangular这类的东西,当你把我之前说的基础打好之后,学习起来畅通无阻,随学随用。

 

最后我觉得最难的就是实践,只有实践才能学到真正的技术,新人很难参与一些有价值有意义的项目,没有这些项目又很难成长,所以自己有项目可参与应该珍惜,没项目应该多造一些有价值的轮子。

 

学习web前端的路线如下:

 

 

1.html的语法、格式,常用的标签极其作用,理解标签的嵌套,学习使用firefox+firebug或者chrom的调试工具,能够使用这些工具调试htmlcssjs、断点调试、抓包

 

2.如何引入cssjs(有多少种方法,各种方法有什么区别),理解idclass属性的区别,学会css的常用选择器,理解盒子模型(paddingmarginborderwidthheight,),css坐标系,css布局(positionabsoluterelative fixedstatic),css浮动(floatleftright )和清除浮动(clear,display:inlineblockinline-blockflex

 

3js的执行顺序,基本的编程基础(变量、运算、流程控制、数组、调用函数、自定义函数、对象)、jsonjsdom操作、js的事件机制(委托、绑定、监听,冒泡和阻止冒泡,兼容性),了解ajaxxmlhttprequest及其创建方法(多浏览器兼容)、跨域,明白其工作原理,

 

有朋友说http协议,确实是我疏忽,http协议是web的根本,所以其重要性再怎么强调都不为过,熟悉http协议对web开发的方方面面都有不少帮助,比如理解及使用ajax,比如调试程序、抓取数据等等,不过http是一个很杂很细的东西,内容很多,我建议也囫囵吞枣式地学习,先了解、熟悉简单的,以后在项目中遇到深入点的再进一步学习。

 

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

 

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

 

6、学点服务器端,建议php+mysql。服务器端脚本其实很简单,总结起来就是4个东西:SESSIONCOOKIERequestResponse,结合http协议理解如何从Request取得数据,经过处理后Response给客户端。这就是整个过程。

 

至于mysql也就是基本的sql语句。如何使用php进行CURD操作。这块其实很难总结,基本上以实现业务为主。

 

7、来点框架,理解MVC模式、推荐个比较流行的MVC框架:ThinkPHP,简洁好用不解释,国人弄的,文档和例子什么的非常丰富。

 

上一篇:常熟哪里有学习IT编程的_WEB前端培训班

下一篇:没有了