前端最基礎就是切圖，HTML css JavaScript ！所以要先掌握這些基礎知識！前端涉及的知識點非常的多！比較雜！要不斷的學習！基礎學習完了就要開始熟悉各種框架的應用了！

html是基礎初級必學；然後css可以讓html從黑白色過渡到五顏六色；然後javascript可以讓枯燥的靜態文字變成可以互動的內容；到這一步，就已然進入了前端的大門!接下來就是進階部分，從js進階到jquery-一種更方便、強大的js庫;然後再到angular-一種更加靈活、強大的資料繫結、html擴充套件的js庫；然後到ajax、json、xml，可以和後臺進行協同開發的技能；然後到html5、css3；到這一步，一般的開發任務基本都能輕鬆解決。在接下來就是更深一步的學習，包括現在公開的框架，比如bootstrap、easyui等等;然後到移動端web開發；然後到js的程式設計思想-面向物件等等。以上這些都是最基本的，這些有所涉獵後，剩下的就不需要別人進行引導了，到那時候你自己就知道你需要學習進階哪方面的技能

可以先學習html標籤再學習一下css樣式 之後學習一下javascript

這些學習好了，再看看 jquery bootstrap，排幾個pc端和移動端的站點就差不多了

Github使用者kamranahmedse最近分享了一個很有趣的圖表，關於搞前後端web開發的程式設計師和devops可採用的職業進階路線或可能用到的技術。對於做前後端Web開發的程式設計師來說，這是一份不錯的職業修煉手冊喲！

介紹

前端路線圖

後端路線圖

基本就是這樣啦~~~~

作為一個曾經的前端RD和TL，現在的教育工作者，我覺得我能回答這個問題。

前端是一個看似入門門檻不高，但要學好很難的領域。前端的知識體系龐雜又鬆散，技術演進快，如果摸不清脈絡的話很容易陷入盲人摸象的困境甚至跑偏。

1.梳理清楚知識體系框架

學習前端，不管是入門還是進階，一定都要有知識體系建設的想法。就算是剛開始學，也一定要有這樣的意識。前面說過，因為前端知識點多而分散，所以如果不能構建起自己對於前端的知識體系框架的認識，很容易就會不知所措，沒了方向。

現在網上關於前端知識體系的腦圖很多，但是往往過於複雜，不適合初學者。作為一個初學者，每個人都應該自己做一份自己的前端知識體系腦圖，先有一個最基本的框架，然後在學習的過程中慢慢完善。

這樣透過和別人腦圖的對比，你也很容易知道還有那方面的知識是需要補充完善的。

這裡我給出一個簡單的模版，其實作為一個剛入門的前端新人，有這樣的大框架已經完全夠用了，不用追求大而全，學習的畏懼心理也會小很多，隨著你學習的深入，這個腦圖也會慢慢豐滿起來。

這樣看起來是不是清爽很多？

2.準備和基礎的學習

要開始的時候做一些基礎工作還是必要的，比如選一個自己喜歡的編輯器啊，比如科學上網啊，比如怎麼高效的使用搜索引擎啊，比如git啊，比markdon語法啊，這些東西都可以大幅度提升你的學習效率或程式設計的幸福感，所謂磨刀不誤砍柴功，你也可以把這些東西記在你的腦圖裡。

接下來你就可以開始學習基礎知識啦。HTML，CSS，Javascript這三樣真的很重要，真的很重要，真的很重要，剛開始的時候你壓根不用去管那些花裡胡哨的框架，一定要把基礎打好。框架再怎麼更新迭代，最基礎的東西還是這三樣，只要你能掌握好基礎，就等於拿到了開啟前端世界的鑰匙。

不管你的前端學習到了哪個階段，對基礎知識的好奇心一定不能斷，這裡面有太多細碎的知識點，每一份spec都又臭又長，就算你已經工作兩三年，這裡面肯定都還有你不知道的東西。

好了，到這個時候你的知識體系腦圖差不多應該長成這個樣子了：

進行到這裡的時候其實又有一個坑，很多人到這兒的時候就一頭扎進去去看裡面的具體內容了，比如去看各種標籤的屬性用法啊，去看選擇器啊，這就是比較典型的沒重視知識體系框架建設導致的盲目做法。

推薦的做法是什麼樣的呢？其實很簡單，就是再去細化這些知識點的層級，理清各個知識點的脈絡，從宏觀上先對這些知識的體系和框架有一個比較清楚的認識。

