前端技术学习路线及技术总汇

在html、javascript、css、jQuery、PHP等中，最简单的是html，而且对于前端开发来说，html是必不可少的。因此，可以选择从html入手。现在，html已经发展到html5，因此在选择书的时候，应选择html5 的书，最好不好选择其他低版本的书籍，html5完善及增加了很多很实用的功能。

1.当对html5了解到一定程度后，其次需要学习的是CSS，因为网页的页面绝不部分是靠CSS支撑起来。CSS对于一个页面来说，就像是网页的骨架。学习CSS是很简单的，在学习的过程中不断去使用，这样可以使你快速理解。同时学习CSS不能闭门造车，当遇到问题后，需要积极将遇到的问题通过论坛等各种途径发布以快速高效的得到正确的解答，这样用利于你的成长，提高您的学习效率。同时，要多去看看别人的代码，看看别人是写的。

2.在学习了CSS后，基本上可以满足你页面的基本要求，但是对于复杂的页面，是不能没有JavaScript的，JavaScript可以使您的页面变得更加的完美，同时通过使用JavaScript可以简化很多的问题。对于学习JavaScript，要多与别人进行交流。自学的，网上拥有很多的视频资源，在学习的过程中，要跟着讲师不断去练习。有些东西，可能觉得自己听懂了，但是回头来自己动手操作，会发现很多的问题。因此，动脑的同时，别忘记了动手。

3.在学习了JavaScript后，可以学习jQuery，jQuery是一个JavaScript代码库，我们也可能称之为JavaScript框架。使用jQuery可能会比使用JavaScript高效些，但是也不要总是使用jQuery，除非算法很复杂，最好还是使用JavaScript，因为过多使用jQuery会拖累页面加载速度。在学习了JavaScript后，对于学习jQuery来说，就没有想象中那么难了。

4.PHP作为弱类型语言，学习起来是很简单的。在动态网站开发中，PHP还是挺受到大家欢迎的。学习PHP的过程及方法与学习JavaScript的过程与方法差不多，要结合自己的实际来进行学习。

5.接下来，就是学习数据库，MySQL可以作为入门。因为它比较简单，易于学习！在学习的过程中就可以慢慢试着使用。

 

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。

Web前端开发技术是一个先易后难的过程，主要包括三个方面的技术：HTML、CSS和JavaScript。
这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等