前端要成大牛並非一朝一夕的事情，不過入門還是比較簡單，先必須精通HTML5和CSS3，然後開始學javascript ，這個個人覺得可以不精通，緊接著學JQuery, 這個要熟練，比較簡單和實用。在學幾個框架，比如bootstrap ，當然還需要選擇一個開發工具，個人推薦brackets 和sublime,至於dreamweaver 就算了。

　對於“如何快速學習前端開發”這個問題，其實我真的不知道何謂“快速”。我覺得，透過遵循以下建議，你將很快地學習程式設計(至少你的成長/進步會快)。但 你真的不應該眼中只有“快速”。只追求速度反而會拖你的後腿，讓你自食其果。“快速”學習的唯一可持續方法或許是採用浸泡式教學法。找到一種方法讓自己沉 浸在程式設計中很長一段時間(幾個月?)。為了讓它奏效，你需要不斷推動自己去學習新的東西，並迅速抽身離開。這是編碼訓練營的一個優點。當你出來時，儘管你 還不是專家，但你會學得更快。這也可以透過專門的導師教導或與專門的初學者一起學習來實現。

　　關於如何高效學習程式設計我要給出的第一條建議是在閱讀程式碼和編寫程式碼之間迴圈往復。閱讀程式碼(書籍，部落格文章，開原始碼)將幫助你檢視解決方案，瞭解 最佳做法，並大致瞭解語言或系統。但是在你這樣做之後，你需要自己實際去寫程式碼。可以是任何東西。可以是小的編碼練習或業餘專案，但確保你能將之付諸於實 踐，並用某種方式使用你學到的東西。如果你不這樣做，那麼你會發現自己面對編輯器會無所適從無從下手。

　　這方面的訣竅是讓自己感到不舒服。這是相當痛苦的，但就應該這樣。編碼遵循80/20規則。花80%的時間在20%的程式碼或20%你所學的東西上。習慣於這種不舒服的感覺並克服它是關鍵。

　　這個迭代週期不應該以周為週期或以月為週期發生，而是應該以日為週期。知識等待使用的時間越久，知識這把斧頭就越鈍。等待學習新知識的時間越長，你就越難以將其融入到程式碼中。

首先，學習web前端之前，你要明白web前端怎麼學，大概怎麼做。我把最基礎的講給你聽聽。其他更深入的就靠你自己去鑽了。

說簡單點，web前端就是製作頁面或app等前端介面呈現給使用者的過程，它是透過HTML以及CSS和JS等等語言結合編寫出來的。要學會前端的話，你最起碼得會製作和修改網頁，那麼你就得學會用這三門語言。

那麼你肯定想問CSS、HTML和JS到底是什麼呢？

PS：其實這些程式碼都很簡單，但是這些都是前端的核心技術。就算你不會做用其他任何語言，只要認真學，仔細推敲，相信你都能學會！

①HTML：“HTML”也稱作“超文字標記語言”，它是網頁製作必備的程式語言，“超文字”的意思就是指一張網頁裡面可以包含各種型別的檔案，比如：圖片、連結、音樂等等。為什麼說這些語言都非常簡單呢？其實是有原因的：第一：HTML語言功能強大，支援不同資料格式的檔案嵌入。第二：HTML的簡易姓。

第三：可擴充套件性。第四：通用性。這些概念都使得HTML成為一個門檻較低的語言，相比C和Java，HTML可以說是菜鳥都能自學成才。

②CSS：CSS其實很容易理解，如果把HTML當做女人的話，那麼CSS就是她華麗的外表。簡單來說，CSS就是網頁的外觀，學號CSS能使你的網頁外觀更上一層樓。其中，HTML頁面可以與CSS相連線。

那麼學習以上語言需要用到軟體來編譯它，這裡我推薦大家用Dreamweaver，一款專門用來製作網頁的軟體。

其實要學好前端並不難，首先就掌握最簡單的網頁製作，今後再學習資料庫、伺服器等前端相關的知識，而且前端工程師的工資也挺高的，學好前端開發也是一條路。

那麼學習的方法和心態等等下面我都會告訴你：

