web前端开发最佳学习路线及建议.doc

《web前端开发最佳学习路线及建议.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、前端群：494064934Web前端的学习路线　　　　1.第一阶段——HTML的学习　　　　超文本标记语言(HyperTextMark-upLanguage简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。　　　　HTML的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯

2、识记HTML标签和属性的枯燥乏味，想必对各位初学的小盆友们来说必定是极好的!　　　　在学习了HTML之后，我们只是掌握了各种“原材料”的制作方法，要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行一些样式的美化。　　　　2.第二个阶段——CSS的学习　　　　CSS是英文CascadingStyleSheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。　　　　同时CSS中的盒子模型、相对布局、绝对布局等能

3、够实现对网页中各对象的位置排版进行像素级的精确控制。通过此阶段的学习，我们就可以顺利完成“一幢楼房”的建设。　　　　“楼房”建设完成之后，我们可以交给用户使用，但是如果想让用户获得更佳的体验，我们还可以对“楼房”进行更深一步的“装修”，让它看起来更“豪华”一些。　　　　3.第三个阶段——Java的学习　　　　Java是一种在客户端广泛使用的脚步语言，在Java当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板，屌丝瞬间逆袭高富帅!有么有?　　　　此时，也许你还沉浸在Java给你

4、带来的惊喜之中，但你的项目经理却突然对你大吼道　　　　“这个效果在××浏览器下不兼容，重新搞……”　　　　“不兼容?”瞬间石化了有木有?　　　　“我擦，坑爹啊!那可是花了我一个晚上写了几百行代码搞定的啊，吐血了都!”　　　　Java的兼容性和复杂性有时候的确让我们头疼，还好有“大神”帮我们做了封装。　　　　5.第四个阶段——jQUery的学习　　　　jQuery是一个免费、开源的轻量级的Java库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果

5、时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其writeless,domore的核心宗旨。这个Feel倍儿爽!有么有?　　　　“豪华大楼”至此拔地而起，但是每天这样日复一日，年复一年的盖楼，好繁琐!能不能将大楼里面每一个单独部件模块化，当需要盖楼时就像堆积木一样组合在一起，这样岂不是爽歪歪?可以实现吗?答案是肯定的。　　　　这种思想在Web前端开发中也是适合的，于是乎就出现了各种前端框架，在这里推荐给大家的是Bootstrap。　　　　Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，

6、并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。　　在项目开发过程中，我们可以借助Bootstrap提供的CSS样式、组件、Java插件等快速的完成页面布局和样式设置，然后再有针对性的微调样式，这样基于框架进行开发大大缩短了开发周期。站在巨人的肩膀上就是爽!　　Web前端的学习建议　　　　最后给大家聊聊在学习Web前端中的一些建议和方法。　　　　在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析，不能够从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位

7、等情况。建议大家在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。　　　　“君子生非异也，善假于物也”，在学习的过程中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才可以融会贯通，取他人之长为我所用。　　　　同时还要善于使用Firebug这个利器。Firebug一方面可以在我们学习过程中帮助我们调试自己的页面，另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码，“偷”也是一种技能!　　　　每个人的成长与基础不一样，结合自己的实际情况，在执行。还是重复一下，前端

8、的核心是js。css不难，但需要来积累