就拿HTML來簡單的舉例一下：

這樣把知識點的層級關係抽象清楚，對每個小的知識點合理分類，才能讓前端知識裡那些龐雜的知識點形成體系。

現在你就可以去往裡面補充些細節的東西了，你可以在腦圖上用不同的顏色標出不同的優先順序，以便劃分學習的優先順序並方便以後review。

3.把學的東西用起來

每次學過一些小的知識點，都要想辦法把它們用起來，想清楚這些知識點的有哪些使用的場景，等到基礎知識學到一定程度了也可以反過來，先預先想好場景和要實現的功能，再去想在這些場景下面該用哪些知識，如果遇到了解決不了的問題和沒有學過的知識，去你的腦圖裡把它的位置搞清楚，寫出來。列入後續的學習計劃。

一定不要一直看，一直學，卻不在具體的場景裡去用，你應該養成拿自己學到的東西做些東西解決些問題的習慣。不斷的做出東西，解決問題，不斷給自己正向的激勵，不斷的完善自己的知識體系，一定要讓自己有成就感。

JavaScript是核心.中級進階？我寫了二年的js也不知道到了中級沒有.談談我的看法吧

第一步，首先基礎打好，看懂別人的程式碼！也就是熟悉基本所有的js程式碼.

第二步就是業務沒問題，別人給你的一個需求基本能搞定（這一步要掌握老的開發模式jq+requireJs和新的開發模式--一個UI元件+路由管理+狀態管理以react為例就是react+react-router-dom+redux）到了這一步我覺得找個工作沒有任何問題，畢竟企業招人是能幹活的，基本現在企業開發都是這二種.

第三步是自動化構建方面有一定建樹，npm包webpack外掛babel外掛都有一定輸出.

後面的我就不太清楚了，我也只在第三步.後面的應該是學node轉全棧或者繼續深入前端成為前端架構師

任何的學習都需要計劃與方向，有了方向再製定計劃，然後實現計劃。我覺得前端基本分為三大部分：HTML，CSS，JavaScript。

HTML是超文字標記語言（Hypertext mark up language），什麼是超文字呢？超文字(Hypertext)是用超連結的方法，將各種不同空間的文字資訊組織在一起的網狀文字。你需要掌握各種HTML標籤、事件、屬性等等，這些只要你多多聯絡，多多使用，多多理解就可以熟練掌握，這是最基礎的東西，也是最需要的東西，沒有牢固的基礎，就無法向更高處發展了。

CSS是層疊樣式表(Cascading Style Sheets)是一種用來表現HTML或XML等檔案樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。它可以配合HTML做出很多炫酷的、有趣的網頁以及很多邏輯動作，它就像一個園丁一樣把雜亂的樹剪成各式各樣的形狀，給人帶來舒服、美麗的視覺體驗。這個需要自己不斷的使用，才能很好的使用，在哪裡該用什麼，或者不該用什麼。如果自己設計出來的樣式能被很多人喜歡，也是挺開心的吧。

JavaScript是一種屬於網路的指令碼語言,已經被廣泛用於Web應用開發,常用來為網頁新增各式各樣的動態功能,為使用者提供更流暢美觀的瀏覽效果。通常JavaScript指令碼是透過嵌入在HTML中來實現新增互動行為的功能。它就像人體內的血液一樣，讓頁面都可以動起來、活起來。這個也是需要勤加練習，才能熟練掌握，總之大部分技巧都是透過聯絡、重複才能掌握的。

我也是一個前端小白，大家只有不斷的學習，才能夠得到你想得到的。做你想做，愛你所做。一起加油努力吧！

馬斯克：“自學優於正規學習，方法是大量閱讀。

但是，需要補充的一點是，大量閱讀的同時也要實踐，因為有時閱讀資料裡的知識未必

正確。”

回到正題：“如何自學前端？”，根據我個人的經驗，將會從以下四個方面依次回答題主

的困惑。

“怎樣建立一個循序漸進的過程？”

前端的技術棧工具品種繁多,比如：

html3/CSS3/ES6/Ajax/javascript/jquery/Boostrap/Vue/Angular/React/Echart/D3/http等

等...,這多的工具，要按照什麼順序去學習怎麼使用呢？我們可以會想一下學習英語的過

程：發音，單詞，句子。這就是一個循序漸進的過程，那麼我們如何從這麼多的技術裡

梳理出適合自己的方案呢？ 我個人的建議分以下三個階段：

