0基础入门WEB前端需要了解什么，需要看什么书籍？

互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，优秀的前端工程师更是稀缺。个人感觉前端入门相对容易，但是也需要系统地认真学习，在打好基础后坚持学习，成为优秀前端工程师也只是时间问题。

学习任何知识最重要的都是兴趣，如果经过一段时间的学习感觉不喜欢，那可能强迫自己学习是很痛苦的，效果也不会好，毕竟这很可能就是以后很多年生存的技能。不过随着互联网行业的发展，前端必然是Web开发人员需要学习的知识，有时候是没有专业前端工程师一起合作的，所以即使不做专门的前端工程师，掌握基本的前端技能为工作 带来方便。
**

希望看到文章的你同时可以加下我的前端学习交流QQ群1145459155。

**
前端要学习三个部分：HTML，CSS，JavaScript（简称JS），其中JS是重中之重，因此首先明确三个概念：

HTML5
HTML是超级文本标记语言，是为“网页创建和其他可在网页浏览器中看到的信息”设计的语言。HTML5是由万维网发布的新的语言规范，是开放的Web网络平台的奠基石，所以做Web前端，精通HTML5是必须要掌握的一项技能。
CSS3
CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。CSS3对于Web前端整个页面的设计是必备的技能。
Java
Java一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为Java引擎，为浏览器的一部分，广泛用于客户端的脚本语言，早是在HTML(标准通用标记语言下的一个应用)网页上使用，用来给HTML网页增加动态功能，为用户提供更流畅美观的浏览效果。掌握了Java，你就可以给你的网页增加各种不同的动态效果，比如百叶窗特效，广告切换特效，浮动广告特效，上下无缝滚动特效等等。
JQuery
JQuery，顾名思义也就是Java和查询(Query),即是辅助Java开发的库。它是轻量级的JS库 ，它兼容CSS3，还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+)，JQuery2.0及后续版本将不再支持IE6/7/8浏览器。JQuery使用户能更方便地处理HTML、EVENTS、实现动画效果，并且方便地为网站提供AJAX交互。熟练掌握JQuery会让你更好的使用Java。
AJAX
AJAX即“Asynchronous Java And XML”(异步Java和XML)，是指一种创建交互式网页应用的网页开发技术，可以在不重新加载整个网页的情况下，对网页的某部分进行更新。AJAX开发人员必须理解传统的MVC架构，这限制了应用层次之间的边界。同时，开发人员还需要考虑C/S环境的外部和使用AJAX技术来重定型MVC边界。重要的是，AJAX开发人员必须禁止以页面集合的方式来考虑Web应用而需要将其认为是单个页面。一旦UI设计与服务架构之间的范围被严格区分开来后，开发人员就需要更新和变化的技术集合了。实现网站交互必须熟练掌握AJAX。
BootStrap
Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、Java 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。时刻学习近的前端框架也是Web前端工程师的必备技能哦!

入门前端我推荐几本很棒的书给各位：

1. Web前端开发最佳实践
   

这本书是前端开发领域的经典之作，是一本扎实前端基本功，规范我们前端代码的实践性书籍。本书主要讲解了HTML、CSS、Javascript以及移动端开发的最佳实践方案，能够对缺乏良好指导的开发者产生很大的帮助。通过阅读本书我们可以掌握如何编写高可读性、高维护性、高性能的HTML、CSS以及Javascript。

2. 编写可维护的Javascript

本书是我极力推荐的一本帮助大家改善Javascript编程风格与编码规范的书籍。那么为什么我们要如此注重JS的编码规范？引用高德纳的一句话就是：程序是写给人读的，只是偶尔让计算机执行一下。在我们的日常开发中，往往维护代码的时间占据着很大比重， 既然这样那么为什么我们不在编写代码的时候就重视它呢？

3. 锋利的jQuery

这本书应该算是学习jQuery必读的一本书，也是讲解jQuery的经典之作。在正式学习这本书之前，你有必要先了解下原生Javascript，才能领悟jQuery其“write less， do more”的理念。本书深入浅出的介绍了jQuery的代码风格、选择器、事件及动画等，结合丰富的实例让读者能够快速理解与应用

4. 图解HTTP

作为和浏览器打交道的前端开发者，我们理应学习关于页面从请求开始到呈现的过程和实现方式，而这本书便是快速了解HTTP请求背后原理的不二之选。本书结合漫画图片的形式讲解HTTP协议、工作机制、报文及状态码等，图文并茂，通俗易懂。

5. Javascript设计模式与开发实践

之所以把这本书放在最后是因为阅读这本书需要一定的Javascript基础与功底，当我们掌握了JS的语法与编码规范后再来翻阅此书，你会获得别样的收获。那么为什么我们要研究设计模式？使用设计模式能够给我们解决怎样的问题？

我想答案和小说家为什么很少从开始设计剧情，足球教练为什么也很少从头开始发明战术一样，他们总是沿袭了一些已经存在的模式来解决问题。

结语

为什么那些工作没几年的人很快就遇到了自己的技术瓶颈？ 为什么那些工作了5年以上的人还写着一手难以维护的代码？我想在以上5本书中便可找到答案。

当然除了文本中推荐的5本前端入门书籍，还有很多优秀的书籍没能在此一一推荐，请见谅。

正所谓纸上得来终觉浅，绝知此事要躬行。除了从书中汲取我们所需的知识外，我们还需要将理论化为实践，亲自动手敲击键盘，从而加深并巩固书中的知识点，才能羽化而登仙。