Web前端自学路线

格桑2021-11-29 14:02

  不用多余废话,今天,直接上干货。

  学习前端的几个阶段:

  一阶段:html标签、html5新增标签、css样式、css3样式、媒体查询等

  二阶段:JavaScript、jQuery、ajax、面向对象、http传输协议等

  三阶段:canvas、js高级应用、JS-SDK、H5新增技术

  四阶段:node.js、vue.js

Web前端自学路线

  步骤一-HTML学习

  超标记语言(HyperTextMark-upLanguage缩写HTML)是一种网页,不论是静态的还是动态的,最后在浏览器端返回的都是HTML代码,浏览器会在渲染之后向用户呈现HTML代码。所以,必须掌握HTML的基本结构、常用标记和属性。

  HTML学习是一种记忆和理解的过程,在学习过程中,可以借助于Dreamweaver的“分割”视图帮助学习。以「设计」为视点,透过「程式码」视点,把各种视点的优点发挥到极致,这种对照式的学习方式弥补了单纯识记HTML标签与属性的单调乏味,相信对于各位初学的小盆友,一定是极好的!

  学了HTML以后,我们只掌握了各种“原料”的制作方法,要建一栋大楼还需要将这些“原料”按照我们设计的方案组合布置在一起,并进行一些样式的美化。

  步骤二:学习CSS

  CSS是CascadingStyleSheets英文的缩写,称为层叠样式表,它是一种能够真正实现网页表现和内容分离的风格设计语言。与传统HTML相比,它的样式可以被重复使用,这大大加快了我们的开发速度,并减少了维护的费用。

  与此同时在CSS中的方框模型,相对布局,绝对布局等可以实现对网页中每个物体的位置排版进行像素级的、精确的控制。藉由这一阶段的学习,顺利地完成「一楼」的建设。

  建筑完成后,我们就可以把它交给用户使用了,但如果想让用户得到一个更好的体验,我们也可以对“楼”进行更深一步的“装饰”,使之看上去更加“豪华”。

  步骤三:JavaScript的学习

  JavaScript是一种被广泛应用于客户机的步态语言,在JavaScript中有一些内置功能,目标与DOM操作,借助于这些内容我们可以实现一些客户端效果,验证,交互等,使我们的页面看起来更无趣,时髦的逆袭高富帅!

  在这个时候,你可能还沉浸在JavaScript带给你的惊喜中,但是你的项目经理却突然冲你大发雷霆。

  在××浏览器下这种效果是不兼容的,再搞…

  “不兼容?”

  JavaScript的兼容性和复杂性有时确实会令人头痛,而且还有一些“大神”帮助我们进行封装。

  Web前端学习建议

  最终为您提供一些学习前台的建议和方法,以供参考:

  CSS版式有一个值得注意的问题,很多同学没有对版面进行全面的分析,不能从宏观上把握版面中方框之间的嵌套关系,而是急切地去做,造成页面中各个元素之间的关系非常混乱,容易出现框内错位等情况。因此,我们提出了“自上而下、逐级细化”的设计思路,利用几个方框对网页进行整体分割,然后逐渐地在方框内进行嵌套。

  “君子生非异也,善假于物也”,在研究的过程中,还应多浏览一些优秀的网站,善于分析、借鉴其设计思想与布局方法,见多方能识,进而可融会贯通,取他人之长为我所用。

  计点图与布图的方法,见多方能识广,然后才能融会贯通,取别人的长为我所用。另一方面,我们可以利用Firebug方便地浏览、分析别人网站的源码,“偷”也是一项技能!

  大家的成长和基础不同,要根据自己的实际情况来执行。或者说,前面的核心是html,js,css并不难,但是需要累积。对于前台我是这样想的。

  html,css就像一瓶酒,得品。

  html,css总共只处理这些标签和选择器属性什么的,但要编写一个可扩展、健壮或维护的页面并不容易。目前编写网页的基本条件化,并不是如何迅速地完成,而是想一想如果有界面的需要修改,怎样在最少修改代码的情况下快速完成需求任务。它测试了前三种力量,一种力量,一种智慧。

  js犹如一把剑,必须加以磨练。

  js刚开始只是为更验,随时随地的科技进步,扮演的角色越来越重,一开始玩jQuery就觉得会js了,其实只是冰山一角。当人们对js有了更多的了解后,他就变得可爱了,也就是好玩和难以控制,也就是说,解决兼容性问题是我们的基本生存方式。一路上从ajax到jsmvc,高负载的潮水一浪高过一浪。

  以上就是小编为大家整理发布的“Web前端自学路线”一文,更多相关内容尽在开课吧广场Web教程频道。

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享