1、購買相關書籍，可以去淘寶網購，我推薦你先買一本HTML+CSS的專業書，網上都有得賣，把書上知識都瞭解了，再深入其他方面的知識。

2、學習期間一定得多做筆記，不懂的就問，或者百度查。

3、學開發是一條很長的路，過程可能會很苦，但是結果還是很有成就感的。學習的過程中不要想太多有的沒的，要相信自己一定能勝任！！

首先技術沒有捷徑，多寫多練，想出來和做出來完全不是一回事。

前端技術入門相對比較簡單html,css，javascript是前端的基本技術。掌握網頁佈局，不同瀏覽器相容等就基本入門了。然後就是各種UI js框架學習了。當前比較主流的前端框架bootstrap,vue.js ,react 等等。

導讀：

建立一個最佳化即將推出的頁面

最佳化移動裝置

提高網站速度

使用長尾關鍵字

建立XML站點地圖

如果您剛剛建立了一個網站，那麼瞭解在正式釋出之前要採取的步驟非常重要，這樣您才能為自己的成功做好準備。大多數企業沒有先評估需要做什麼才能在搜尋引擎中排名靠前並得到自己的精準客戶關注。

關鍵是要正確最佳化您的網站以進行搜尋引擎最佳化，這樣您就可以確保您的內容得到應有的關注。在實施SEO時，您應該做一些關鍵事項來獲得最佳結果並取得成功，包括：

建立最佳化即將推出的頁面

針對移動使用者進行最佳化

提高網站速度

使用長尾關鍵字

建立XML站點地圖

在正式推出您的網站之前，您可以透過不同的方式瞭解SEO的優勢。

建立一個最佳化即將推出的頁面

您是否知道在您的網站正式釋出之前建立電子郵件列表和忠誠的關注者是完全可能的？如果更多的營銷人員知道並利用了這一點，那麼他們在進行銷售之前就已經開始領先於遊戲。

如果您可以決定您的目標市場是誰以及他們對他們有價值的資訊感興趣，那麼您已經準備好贏得忠誠的訪客。掌握了這些資訊後，您就可以建立一個最佳化的即將推出的頁面，該頁面可以收集您所需的電子郵件地址和其他詳細資訊，從而提高您的潛在客戶並與您的受眾群體互動。

根據您的利基和行業，在即將推出的網頁中新增經過研究的關鍵字，以便Google可以抓取您的新網站，讓目標受眾輕鬆找到您。利用這個機會建立自己的品牌。要設定正確的音色，請務必使用正確的影象和視覺內容。

您究竟如何建立即將推出的人們很高興與之合作的頁面？您可以使用像SeedProd這樣的便捷工具來成為您網站的面孔，這樣每次有人訪問時，他們都會看到您的網站幾乎已準備好讓全世界都能看到。他們可以與官方釋出日期保持一致並期待它，以便當這一天到來時，他們已準備好參與並使用您的內容。

透過新增倒數計時器讓您的訪問者對您即將推出的網站感到興奮，以便他們確切知道何時發生，並且可以在時間到來時立即收聽。

最佳化移動裝置

皮尤研究中心的研究顯示，僅在美國，就有81％的人擁有智慧手機，而96％的人擁有手機。這些裝置可以隨時隨地輕鬆瀏覽網頁，這就是為什麼您的網站必須針對移動裝置進行最佳化。如果沒有，您就會忽略那些使用智慧裝置訪問您網站並與您的內容互動的人數很高的人。

在移動裝置上測試您的網站，以確保從桌面以外的裝置檢視您的內容的任何人都能獲得無縫，積極的使用者體驗。Google的移動友好測試會告訴您它是否適合移動受眾，因此您可以在必要時進行更改，而不是冒著失去潛在關注者的風險。

提高網站速度

獲得並保持忠誠的追隨者是為了給他們一個積極的使用者體驗。其中很大一部分是確保您的網站不會滯後並快速載入。很少有事情比訪問網站更令人惱火，只是為了載入時間來感受永遠的感覺。這對使用者來說並不好玩，會讓他們在網頁上反彈。