初級階段

需要掌握的技術棧工具：html5 /css3/javascript

需要具備的能力：

-根據設計師提供的設計稿，透過html5，css3熟練完成靜態頁面。同時，要保證，頁面在各大瀏覽器的相容性，要涵蓋響應式解決方案。

-要熟悉市面上流行的css框架，比如bootstrap等等。

-透過js/jquery 實現頁面的互動

-會使用chrome 來除錯js程式

2.中級階段

-至少掌握一個基於js的框架，或vue或angular，並且可以在專案上熟練應用。

-瞭解gulp，webpack等等web工程化的工具，可以透過腳手架工具建立web專案。

-瞭解Nodejs，以及基於nodejs 的框架比如 express，koa等等

-瞭解http原理，推薦閱讀HTTP權威指南，從另一個維度瞭解前端的工作流程。比如：請求的流轉過程等等。

-瞭解web頁面的渲染機制，懂得web頁面的最佳化技巧。

..

3.高階階段

高階階段是一個精進的過程，沒有一個特定的標準，在這裡就不一一列舉了。其實進入到高階階段的前提是，已經透過前端的技術棧工具完成了n多個不同型別的專案，並且具備一定的架構能力。所以說，完成初級，中級階段之後，高階階段的路究竟改怎麼走，到那個時候就已經很明朗。

凡事貴在堅持，方法總比問題多。

分三個方面來回答吧

第一部分：學習前端之前，先要對這個職業有個充分了解：下面簡單介紹一下

一、職位介紹：

透過各種前端技術，實現從PC到移動等多終端的前端互動功能實現和設計

發現和定位網路，能夠去針對使用者端接觸到的前後端的效能問題，提出和設計最佳化方案

業務對前端技術的多維度要求，包括但不僅限於JS/flash/Node.js/php等多平臺的技術實現

適應業務的發展需求

二、Web前端開發提供多種發展方向

全端開發方向：從事前後端分層解決方案開發，致力於從全端視角全面最佳化web效能，提升開發效率

前端體驗方向：從事web前端體驗方案開發，專注於設計理念的還原，透過提升效能＼解決多終端間問題等來保證使用者體驗。

富媒體方向：從事包括但不僅於flash untiy h5等多平臺解決方案(Web,PC,Mobile...)開發工作，最佳化應用效能，提升應用安全。

移動方向：從事移動端Web解決方案開發，站在Web和移動終端的視角，結合各自優勢，讓兩端相輔相成，提升使用者體驗，最佳化效能，加快版本迭代。

第二部分：然後講一下怎麼自學前端的問題

前端入門很容易，跟著W3C學習一下HTML CSS JavaScript，一到兩週就可以對外說你是搞前端的了，但要學好前端，搞好這個職業，涉及的面就廣了。知識點就多了去了，有關自己的技術能力、底層知識、甚至專業素養等方面並非一日之功。大致的學習路徑參考一下貼子，寫的都很詳細。這裡就不重複了。

下面我重點推薦幾本書，當年我也是看了幾遍的。真的是受益良多呀

第一本：《JS高階程式設計》第二本：《JavaScript DOM 高階程式設計》第三本：《JavaScript語言精粹》第四本：《TCP/IP詳解》第五本：《JavaScript設計模式》

記住，書不在多 將好書多看幾遍，學習無非就是一個精度一個廣度。

第三部分：總結一下

只能說，市場很複雜，人心很浮躁。前端入門很容易，會用html搭一個頁面框架；會用css寫一些基本樣式；會用jquery寫寫dom互動，就基本可以挺著胸說自己是個前端工程師了。前端提升很難，演算法、資料結構、oop是老生常談了；javascript、dom、css、html5這些是標配；效能最佳化、安全性、程式碼優雅性、seo，這些也是必然需要了解的。前端開發環境很輕便，也很繁瑣，各種工具、框架、架構模式的應用也是衡量專業程度的標準。

夢想的背後是一份自信，自信的背後又是一種自律

首先，前端內容很多，是一個大類，從一些人給出的路線圖和腦圖來看的話，也能看到內容繁多。如果要按照那些路線圖來學的話，你不知道什麼時候學到盡頭。

其實沒必要去顧及那麼多內容。先學習一些基礎，就三個必要內容，html+javascript+css，用這三個最基本的東西就能完成所有頁面。

使用一段時間之後，你會發現很多效果要實現並不容易，特別是很多動畫效果，人性化效果。但你都可以想辦法去實現。

