曾經的我怎麼也想不到，web前端開領域能發展到今天的樣子，但是對於很多想轉行學習的初學者，你首先需要先掌握必備的基礎知識，以及獨立學習及解決問題的技能。下面我們來詳談一下！坐下來詳談

地基-基礎：HTML、CSS 和 JavaScript-----網頁三劍客

在一開始一個初學者都是蒙圈的狀態，不知道自己該學什麼是正常的，首先你需要先了解 HTML、CSS 以及 JavaScript 的基本語法，這好比我們蓋房子打下的地基，地基有多麼牢靠，房子就能蓋多高，地基打好了，房子就會變成樓房，學習HTMLCSS是非常容易的，在有人正確指導學習下利用1.5個月的時間就可以完全熟練的掌握網頁的靜態佈局，我接觸過很多初學者，一週就把HTMLCSS學完了，過來人告訴你不僅“一點用處沒有”而且大大浪費時間，不過每個人的選擇都不一樣。

接下來我們通過一些練習鞏固基本語法，並通過實際編寫專案來對其進行掌握和探索，完成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年的時間，如果大家對於學習前端的學習方法，學習路線還有以後發展問題有任何疑問，都可以隨時來諮詢我

針對前端的進階和提升，特邀資深前端工程師直播講解熱門技術、程式碼案例、面試技巧等。前端開發學習扣qun 767273102 ，無論你是大牛還是小白，是想轉行還是想入行都可以來了解一起進步一起學習！內有開發工具，很多幹貨和技術資料分享！希望新手少走彎路

點選：web