谷歌的研究發現， 如果載入時需要三秒或更長時間，53％的使用者會放棄一個頁面。如果這聽起來不是很多時間，那是因為事實並非如此。您有三秒鐘的時間可以為新訪客留下積極，持久的印象。這幾秒鐘將決定他們是否堅持為您的網站釋出。讓他們等待的時間比他們不得不長，不要讓人失望。

使用Google的PageSpeed Insights來測試您網站的速度，並確保使用者放棄該頁面並決定將其業務提供給其他地方的時間不長。壓縮影象檔案，以便在頁面上載入更快。啟用瀏覽器快取，以便您的瀏覽器可以載入您的網頁，而無需向伺服器傳送另一個HTTP請求。這些只是您可以採取的幾個步驟，以擺脫您的網站上的潛在滯後。

使用長尾關鍵字

之前我們曾談到將關鍵字納入即將推出的新頁面，以便讓目標受眾看到並注意到。這可以包括一系列不同型別的關鍵字，但在大多數情況下，如果您的網站有機會在搜尋引擎中排名，您需要關注長尾關鍵字。這是因為特定內容更有可能為您帶來響應，積極和參與的利基。任何過於寬泛的事情都會給你帶來錯誤的人，他們對你的內容投入不多。

在最近的一個案例研究中，Neil Patel 透過在他的內容中使用長尾關鍵詞，將他的網站的合格訪問者增加了91％。透過不斷髮布圍繞這些關鍵詞的深入內容，他看到了有機流量的激增。即使您的網站尚未正式推出，您仍然可以將這些關鍵詞組合到即將推出的網頁和著陸頁中，這樣您仍然可以獲得相當大的流量。

建立XML站點地圖

為了增加目標受眾查詢內容的機會，您希望Google儘可能輕鬆地抓取您的網站並在其搜尋引擎中對其進行索引。如果沒有谷歌的抓取工具，它們負責閱讀您的內容並決定它應該在搜尋引擎中的排名，那麼將您的內容放在正確的受眾面前是非常困難的。

對於將在您的網站上釋出的內容，建立XML站點地圖非常重要。這是構成您網站的所有網址的列表。它們使抓取工具可以輕鬆索引您的網站並相應地組織其資訊。最好先做這個預釋出，因為隨著時間的推移你會繼續新增你的內容。這將有助於您保持正軌。

如果您在正式釋出之前沒有在您的網站上實施SEO策略，那麼您將失去許多潛在的轉化，您的企業可以用這些轉換以更快的速度取得成功。請注意您可以將其納入轉化策略的所有方法，這樣您就可以增加自然流量，收集電子郵件地址並快速啟動互動。

隨著網際網路的迅速發展，更多的人投入到web前端的學習中來，那麼想要自學前端該怎麼規劃學習呢？要學習的技能涉及到哪些呢？對於新手學習HTML5的方法，我有幾個建議給大家，希望可以幫助到想要學習HTML5的同學。

自學前端，首先的你得搞懂前端是什麼，要學習的內容是什麼，每天能抽出多少的時間去學習，能不能堅持的問題，很多同學可能就是三分鐘的熱情去學習，然後過幾天就偷懶學不下去了，為了避免這樣半途而廢，大家選擇學習的方式就是很重要的。還有就是重點的學習哪些技術。

以下就給大家分享一下web前端開發中需要掌握的技術：

1、學習HTML，這是很簡單，基本的是要掌握div，formtable、Ulli、P、跨度、字型這些標籤，這些都是常用的，尤其是DIV和表格，DIV，表也可以用於佈局，但不靈活，和用於基本表處理資料。

2、學習CSS，CSS這裡說的不包括CSS3 Web前端開發工程師裡面我們看到的，一個可以使用HTML或CSS + CSS+DIV的介面佈局，所以CSS是用來協助HTML佈局和顯示，我們稱之為“CSS樣式”，為什麼說DIV+CSS？因為我說div是HTML主要用於佈局的，所以div是這個東西的核心！CSS必須配合部。CSS必須掌握浮、位置、寬度和高度，以及較大值和小值，以100%，溢位，邊緣、填充等。這些都是與佈局相關的樣式。