如果你有機會去實現一個業務邏輯比較複雜，頁面比較多的頁面的話，所需要的js程式碼量就比較大，這個時候頁面程式碼的安排，程式碼的重複利用和全域性比較汙染等就要注重起來。

其實初學者不太有機會接觸到真實企業專案，一開始能力不足以上崗。

前一段時間的學習是基礎的積累，隨著時間推移，就要開始考慮效率，複用，程式碼後續維護和擴充套件問題。

永遠要思考如何發到上面這些目的，然後那些別人創造的框架，好用的工具也就知道它們存在的意義，然後自然而然地就會使用上寫著工具。

總之，使用任何的框架也好，工具也好，都是帶著目的的，都是為了解決某個問題的，而不是說看見別人給的學習路線包括這個內容，或者說大家都在用這個東西。

那些工具，都有很好的文件可以參考，不要一上來就想著學會一個工具的一切，你使用它只是為了解決當前問題，而不是就是為了學習。

不要覺得那些東西很難。按照官方入門文件瞭解基本用法，先用上，很多時候基本功能已經能滿足要求，很多高階用法反而會過度最佳化。

反正任何時候都要盯著目標，然後不停思考快速，易用，封裝，複用，程式碼易懂好維護。圍繞這些目的選擇對應工具

自學前端的話，一般分為以下幾個步驟:

第一步：先把html css js 學會，入門的話大概半個月可以完成，但是如果要把js學深學好，就要花費更長的時間來完成；

第二步：學習jq，大概花一個月去認真的學習，在以後遇見不懂的再去查；

第三步：選擇一個自己喜歡的框架，或者目前比較流行的框架去學習，比如nodejs vus.js 等等，找一個框架認真的研究，時間長度按照你自學能力的高低來判斷；

第四步：瞭解各個瀏覽器的差異性；

第五步：當你學會前面這些內容之後，再找一門後臺和資料庫的語言去初略的學習下，一名好的前端工程師不單單要只會前端；

完成以上步驟，就算是入門了。然後一些解決問題的能力就要在實際生活中去不斷地鍛鍊，才有可能成為一名更好的前端工程師。

成為一名非常優秀的Web開發人員需要什麼？

如果你是在做第一次程式設計工作,你可能很快發現它並不容易.

閱讀程式設計教程,程式設計書籍以及製作各種網站是一回事,遵守規範構建網站,完成最後期限,最重要的是要確保你的老闆和客戶都很開心,這是另一回事.最重要的是,技術變化很快,你可能覺得你不得不跟上趨勢,否則明年會面臨完成不了產品提出的需求風險.

隨著你繼續工作,你將獲得工作經驗.就像你學習編碼一樣,你也可以學習如何高效的工作.

你可以學習如何成為一名優秀的Web開發人員.甚至有可能成為一個不可或缺的Web開發人員.

我的第一份工作是一名自學成才的網路開發人員,我從未參加正式的計算機科學課程,我也一路拾起了許多寶貴的經驗和技巧.你可能會發現我的經歷和你自己的一些相似之處.當我在第一份真正的工作中作為初級網站開發人員時,我非常激動.但說實話,前一年我很害怕.我每天都感覺有很多東西不懂,也常常不知道如何開始！我很多時候都覺得無能為力.幸運的是,所有的事情一直都很成功.我有真正的支援主管和同事向我提供了幫助.而且我以某種方式儘量在專案最後期限完成了.隨著時間的推移,我沒有像以前那樣受到壓力.

兩年後,我開始對自己的技能有信心.我知道兩年對你來說可能聽起來很長.特別是如果你剛剛開始.

請記住這一點：

成功絕不會一蹴而就.但它經常發生在幾天,幾周,幾個月,幾年努力而不放棄之後.

我覺得我在自己短暫的職業生涯中學到了很多東西.而且我想幫助那些為爭取當前工作而奮鬥的新手網站開發人員.我認為有一些原則可以幫助你在人群中脫穎而出.使用這些原則可以使您成為貴公司和客戶的資產.即使你還沒有工作,你仍然可以將這些原則的大部分應用於你的學習過程.

想成為一個非常優秀的Web開發人員？請繼續閱讀！

＃1：理解掌握任何東西都是馬拉松的過程,而不是衝刺.

如果你從訓練營或大學直接找到工作,那太棒了！只要知道你正處於程式設計之旅的開始階段.

