HTML、CSS、JavaScript是前端学习非常重要的内容,作为前端工程师,建立网站,设计网页需要有一定的审美能力,也需要一定的编程技术.总之,技术性越来越强.作为学习者,笔者并不建议速成,还是应该踏踏实实打好基础.学习前端这三大块内容,可以先从HTML入手,其次是CSS,在打好这两部分的基础上,进一步学习JavaScript.
WEB可以被看做是一个有生命的物体或人体,HTML可以视为骨骼和肌肉,CSS可以视为皮肤和毛发,而JavaScript可以视为受一定支配的行为.这样比喻不一定完全恰当,但可以帮我们更好的理解这三者之间的关系.
先从HTML说起:
作为网页内容的载体,HTML包含了用户需要浏览的内容,包括图文、视频,即构成网页的基本元素.HTML是网页的结构(Structure),需要有多种框架和布局,比如frameset框架集、iframe内联框架、div+css布局、table布局等,同时支持表单提交(HTML Form),包括基础表单、input输入框、输入框类型、文本域、列表、label等.当前,大家通用的是HTML5,其中还有一些新增元素,比如footer、header等,总之,HTML的功能越来越强大,作为初学者还是要把握主干,有重点地去学习.
H5的多用途
其次是CSS:
CSS的作用是效果,或者说是表现(Presentation),比如网页上的动态文字、文字的色彩、字体、动画效果.正是因为CSS的存在使得HTML变得丰富多样.学习CSS,可以从版本CSS3开始,要了解CSS3的动画效果,如2D变换、过渡、特殊图形的绘制,雪碧图、滑动门等等都是常见的效果;除此之外,CSS3还有媒体查询(Media Queries)、grid,以及多列布局、用户界面等.CSS部分需要配合HTML,并结合实例来加以学习,这样效果会跟好.
最后要说一说JavaScript:
如果说一个网页只有"结构"和"表现",而缺少了用户与网页的交互,即行为(Behavior),那么这样的网页就如一潭死水,无法形成良好的用户体验.好的用户体验不仅可以让用户鼠标放在哪里、哪里就会产生人性化的效果,而且可以增强用户的可操作性,例如购物网站用户的订购,网页会实时显示用户的购物动态.这样一来,JavaScript就有了编程的意味.和其他编程语言一样,JavaScript也有数据类型、条件语句、分支语句、字符串详解、数组详解、对象、函数、数值、Math函数、作用域.如果这一部分可以学会,便可以往更深的内容去发展.
如今,大前端的时代已经来临,熟练使用HTML5、CSS3,对前端人员的制作要求越来越高,能否做出酷炫的效果成为衡量前端技术的一个标准,作为前端开发工程师,将PC、手机、iPad等多种设备全面掌握并能提供客户需要的解决方案,精通响应式技术,是必备的能力.如今微信小游戏的开发也是前端开发的重点,值得初学者多多关注.
笔者建议重视一下移动端的开发,毕竟移动端的用户数量高于PC端,移动端更适合碎片化的消费人群,市场较为广阔.
个人向往成为很酷的代码工程师，但动手去学的时候发现一个个的细节如枯枝大海，非常艰难，作为自学者（主要是太穷......），看书和上网看视频这两条路，希望能在51上得到帮助，一起进步，成为酷酷的工程师，去改变世界！说道这里又想起Githou上登月代码，多么骄傲的事情！