3、然後就是JS的學習。JS入門很簡單，不需要很多東西，只要根據ID或名稱DOM或”風格或價值，然後以一個ID或名稱元標籤，或額外的資料，在HTML，這是對資料的操作有關係，那麼資料邏輯的影響，無非是一個跳躍，彈框，隱藏什麼，這一切都是結合其他應用，程式碼一點都不難，將這些基本的JS。百度其他好。然後多看一些，不是什麼問題。

4、學習jQuery相當於封裝一組JS外掛的JS。其目的是操作更方便，編寫更少的程式碼，jQuery條目也非常簡單。這些都是切入點，要學會像JS，只是改變了JQ程式碼。剩下的就跟百度一樣。

5、較好是指出背景語言，如java，php，為什麼？因為我們是前臺介面資料，從後臺到點，如果後臺程式碼，你知道如何與後臺資料互動是好的，它節省了時間，也可以使前端程式碼更加規範。否則，可能是因為你回來了，無法忍受的資料，然後前端程式碼再次重寫，這將是可怕的。

6、研究CSS3 + HTML5，為什麼放在後面呢？因為現在對於前端人員來說，複合型且不斷提升能力的人是企業很看中的，所以，如果你準備從事專業戰線，學習一下會更好。

以上6點，基本上是一個web前端開發工程師掌握的技術，對於一個新手小白來說，掌握以上技能基本就能入職web前端職位了。

我從培訓班出來一個月多了。

我是23歲零基礎去培訓的前端，學歷也不高。培訓機構是某鳥，網上傳言某鳥比達內好很多，親身體驗過才知道，都是一個德行，真心對你的時候就是你交學費之前，交了學費開課時間不定，老師因為有事隨意換非專業的老師來上課，一共4個月的課，拖了7個月，而且前端課程沒講多少，連最起碼的ajax都沒說，一個專案都沒帶做過，老師一個框架都不會，js更是垃圾的一筆，老師上課天天就是照著筆記抄，念，和復讀機一毛一樣，上課就是講語法，基本的語法，易捷課45分鐘，基本語法講15分鐘，剩下時間就讓我們練習，就這麼打發了，老師天天想著怎麼拉學生掙提成，我們老師根本一個功能都寫不出來，有bug也不會改，查百度也不會改，老師就是拿著做好的東西給你念，沒有思想沒有邏輯，這是某鳥中關村校區，剛開始帶我們的前端基礎老師有事回家，本來後期前端老師是個專業教前端的，但因為排不開課就給我們硬塞了個後端的老師，他教後端教的還是2年的那種小孩班，天天上課就是念讀，自己寫就照著筆記抄，有問題問他他也不會改，有一次一個bug他看了一節課都沒改出來，天天給留任務，任務做不完就扣錢，讓交班費，然後聚餐，玩，老師一分錢不出，天天從班費裡蹭吃蹭喝，實名舉報他們官網也沒用，可能有好老師，但是我們班沒遇到，因為人少，學校覺得不賺錢，所以給我們分了一個垃圾老師。艹

你這個年紀0基礎轉行可以，我們班就有個29歲女的0基礎學習的。我們畢業後都是面了好多家才進去的，主要是包裝簡歷，負責根本進不去這行，一個班12人，就業了5個，還有的都去搞其他行業，還有的待業，就業就是幫你無限投簡歷，但技能根本不會再教你，與其這種垃圾培訓班繳費學習，不如騰訊課堂或者其他影片學習，質量比培訓班好1000倍，好不誇張，培訓班老師大多是企業裡混不下去的才去當老師，還都是年輕人，能有幾個有經驗的，他們自己都做不出功能，專案都不一定做過，還有的畢業就在學校當老師的，只會基礎的東西。

所以，你要去培訓班就找質量好的，自學能力強，就去網上自學，也可以達到培訓班效果，至於提問，你多架加一些技術群，提問一樣可以有人回答，那些老師都沒網友知道的多。

再次強調下，學習前端不需要你會英語、會高深數學，邏輯稍懂就可以了，等進入企業那時候才是培養開發邏輯的開始