Web開發是一個廣泛的領域,像任何技能一樣,需要很長時間才能真正地掌握它.你在前方路途漫長,此時此刻,你有許多不知道的東西.但沒關係！你是初學者.你不能期望你現在能夠成為一切的專家.不要指望你必須知道一切,要知道這是不切實際的,它會給你帶來很大的壓力.顯然,你應該想要學習和更好地開發Web.但是請儘量全面瞭解您的進展情況,並對現在的情況保持現實態度.從長遠的角度考慮你的職業生涯,而不僅僅是在目前這個時刻的短期內.不要太早放棄.

＃2：在尋求幫助之前儘可能努力.

在開始時候不得不探索未知領域的感覺令人恐怖的.都會感到這種壓力.

1.所以我們需要知道何時尋求幫助

在那種情況下,我有兩個選擇.

我可以回到我的老闆那裡說：“對不起,我不知道該怎麼做.你可以幫我做這件事嗎？”這可能會在短期內減輕壓力,但從長遠來看,這對我來說不會有好處.因為不知道如何尋找解決方案的員工後面都會被嫌棄甚至開除.

另一種選擇是先自己做盡可能多的研究.最終我會搞懂為什麼，然後,我終於去找我的老闆說：“對不起,我弄不明白.但這是我到目前為止所嘗試的,我認為這可能與此有關......“

你是否看到其中的不同？我沒有早早放棄並要求別人為我做我的工作,而是盡我所能地做到了，當我尋求幫助時,我表明我自己做了一些工作.

2.學習如何教你自己

你自己的研究和測試將幫助你學習如何教你自己新的概念.這有兩個好處：

1.你在工作中學習到新技能 - 實質上,你得到報酬來學習.你不會抽出時間離開你的老闆或同事,提出你可能想出的問題.你是貴公司的資產,而不是損害.

2.當然,另一個極端是,如果你能夠透過尋求幫助而迅速得到答案,你就會花費幾個小時甚至幾天來解決問題.這不是很好,因為那時你在這個問題上花費了太多時間.

你必須自己弄清楚自己有多少嘗試,以及何時尋求幫助.但透過經驗,你將能夠找到一個快速的方案.

＃3：保持好奇心.

當我第一次開始工作時,我經常得到積極的反饋,我吸收了像海綿一樣的資訊.即使我不知道如何去做,我也願意嘗試任何事情.我真誠地想知道這些東西是如何運作.這種理解事物如何運作的願望是每個工程師的核心.讓你的好奇心滿足這種慾望.不要為了完成任務而完成它,理解為什麼是非常重要的.如果您正在研究如何做某些事情,那麼一旦您在某些Stack Overflow程式碼段中找到了答案,就不要停下來.如果您沒有在緊急截止日期前按下,請多花點時間檢視解決方案,以及它如何適配您的程式碼.試著瞭解為什麼你的程式碼之前沒有工作,為什麼它現在能工作.如果你不瞭解所有事情都沒關係的.試著去理解這個概念.即使這次你沒有完全理解,下一次遇到同樣的問題時,你會更有能力進一步理解它.

＃4：一直改進.

這不僅適用於網站開發,還適用於任何生活領域：烹飪,駕車,甚至是人際關係.分析並從錯誤中吸取教訓當你注意到某些事情不完全正確時,退後一步並獲得一些觀點.問問自己：你想要發生什麼,為什麼沒有發生？如果你的程式碼破壞了一個網站,發生了什麼事,以後如何避免它？或者,如果您在嘗試解釋某事時與同事發生爭執,那麼發生了什麼？

嘗試執行以下操作：

1.回去分析那個非最優情況.

2.找出發生了什麼事.

3.想想你可以採取的可行措施,以便下次避免這個問題.

寫下如何應對或處理特定情況的計劃可以幫助您下一次.這需要時間,有時候我們真的沒有時間去回顧和分析每一個決定.但是不斷學習錯誤和衝突而不斷學習會保證你會重複錯誤.這很難做到,因為當一些消極事件過去時,自然的本能就是不想糾纏於此.想想就像除錯你的生活一樣.如果你在程式碼中一直犯同樣的錯誤,那將是相當低效的.這意味著你需要學習的東西不會再發生.即使只有很小的錯誤,長期來說,練習這種自我意識和自我改善的混合體會使你獲得回報.

＃5：真正擅長解決問題.

