许多同学是不是还在徘徊、犹豫、纠结的阶段，想学怕学不好，甚至不知从何入手，下面这篇文章帮助想转行前台及想学好Web前台开发的同学们处理心中的困惑。

1HTML的学习

超文本标记语言(HyperTextMark-up Language简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给客户。因而，我们必需掌握HTML的基本结构和常用标记及属性。

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

2CSS的学习

CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页体现与内容分离的一种样式设计语言。相对于传统HTML的体现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的准确控制。

为了帮助大家学习前台，让学习变得轻松，高效！今天给大家分享一套教学资源，从最零基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等帮助大家在学习Web前台的道路上披荆斩棘

这套资源的取方式如下：下面就是这个WEB前台裙。

先是一个---282#(爱心)

中是一个---549#(玫瑰)

后是一个---184#(礼物)

3JavaScript的学习

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

4jQuery的学习

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

5最后总结

随着移动互联网热潮的到来，移动开发越来越受到大家的追捧，响应式布局、微网站等需求量不断添加，也是我们Web前台未来的发展方向之一，学有余力的同学可以多多关注。