詳解前端進階指南教程

這是前端進階指南的第一節課，這節課主要分為四個部分。

基本要求

明確一下，看哪些同學適合學習本門課程。



如圖，首先需要他有程式設計基礎，如果不知道變數、迴圈或者函式是什麼，如果你沒有用過至少一門語言來寫程式碼，那麼你就不適合這門課程。

然後還有前端基礎，你需要知道HTML是什麼，怎麼書寫網頁、如何用CSS來裝點頁面以及如何在瀏覽器裡面執行Javascript，因為期望大家對於谷歌這個好的除錯工具有一定的瞭解，當然本門課程會有一些進階的使用。

前兩個是硬性條件，第三個就是一個軟條件，希望在前端工具、原理及效能等方面深入。

課程目標



如圖，這門課程的目標，我們先列一下主要會涉及到的概念或者是工具或者是書，第一個是“subline”現在非常火的一個編輯器，經過簡單的配置，你可以把它打造成一個非常方便的IE。然後接下來“vim”，vim是一個很古老的編輯器，但是它也很強大。還有就是谷歌瀏覽器，谷歌瀏覽器可以說是目前所有瀏覽器裡面除錯工具最強大的。上圖中的谷歌圖示和官方的圖示有些不太一樣，它是谷歌瀏覽器的chrome版本，是專門為開發者定製的版本，在實際的開發過程中，官方正式版和開發者定製版都是必不可少的。

本門課涉及到一些原理性內容都是從圖中的三本書精華所來。其中兩本是高效能建設指南，這兩個是比較經典的網站效能最佳化手段，還有一本是高效能瀏覽器網路，它從瀏覽器的視角介紹了很多效能最佳化的手段。

總的來說這門課程的目標有三個，希望大家學完這門能瞭解前端瀏覽器的工作原理、提高大家的效率、提高自己開發頁面的效能或者是自己所維護的網站的效能。

內容簡介

具體來說這門課程的內容分為以下幾篇：
第一個是原理篇，是為了給大家介紹HTTP協議，瀏覽器網路，這裡麵包括請求的類別，請求的狀態碼，還有瀏覽器渲染的基本介紹。

第二個是開發篇，這裡面會介紹sublime的基礎、外掛以及vim的基礎、外掛。

第三個是除錯篇，這篇會給大家介紹谷歌瀏覽器的除錯工具，還有一個是API除錯，前端是免不了跟後端合作。

第四個的相容篇，做前端的同學或多或少都會遇到相容的問題，相容主要就是三大類，CSS相容、JS相容、HTML相容。

第五個效能篇，這裡面會給大家介紹最佳化的理論還有最佳化的方法。

章節安排