作為一名Web開發人員,您的大部分工作就是解決問題.無論您是在編寫新程式碼還是在除錯現有程式碼,最終目標都是讓它按照您的要求進行.那麼如何善於解決程式碼中的問題？首先,你必須準確理解它應該做什麼,以及過程中涉及的所有部分.找出問題發生原因的線索.那麼你就能解開這個謎團！

一盞燈

出於說明的目的,假設您必須修理不工作的燈.為了解決這個問題,您必須首先確定燈的行為.在這種情況下,將燈泡切換到“開啟”將導致燈泡開啟.如果沒有發生這種情況,您可以透過檢查流程中的每個步驟來確定失敗的原因.

下面是你可能做的一個列表：

步驟1：房屋內的電力透過插座進入.檢查房屋內的電力是否開啟,並檢查插座是否正常工作.

步驟2：將燈插入插座以使電流透過燈.檢查燈是否插入.

步驟3：電力透過電線傳輸並切換到燈中.檢查導線和開關是否都在工作.

第4步：當開關開啟時,電力到達燈泡並開啟它.檢查燈泡是否正常工作並且沒有損壞.

透過測試每個步驟,您可以使用消除過程縮小範圍並找出問題的罪魁禍首.

除錯：Web開發人員的最佳和最差部分

當然,在程式碼中查詢和解決問題比測試燈泡更復雜.但過程是一樣的.我不會撒謊,除錯程式碼和解決問題,錯誤可能會非常令人沮喪.有些時候,我花了幾天或幾周的時間來堅持一個特定的問題.這些是成為網頁開發人員的最糟糕的部分.然而,另一方面是,當最終發現該解決方案時,您會感到驚人.至少在那一刻,你幾乎可以感覺到無所不能.這種歡欣的感覺毫無疑問是成為網路開發者的最佳部分.

不要忽視非技術性的技能.

到目前為止,最後兩個技巧將非常有用.作為一名專業的網頁開發人員,還有一些其他方面與編碼完全無關.

你可以稱他們為人才或軟技能.

人的技能與編碼技能一樣重要

儘管我們使用程式碼,但我們最終還是與人合作.我們構建的網站和應用程式適用於人類.無論您的工作是什麼,您都將與人類客戶,客戶或同事合作.

最好的Web開發人員不僅擅長編碼.他們也非常善於理解大局,並與人合作.我個人認為,這兩個原則可以真正幫助你擺脫困境.他們不容易掌握,因為他們需要不同型別的複雜思維.許多Web開發人員可能不會考慮開發這些非技術技能的需要.這是你可以開始讓自己獨特有用的地方.

＃6：培養感同身受.

包括瞭解並理解他人的感受,需求和觀點.簡而言之,這是將自己置於別人位置上的能力.

這不是關於“獲勝”

當我們打架的時候,我們都開始感覺彼此不協調.我可能會覺得自己100％是正確的 - 在現實生活中從未如此！所以我們談論一切,儘管這很痛苦,但很難做到.最終我們意識到這一切都是基於誤解或者我們中的一個糟糕的一天.我們都能夠從另一個人的角度看到情況.這不是關於正確還是“贏得”這個論點.這是關於同情和與其他人在同一頁面.

對工作充滿熱情

同樣,當你與人合作時,你將不可避免地產生衝突或分歧.但是儘量避免跳到結論和妖魔化對方.他們所做或所說的任何事情很可能都不是個人的意思.嘗試與他們交談,並找出他們來自哪裡.他們可能真的很忙,只是忘了回你的電子郵件.他們可能剛剛舉行了一次可怕的會議,並且很遺憾地以簡短的答覆形式向你發出了壓力.

尊重他人

除了給他人帶來懷疑的益處之外,工作中的同情也包括瞭解並尊重他人的工作量和情況.

假設你的一位同事在截止日期前工作得像瘋了一樣.當他們處於緊要關頭的時候,不要用那些並不緊急的問題打擾他們.但是,一旦事情平息下來,可以問問他們是如何去做的.

＃7：積極主動,不被動.

在我看來,積極主動還是積極主動是一種將成功人士與平庸人群區分開來的素質.

被動

被動的員工會完成被問及的工作,但他們不會那麼做.如果出現問題,他們會解決問題,但他們不會提前考慮以防止此問題再次發生.他們沒有考慮全域性,或者系統的互鎖部分如何協同工作.被動人的預設心態是：“如果它不影響我,這不是我的問題.”這是非常短見的想法.請注意,他們沒有做不好的工作,但他們錯過了很多他們可以做的事情.

積極主動

