接下來我們通過一些練習鞏固基本語法，并通過實際編寫項目來對其進行掌握和探索，完成3-5個成型的靜態界面，穿插知識點融會貫通，最后你需要一些比較好的書籍進行理論知識的灌溉進階的指導來幫助你深入理解概念。在這個時候一定要記住，書是后面看的，一定不要先看書，以 JavaScript 為例首先我們需要了解變量、賦值、運算符、布爾值、循環、數組、函數等基本語法，并通過寫一些快速反饋的習題來幫助自己掌握語法。

 

　　接著我們可以編寫一些交互式的操作，如對網頁中的按鈕進行響應事件(在這個過程中你可能會了解到 jQuery)。當到達某一個時間點的時候，你會發現自己對閉包、this、原型鏈、偽類和子類等這些概念不了解，它們會阻礙著你進一步地探究，這時你就需要高人的指導來幫助你度過難關啦。

　　沖破牢籠

 

　　當你不再苦苦地與 HTML、CSS 以及 JavaScript糾纏時，你就可以接觸到一些流行框架、API、以及網站優化的內容，你需要的是更加專業的系統學習，而不是之前學習HTMLCSSJavaScript時的零散學習，畢竟專業和業余之間存在很大差距，能夠提供給你系統的前端開發知識，能夠讓你學完后有掌握必備的基礎知識，以及獨立學習及解決問題的技能。

　　下面我們來詳細的聊一下：

 

　　HTML5新特性語法基礎CSS3基礎語法應用：成為web前端新時代的科技前沿

　　響應式網頁布局：Bootstrap、響應式圖片

 

　　JavaScript 高級：if else、array、等基本編程語法概念

 

　　JQuery 框架熟練應用開發工具組件

 

　　前端開發進階：

 

　　面向對象的 JavaScript：作用域、閉包、this 關鍵字、原型鏈、對象修飾模式、函數類、原型類、偽類模式、超類和子類、偽類子類、

 

　　HTML 5 Canvas 基礎

 

　　編寫 README 文檔

 

　　網站性能優化

 

　　瀏覽器渲染優化

 

　　Ajax 入門

 

　　JavaScript 設計模式

 

　　調用地圖 API

 

　　Jasmine 測試框架

 

　　主流框架：

 

　　大熱之Vue.js，目前國內最常用的框架就是Vue，推薦前端學習者必學的框架，工資漲停被備技能之一。

　　備選主流框架：angular

　　備選主流框架：Reatc

　　我做web開發6年的時間，如果大家對于學習前端的學習方法，學習路線還有以后發展問題有任何疑問，都可以隨時來咨詢我