前端初识
现在网站开发的市场越来越大,个人和企业都有了主页、网络办公的需求,并且随着网站开发前端和后台的工作细分,前端开发的需求也越来越大。
前端的任务是将美工的网页设计使用前端技术尽可能无差别地实现(当然部分前端还承担着美工的工作),需要包括html文档结构化、元素定位排版、动画效果实现等技能。
个人确定的成长路线是这样的,大致看完w3cSchool中html、css、js的部分,这三个是前端使用的主要技术;之后多进行网页实现的实践,学会使用相关的工具,多看看别人是怎么组织文档和相关代码的;了解前端与后台的交互,能做到与美工和后台的无缝式合作。
技术基础
技术学习是渐进的,可以先浏览w3c中的介绍,然后结合具体的网页实践,迭代式得完善自己的知识系统。
为了标准化、结构化和内容表现分离,需要明确html、CSS各自承担的职能。
HTML
html是超文本标记语言(hyper主要体现在复杂庞大的web文档世界中,可以使用超链接的形式做跳转索引)。主要管理的是页面的结构和内容,而不是样式。不要为了实现美工设计中的样式,而采用某种标签,比如不要为了在文字前出现"*",就使用<ul>。美工的设计稿拿到手,首先需要分析网页的文档结构,就像确定一本书的目录一样,确定哪些是一级标题、二级标题、表格、段落等,然后使用恰当的格式标签规划html,并合理使用<div>,对网页设计分块、模块化。html发展至今也有了很多版本,从html到xhtml再到html5,xhtml的出现除了进一步明确文档编写的格式化规则,更是为了强调html所承担的结构化作用。
html的学习主要包括熟悉各种标签和属性设置,学会使用w3c的html参考手册帮自己快速完成编写任务,另外w3c还提供了html速查手册,可以用于记忆参考。
CSS
CSS承担着确定内容样式的作用。CSS也在不断发展,以支持更多的特性,像CSS3就开始支持自定义web字体,CSS动画的设计。
CSS的学习主要包括各种标签样式的设计和使用,结合html理解框、定位规则等,进一步得学习如何精简CSS等进阶内容,这需要结合实践迭代式完善,可以多与网络上的前端交流新的效果和技术。
JS
js主要负责实现更完善的用户交互和客户端的自动化功能。学习基础之后,需要学习一两个常用的JS框架,比如Jquery。进一步得学会使用第三方的插件和代码,为自己所用。