首页 > 技术文章 > 笔记-前端学习路线

hjt-7 2016-08-10 10:24 原文

IDE:集成开发环境,为网页带来了极大的方便

第一阶段:HTML的学习

超文本编辑语言,是网页的骨架,无论是静态还是动态的网页,返回浏览器端的都是HTML代码。

 

第二阶段:CSS的学习

层叠样式表,网页表现与内容分离的一种样式设计语言,对于传统HTML的表现而言其样式是可以复用的,优点:地提高开发速度,降低了维护的成本。

编写优秀CSS样式,需要考虑到以下因素:

  • CSS的结构性
  • CSS的可复用性
  • CSS的可维护性和扩展性
  • CSS的文件大小

在编写的时候会出现新定义的样式会失效,通过代码发现原因是由于属性定义的优先级造成的。

虽然很容易修复,但是根本原因是因为CSS设计出现了问题,所以建议是封装,降低逻辑结构的层级关系,提取全局和公共属性,使其他相对独立。

 

 

第三阶段:javaScript的学习(原文是java,总觉得怪怪的)

javaScript是一种在客户端广泛使用的脚步语言,在Java当中为我们提供了一些内置函数、对象和DOM操作,借助这些内容我们可以来实现一些客户端的特效、验证、交互等,使我们的页面看起来不那么呆板。

 

第四阶段:jquery的学习

是一个免费、开源的轻量级的Java库,(大楼里面每一个单独部件模块化),于是乎就出现了各种前端框架,例如:bootstrap

建议:

CSS布局采用自顶向下,逐步细化”的思想,先用几个盒子将页面从整体上划分,然后逐步在盒子中继续嵌套盒子。

 学习的过程中还要多浏览一些优秀的网站,善于分析借鉴其设计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为我所用。

善于使用Firebug

 

掌握各种原材料→组合布局进行样式的美化→装修

推荐阅读