相反,積極主動的員工不會完成分配的工作,並且每天都會打電話給他們.他們也會隨著時間的推移進行小幅改進.如果出現問題,他們會分析發生的情況並進行更改,以免再次發生.他們不斷思考如何使工作流程更高效.總之,積極主動的人在現在工作,以改善未來的事情.他們能夠看到大局,並願意努力改進.

聽起來很不錯,對吧？

要學習積極主動的技巧,你必須使用一些試驗和錯誤,以及大量的觀察.但一旦你弄清楚了,好處就會蔓延到你生活中的其他領域.

這些並不是關於如何學習程式碼的東西，而是關於如何成為一個出色的編碼人員，這對你工作生涯非常有用。

如果喜歡我可以去我部落格看看喲，也許就有你感興趣的：www.quietboy.net

基本路線，都給你規劃完了。我給你來點簡單粗暴的乾貨。

1.買域名

2.買伺服器

基礎知識儲備爭取一份實習不斷完善自身養成良好的習慣bilibili.com

強調一下，我只是分享我自己的路，路不只一條，那下面就開始正題

1.基礎知識儲備

在校招過程中被拒絕的一個常見原因是基礎知識不紮實，讓面試官對你的潛力、學習能力評估得分較低，表現為面試官能接受你有些工具、框架沒用過，開放問題沒有回答上來，但不能接受對一些基本知識的原理不清楚。所以接下來講講基礎知識的範圍和怎麼學才算紮實。

1.1基礎知識範圍

相信很多同學在開始學習前端的時候都會看過類似的前端知識圖譜，包含的內容非常的多，但並不適合作為新人學習的指南使用。

我這裡討論的基礎知識只包涵HTML、CSS、JS、瀏覽器、網路協議。前三者作為前端基礎知識很好理解，那為什麼瀏覽器和網路協議也是基礎知識呢？因為補上這兩點才構成了完整的執行環境（node後面再談），瀏覽器作為一個複雜的整體，我們在基礎階段需要學習的是js引擎和渲染引擎的部份（瞭解基本概念，後續再深入），而網路協議需要了解http、https、http2.0。

1.2如何學習才算紮實？

一句話總結：帶著發展的眼光看問題，掌握知識的脈絡由點及面。當下我們談論的基本都是html5、css3、es6，那更早的版本里有什麼？未來的版本里又有什麼？為什麼？

廠商與標準的發展

瞭解這些，往小了說你可以知道每個新增api是為了解決什麼問題而誕生的，往大了說就是掌握了發展的趨勢，知道下一代的方向。

灰色：無效 綠色：預設實現 紅色：依然建議

舉個例子：為什麼老一輩的前端都知道雅虎軍規，新的一代很少談起？除了雅虎沒落以外，我們應該瞭解軍規中相當多的最佳化是用於補http1.0、http1.1和早期瀏覽器的不足，而隨著https逐漸普及、瀏覽器標準化程度越來越高、前端工具的不斷髮展，軍規中多條建議已經失效或被工具自動解決了。當你參照這個思路進行學習後，有兩個問題就會自然浮現

https下的最佳化和http有何不同？

http2.0提供的服務端推送等新功能能解決什麼樣的問題？

學習就是個不斷提出問題找到答案的過程。

理論學習必須和實際應用相結合，當你實際應用過程中遇到了問題，你又是如何解決的呢？依靠搜尋引擎找到別人的經驗是我們這個時代的便利，但也養成了大家的一些壞習慣，看似瞭解了挺多的知識點，但這些點的學習都是來自一些非常具體的實操問題，所以有它的侷限性，答案裡往往也只有解決辦法而缺少原理分析，點缺少連結則成不了面。

面試官追問深一點或者問一些相關的問題就懵了的經驗相信不少人會有同感，怎麼解決呢？首先技術部落格、社群的問答依然是很有價值的學習渠道，但我們要在過去的基礎上增加一個新環節：追根究底，把一篇文章中提到的陌生概念都做下一輪的搜尋，對文章中附加的擴充套件閱讀都好好讀一遍，這就是努力的從一個點的學習擴充套件到相關的多個點，如果你還願意繼續在這個方向上學習，那這時候就適合拿出書本進行更系統的學習，把一組一組的知識點之間的黑洞補齊，這個過程反覆多次後你在個領域裡的知識絕對稱得上紮實。

2.爭取一份實習

