写在前面：Web前台从入门到精通经典教程，老师精心讲，想从事编程或者者数据分析行业的小伙伴点进来，

只要你评论“前台”，并私信留言“前台”。便可免费获取。

需要资料的迫切心理，小编了解，小编会以最快速度逐个发放。互相了解一下，分享不易。

那么，前台开发，都需要学什么？

在这里先详情下Web前台的学习的初级基础阶段，具体的学习路线如下所示。

初级阶段：从零基础到网页大师

• HTML5标签
• HTML5表单
• CSS3页面美化
• CSS3页面布局
• CSS3动画
• 浏览器兼容和SEO
• Bootstrap响应式框架
• 项目管理和原型设计
• UI设计及切图技巧
• JavaScript入门

HTML 的学习是一个记忆和了解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味，想必对各位初学的小盆友们来说必定是极好的!

在学习了HTML之后，我们只是掌握了各种“原材料”的制作方法，要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行少量样式的美化。

而css就是做这些工作的。

CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页体现与内容分离的一种样式设计语言。相对于传统HTML的体现而言其样式是可以复使用的，这样就极大地提高了我们开发的速度，降低了维护的成本。

学完css，我们即可以顺利完成“一幢楼房”的建设。

“楼房”建设完成之后，我们可以交给使用户用，但是假如想让使用户取得更佳的体验，我们还可以对“楼房”进行更深一步的“装修”，让它看起来更“奢华”少量。就要我们就使用到了JavaScript。

基础阶段：从网页大师到前台开发工程师

• JavaScript语言基础
• JavaScript核心对象
• DOM、BOM、事件驱动编程
• 闭包、原型、面向对象编程
• jQuery、插件、Underscore
• Promise、Defferred异步编辑
• Ajax、RESTful
• SVG、Chart图表
• Node.JS服务端和应使用接口设计
• GIT源代码管理

JavaScript是一种在用户端广泛用的脚步语言，在JavaScript当中为我们提供了少量内置函数、对象和DOM操作，借助这些内容我们可以来实现少量用户端的特效、验证、交互等，使我们的页面看起来不那么呆板，屌丝瞬间逆袭高富帅!有么有?

此时，也许你还沉迷在JavaScript给你带来的惊喜之中，但你的项目经理却忽然对你大吼道：

“这个效果在××浏览器下不兼容，重新搞……”

“不兼容?”瞬间石化了有木有?

“我擦，坑爹啊!那可是花了我一个晚上写了几百行代码搞定的啊，吐血了都!”

JavaScript的兼容性和复杂性有时候确实让我们头疼，还好有“大神”帮我们做了封装。

jQuery 是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在我们实现少量丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分表现了其 write less,do more的核心主旨。这个Feel倍儿爽!有么有?

“奢华大楼”至此拔地而起，但是每天这样日复一日，年复一年的盖楼，好繁琐!能不能将大楼里面每一个单独部件板块化，当需要盖楼时就像堆积木一样组合在一起，这样岂不是爽歪歪?可以实现吗?答案是一定的。

这种思想在Web前台开发中也是适合的，于是乎就出现了各种前台框架。在项目开发过程中，我们可以借助框架提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置，而后再有针对性的微调样式，这样基于框架进行开发大大缩短了开发周期。站在巨人的肩膀上就是爽！

只要你评论“前台”，并关注私信留言“前台”。便可免费获取。