首先，從你的提問感覺你心態比較著急，其實技術的學習是沒什麼捷徑可走的，本身就沒有快速的方法存在。其實技術本身就是一個和其它所有技能型能力學習過程是一樣的：

人知-練習-實踐-重複！

這個迴圈過程本身是需要時間的，每一個環節都不能省略的，而且實踐的越多掌握的越牢固，同樣遵循熟能生巧的規律！當然會有很多人說很簡單，學習的也很快，它們可能在每個環節用得時間比較短而已，這是由每個人的人知能力，記憶力和積累的相關基礎是分不開的，如果是為小白，從零開始學習，真的不存在快速學會的方法。

人知過程首先你需要對web前端開發的相關環境設定，工具以及開發所需語言的語法有充分的瞭解才算是完成了人知過程，等你瞭解了Html，CSS，javascript等語言內容，然後是瀏覽器以及DOM物件等這些基礎後，就需要先按照每個知識點逐次練習，在瀏覽器中執行，會用相關瀏覽器的開發外掛除錯程式碼，接下來就是試著組合學會的內容去實踐開發一個頁面，在這個過程中找到問題，然後回過頭來去看資料，理解概念，特別是js語言的語法，好好體會解釋性語言執行過程。

再次現在由於js語言的執行環境從瀏覽器核心獨立出來變成了獨立的NDK（node.js），所以使得前端開發語言可以和後端統一，還出現了大量的前端開發框架，比如Angular，React，Vue等，其實它們本質都是藉助瀏覽器核心中的js語言直譯器來執行的，所以js語言或者Typescript語言是前端開發必須熟悉的基礎，但是要學會它們中的任何一種也都是需要一定時間的，如果頭腦靈活又啃靜下心來學，其實時間也快，網上很多人說前端好學，快速上手，只是讓你記憶而已，就是不停的給你灌輸需要記住如何寫，幾個月後你都記住了也能夠用某些框架去開發應用，但是用過多年後，再出新框架你還得從頭記，而那些理解了前端執行環境，知道前端執行在瀏覽器中，又理解了頁面內容展示是靠DOM模型的構建和解析，還有就是程式設計都是需要對內容進行隔離和建立相互之間的通訊控制，你就掌握了這一類語言和框架的本質，那時候你再去學習某個新框架可能就是一到兩週的事情。

所以不要著急，放平心態，做到專注有耐心，紮實啃好基礎，大量的實踐和練習，才是學習最快最佳的捷徑。

祝你早日放平心態，真正耐心學好web前端開發！

學習前端肯定是要分階段來學習，把每一個階段搞懂，一步一腳印，之後才能找到一份合適的工作。

第一階段：Web網頁基礎

HTML入門基本內容，CSS+DIV的基礎知識，選擇器，盒子模型，網頁佈局，Photoshop

第二階段：Web程式設計基礎

學習路線：JavaScript基礎，BOM和DOM模型，事件處理，jQuery，互動及動畫，jQuery優質外掛，文件處理，陣列和物件操作

第三階段：Web程式設計高階及全棧開發

學習路線：JavaScript高階程式設計，原型模式，jQuery外掛開發，模組化元件開，AJAX，Express(Node.js)，Mongodb，RequireJS，MongoDB

第四階段：響應式網站開發

學習路線：HTML5/CSS3，響應式原理及佈局，Bootstrap，前端依賴管理，CSS預處理語言（Less+Sass），Grunt/Gulp自動化構建工具，Angular4

第五階段：框架與專案管理

學習路線：Grunt/Gulp，Webpack模組載入器&打包工具，MVC（backbone）架構前端，VUE2，React

同樣，自制力的強弱決定了你是否能開拓自己的視野。

沒有所謂的“迅速學習web前端開發”，只有老老實實的學習；

推薦你一個學習的路徑：HTML、CSS、Javascript；什麼都不要管，先把這三個知識點學完，不用別人說，你就明白了，你也會知道如何再往下學習。

首先了解web前端開發有哪些內容，之後再根據內容去學習。但是自學是比較難得

另外可以選擇一個培訓機構，去系統的進行學習，之後再結合自己找的一些書籍來進行學習，這樣學習進度會很快