详解前端进阶指南教程

这是前端进阶指南的第一节课，这节课主要分为四个部分。

基本要求

明确一下，看哪些同学适合学习本门课程。



如图，首先需要他有编程基础，如果不知道变量、循环或者函数是什么，如果你没有用过至少一门语言来写代码，那么你就不适合这门课程。

然后还有前端基础，你需要知道HTML是什么，怎么书写网页、如何用CSS来装点页面以及如何在浏览器里面运行Javascript，因为期望大家对于谷歌这个好的调试工具有一定的了解，当然本门课程会有一些进阶的使用。

前两个是硬性条件，第三个就是一个软条件，希望在前端工具、原理及性能等方面深入。

课程目标



如图，这门课程的目标，我们先列一下主要会涉及到的概念或者是工具或者是书，第一个是“subline”现在非常火的一个编辑器，经过简单的配置，你可以把它打造成一个非常方便的IE。然后接下来“vim”，vim是一个很古老的编辑器，但是它也很强大。还有就是谷歌浏览器，谷歌浏览器可以说是目前所有浏览器里面调试工具最强大的。上图中的谷歌图标和官方的图标有些不太一样，它是谷歌浏览器的chrome版本，是专门为开发者定制的版本，在实际的开发过程中，官方正式版和开发者定制版都是必不可少的。

本门课涉及到一些原理性内容都是从图中的三本书精华所来。其中两本是高性能 网站建设指南，这两个是比较经典的网站性能优化手段，还有一本是高性能浏览器网络，它从浏览器的视角介绍了很多性能优化的手段。

总的来说这门课程的目标有三个，希望大家学完这门 web前端课程能了解前端浏览器的工作原理、提高大家的效率、提高自己开发页面的性能或者是自己所维护的网站的性能。

内容简介

具体来说这门课程的内容分为以下几篇：
第一个是原理篇，是为了给大家介绍HTTP协议，浏览器网络，这里面包括请求的类别，请求的状态码，还有浏览器渲染的基本介绍。

第二个是开发篇，这里面会介绍sublime的基础、插件以及vim的基础、插件。

第三个是调试篇，这篇会给大家介绍谷歌浏览器的调试工具，还有一个是API调试，前端是免不了跟后端合作。

第四个的兼容篇，做前端的同学或多或少都会遇到兼容的问题，兼容主要就是三大类，CSS兼容、JS兼容、HTML兼容。

第五个性能篇，这里面会给大家介绍优化的理论还有优化的方法。

章节安排

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/25876358/viewspace-2155749/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/25876358/viewspace-2155749/