實習的工作和工作室的專案、導師給的專案有很大的不同，在於時間和需求實現上沒有那麼多妥協，你需要在限定的時間內解決問題，並週而復始，對自律性不夠的人來說這當中的差距非常的明顯。此外，在正式的工作環境中團隊協作、與人溝通、抗壓的經歷能讓一份平面的簡歷變成一個鮮活的形象。如果有幸加入到一個優秀的團隊，還能得到專業人士的指導，解決更復雜的問題，對自身的成長來說是非常有利的。因此，只要專業對口，我建議無論如何都爭取到企業中實習而不是留在學校，擺正心態爭取在有限的實習時間裡學更多的東西。

3.不斷完善自身

在基礎知識儲備良好的情況下我們再回過頭看看之前的那張圖，為什麼會有很多看似超出前端本職工作的技能？這就和前端在一個專案組裡的角色有關了，在大多數情況下，前端是一個最終整合的角色，產品經理、設計、互動、後端的工作最終都彙總到前端，再由前端提交測試，無論測試還是線上遇到bug第一個還是找前端定位問題，所以為了溝通中贏得信任和精確定位問題（或者準確的甩鍋）前端能多掌握一些相關崗位的技能都是好事。而越來越多的技能之間建立新的聯絡就是創新力的基礎，超綱了就不再展開。

4.養成良好的習慣

習慣的力量是巨大的，而好的習慣能給別人相信你的力量。接下來我談一些對程式設計師來說的好習慣：

習慣於每日精進，隔一段時間都回過頭看看自己以前的專案，用更短時間是否能完成，完成的方法是否更優雅？當答案為否時，檢討這段時間裡自己的表現。習慣於著眼未來，無論再忙都減少一些肝遊戲、看影片的時間來想想未來的挑戰，同樣隔一段時間看看自己所做的事情有沒有是為未來而做的。習慣於為自己的想法寫程式碼，從小事做起，透過技術改善自己的生活，無論是爬蟲、自動化指令碼、app、智慧家電……都可以，為了解決別人的問題你已經學的夠多了，為自己做點事。習慣於現在開始，想做的事情不要等這個專案做完再說，記住最初的衝動而不是過程中的困難。

前端的學習相對於其他語言來說，算是簡單的。

可以先去一些免費的教程網站學習下 HTML 和 CSS（菜鳥教程、W3C，慕課網都可以）

學完之後先彆著急學javascript，先自己排兩個網頁，再好好理解下CSS。

然後在學習javascript，給網頁做互動，

javascript的學習就是多家練習，練的多了，才能更明白是怎麼回事。

其次就是jquery的學習了，這是javascript的一個框架，可以時間JavaScript的大部分功能，並且實現起來比JavaScript簡單的多。

再然後就是學習一個前端框架了， 例如bootstrap，學習框架可以更加快速的完成自己的工作，是提高前端效率必不可少的東西

-- 河南新華電腦學院

學習本身不難，難的是知道學什麼？也就是我們常說的劃重點。重點是什麼？重點是工作中高頻使用的知識點，是面試官高頻提問的題目。咱們這麼苦逼的學習就是為了找個更好的工作，就是為了賺更多的錢，所以從學習階段我們就要養成面向工資程式設計的良好習慣^_^。

前端三劍客（HTML，CSS，Javascript）是必須掌握的，很多朋友一開始就在這三個上面花費了很多時間，HTML標籤一個一個的扣，CSS死記硬背，Javascript一個一個語法的過。坦白的說，在這個年代，就算基礎打得再牢靠，也是找不到工作的，手寫HTML的機會很少，大部分都是框架的應用。

HTML

HTML的基本結構一定要搞清楚

<!DOCTYPE html>

<html>

<head>

<title>前端工資高，後端很羨慕</title>

<meta charset="utf-8">

<style type="text/css">

</style>

<script src="public/js/main.js"></script>

</head>

<body>

<div></div>

<script src="public/js/app.js"></script>

</body>

</html>

HTML整體結構大致如上，每個HTML文件都有一個文件型別。HTML5之前文件型別比較複雜，HTML5之後統一成<!DOCTYPE html>。有興趣的可以去研究下不同文件型別之間的區別。

整個文件被html標籤包著，html標籤下面是head和body標籤。head標籤下可以有title（文件標題），meta（meta有很多種，需要時可以自己查文件），link（用於引入stylesheet，icon），style，script等標籤。body內包含的標籤就是頁面上需要實際呈現的內容，它們包含大致以下幾類。

未完待續