关于web前端的学习一

标签：入门   组成   功能   一段   兼容性问题   知识   动画效果   image   为什么   

  为什么要写这篇文章呢，首先先声明下，我自己也是菜鸟，写博客也是为了记录自己的学习过程，写这篇关于“关于web前端的学习”，主要是给自己定制一个学习路线，向着目标前进咯！ps:我也是看着别人的文章，然后写的，自己看了别人的文章后再记录下来，也会更加印象深刻了。

  首先先来说下什么是web前端，以下是从百度知道看到的答案：

  其实web前端是一个新词汇，刚开始只有美工和程序，后来随着web的发展，对用户交互的需求越来越高，就衍生出了ui（用户交互页面）这出了视觉效果还要有交互体验，就需要js去实现，毕竟一个人的精力是有限的，这么多的工作不可能由一个人去实现，于是出图就成了前端美工，切图出html css就成了前端切图，js就成了前端交互。一般情况下出图和html页面是一个人完成，而js效果由程序员去写，因为毕竟是程序脚本，程序员学起来相对容易一些。

　　前面的答案估计看了也大概能明白是个啥回事了，web前端就分为两种，一种是前端切图，一种是前端交互，前端切图主要负责页面的设计，前端交互则负责页面的交互、效果。

       对前端的学习，我们要持之以恒，其实前端的入门是比较容易的，但是学习的东西比较多，所以后期要成长就需要学习更多的东西，要成为高级工程师也是一件辛苦的事情。

       前端的学习路线，首先肯定是先从前端的三大核心开始：html，css，js，这是前端的必修课，web前端就是由这三大核心组成的。（参考网站：http://www.w3school.com.cn/）

　　html是超文本标记语言的意思，它是前端的结构层，前端好比一座房子，html就是我们这栋房子的结构，地基。写网页是需要用html搭建起网页的结构。

　　css是层叠样式表的意思，它是前端的样式层，好比我们房子的装修外表，在网页制作时，可以采用css，对页面进行布局，字体，颜色，背景和效果实现精确的控制。

　　JavaScript即js，它是前端的行为层，同样是造房子，外面我们都造好了，然后我们的房子里灯亮的行为，就跟js同个道理，它是web前端开发的核心，主要是帮助实现页面的交互及一些特效的实现。

　　学完上面三大核心，我们应该进一步提升一下，html也出了新的版本html5，css也出了css3，学完上面的基础，接下来就是学html5+css3，可以实现很多动画效果。

　　接下来就是学习js的框架，什么是js框架呢？就是很多js功能方法封装起来，方便别人去使用的js文件，我们叫做框架(我个人的理解)。

　　我们学的第一个js框架就是jQuery框架，这个框架就是把js的语法简单话，原本我们需要写很长的一段js语句，都被封装成一个方法，然后我们去调用就行了。一般学了jquery框架，用顺手了开发都比写原生js快，而且用起来更爽。（jquery手册：http://jquery.cuishifeng.cn/）

　　学完第一个js框架，我们接下来就要学第二个js框架——Bootstrap（网址：http://www.bootcss.com/），这是一个很牛逼的框架，一般做移动端网站首选bootstrap，里面有着写好的css样式，栅格系统，组件等等。去学了就知道了，这里不多讲。

　　接下来应该去学一下自适应网站的制作，就是做一个响应式的网站，pc端移动端通杀。

　　额外需要提升的就是去了解不同浏览器兼容性问题，这是在开发的时候经常会遇到的。

　　上面的学习路线是针对初级的前端开发，学完上面的知识，基本上可以做个切图仔了，可以自己做页面了，html和css很容易就能上手，js需要一点逻辑性，所以新手学js需要多加点功夫，js学好了，以后学js框架也就是换个思路写代码了。

　　下面重新整理下学习路线：

　　1). html/css/js

　　2). html5/css3

　　3). jquery

　　4). bootstrap

　　5). 浏览器兼容性（可上网搜索）

关于web前端的学习一

标签：入门   组成   功能   一段   兼容性问题   知识   动画效果   image   为什么   

原文地址：http://www.cnblogs.com/sky7848/p/7106572.html