如何在家自學前端?

01-04

我想辭職回家自學網頁製作，目前有一點網頁基礎，和C#基礎，想轉行html5前端工程師，應該怎麼自學，
1.按哪些書籍進行系統的學習
2.大概需要多久時間，每天12小時編程
3.如何來進行練習，以學以致用
4.什麼程度才能自己接私活

5.最後出去找工作需要注意些什麼
問題有點多，還請前輩多多指點

如何自學前端？

相關回答
瀟13狼：如何有效快速的學習HTML/CSS/JS？
瀟13狼：想要學CSS應該如何入門？
瀟13狼：什麼才是JS模塊化？

就前端而言，自學能力是極其重要的；其實整個互聯網行業都是如此。說句實在話，前端基本都要靠自學！技術那麼多，知識點那麼多，不可能都讓別人帶著你一個個知識點學吧。所以必須在思想上認識到這一點。不要千萬覺得自學前端，這事不靠譜。同時，在進入前端之前，更要做好不斷學習的思想準備。

為什麼呢？這裡面至少有兩個客觀的因素，我稍微解釋一下。1，前端技術日新月異，你不可能啃老本。不管你是科班出身還是培訓機構出來的。2，技術不斷更新，你就必須不斷地學習，才能勝任前端工作。這些都要求我們必須具備基本的自學能力。

我自己呢，是畢業不久的前端小兵，計算機相關專業的，但我關於前端的知識與能力，基本上靠在圖書館泡館自學的。可能在經歷上，有一點資格回答你的問題吧。

學一樣東西，不管是什麼，都必須靠積累；而要學好前端更是如此，最重要的一點就是，擺正心態，速成決無可能，必須靠不斷的學習才能收穫知識與能力。有了這個認識才能接著談學習什麼，如何學習。

回歸到前端，聊聊我的自學方式。稍微歸納一下，基本就三個點：書籍，教程，實踐。

一，書籍，這個必須的。每個行業都其經典。正如史家必備一本《史記》，醫者必有《黃帝內經》；而學前端，就必須買幾本像《JavaScript高級程序設計》這樣的經典，用心研讀。我的建議是，買幾本書，要認真讀透的，細讀。收穫會不少。具體書單，動手搜索一番，唾手可得。

除了入手幾本經典的書之外，當然還需要其他書籍的補充，但也不是什麼書都要到網上去買書。一個原因是Economy問題，如果手頭不是很寬裕，書還是蠻貴的。即使沒有經濟問題，也有一個書的選擇問題。有可能你買的書，不夠有用、不夠合適甚至根本沒用。信息豐富的時代，也是信息泛濫的時代。書籍的出版也有些泛濫了。隨便到「噹噹」上去搜搜看，選項是極其豐富的，選擇是有點困難的。要買到合適的書不是一件容易的事。關於如何挑選到好書，動手搜索一番，唾手可得。大致內容是，豆瓣評分可以作為一個重要參考標準。由於書籍不是電影，沒有什麼水軍，所以豆瓣上的書籍評分非常可觀公正，可以作為重要的參考，我看了很多很多的書籍，基本上都符合我心中的評分。7.5分以上就值得一看、8分以上好書、8.5分以上品質很高的書。簡單來說，就是先去豆瓣看一下書評和評分，然後再決定要不要買。

這裡我推薦另外一個方法——電子書。你可以先下載下來看看先。如果覺得不錯，再買不遲；還可以選擇把電子書列印出來。當年，我在大學裡開了個宿舍列印店，至少打了好幾十本電子書。我覺得效果不錯，強烈推薦。印表機現在確實不貴，消費得起，紙張的話幾分錢/張。

以上兩種方式結合起來，既可以保證你的閱讀量，又可以節省時間與金錢，可謂一箭三雕。另外，關於很多人說的不習慣電子書的學習方式，包括以前的自己也是如此。我有一點個人的看法，不管互聯網行業還是其他行業，利用網路實現學習已經成為一種主流，你必須掌握這種方式。不習慣也就一開始不習慣，用久了就習慣了，是吧？當然，你可以用閱讀器或者是手機看書，用技術手段調節一下，這都非常地OK。

第二，看教程。泡技術網站，逛技術博客，順便收藏幾位大神的博客並不時拜讀，這些都是非常好的方法。具體到前端學習，自然是從大名鼎鼎的http://w3school.com開始征程。這個網站可以實時做一些簡單的練習，然後就可以看到效果。快速過完這些基礎的前端練習。就可以過渡到視頻教程的學習了。現在網上的教程不少，但找到免費、有價值且完整的教程不容易。倒不如花點小錢，節省點時間，提高點學習效率。錢要看花得值不值，一味地省，浪費的是自己的時間。培訓機構的班別輕易報，畢竟花銷不小；如果確定要報，至少也要入個門有點基礎再去報。不要輕信零基礎就能進的培訓班，知識的領悟是需要時間的，你基礎越差，在培訓機構里短短時間裡，所能學到領悟的東西自然要比別人少的多。這和上課前預習的道理是一樣的，大家都懂的哈。

第三，實踐。實踐出真知。實踐能將所學知識化為技能。另外還要通過實踐，有意識地培養一種能力——通過互聯網的方式獨立解決問題的能力。關於網上的教程，有一件永遠不可能發生的事情就是——「你照著做就不會出錯」。實際情況，往往各種問題都可能發生，經常是作者覺得超簡單的步驟，簡單到人家都懶得寫清楚而一筆帶過，你卻卡了殼。但你也要慶幸，你肯定不是第一個遇到同樣問題的人，肯定已經有人遇到並且解決了，你要做的，就是就著問題再去搜索。一般呢，一個問題，要結合兩三篇技術貼才能解決。耐心看帖，大膽假設，小心求證，事後記錄。就是我所能給出最好的忠告了。

我本人大概花了兩三年才習得這個技能的，在未習得這個技能之前，各種苦逼+被鄙視；而獲得此技能之後，無論是什麼問題，無非是花多點時間，最後總是能夠解決的。有同感的請點贊哈。關於這個技能的獲得，沒有捷徑，只能是靠實踐，靠時間的浸潤。學一樣東西，你不管學了多久，只要你不拿去用，你永遠都不會掌握。關於實踐的重要性，再怎麼描述都不為過。學前端更要不斷地練習。只做普通的練習是不夠的，要做一些小項目，規模稍大一點的小項目。比如模仿一些知名網站，比如小米或者京東。我自己就做過京東的手機版網站，收穫確是不少。或者做幾個網頁小遊戲，實際操練下JS/JQ，Html5。我自己就做過好幾個網頁遊戲，如掃雷、俄羅斯方塊等等。我會在知乎上慢慢寫出來。或者關注我個人公眾號。

以上三點，我自己覺得的，如何自學前端的方法。關於前端，我還有幾點廢話要說。

要選一個好的工具。工欲善其事，必先利其器。但選定了之後，就不要輕易更換了，畢竟每一款軟體都是有一定的學習成本的，要想熟練掌握一款軟體，必須要經過長時間的使用。頻繁換工具，只是在浪費你的學習時間。這裡自然是推薦SublimeText3，網上有一篇講如何讓你的Sublime更加得心順手的文章，動手搜索一番，唾手可得。

另外再講一點關於對前端的認識的。前端理論上分為兩大類，一類是寫頁面（Html+Css）的，一類是寫交互(JS)的。一般來說，只有大公司才會分得這麼細。也就是說，你只會Html和CSS的話，在現實中，是遠遠不夠的；在前端的編程世界裡，JavaScript是占統治地位的。你要學前端，就繞不開Ta；你要學好前端，更應該掌握好Ta。其實JavaScript，簡稱JS,學名ECMAScript，都是這傢伙的稱呼。稍稍解釋一下，這傢伙和另一門大名鼎鼎的語言Java，沒什麼關係，只是那時候，人家Java很火，JavaScript的爹媽借勢就給他改成了JavaScript的名字，其實Ta原名叫LiveScript。

JavaScript的作者其實只花了幾天就完成了JavaScript，所以，儘管後來JavaScript非常地成功，但也存在不少缺陷。為了解決這些缺陷，JavaScript的庫和JavaScript的框架就如雨後春筍般地冒出來，現在比較流行的庫有JQuery、Prototype以及MooTools等；比較火的框架有Bootstrap、Angular、React以及Vue等。尤其是NodeJS誕生後，JavaScript更是突破了前端的界限，衝到了後端，以致於現在誕生了一個新的職業「全棧工程師」。這在目前是前端發展的一個重要方向。另外一個重要方向就是混合式App的開發,對的，用傳統網頁技術（Html+CSS+JS），可以開發出跨Andorid平台以及iOS平台的App,代表有APICloud,DCloud，以及React。而第三個重要方向是HTML5遊戲開發，了解不深，不多贅言。我要講的是，新的技術如此之多，如何選擇成為難題。這麼多的技術，一個人的精力和時間都是有限的。個人認為，最重要的就是要把基礎打好，任何JS框架的基礎都是JS，只有實打實地掌握了JS，那其他那些框架學起來才能如魚得水。打好基礎，勿浮誇，勿貪多。

最後，對有志於前端這一領域的同志們再多說一句，「擼起袖子，加油干吧！」

第一次回答問題，求贊哈。

瀟13狼：哪裡可以找到實用的IT教程和資料？

http://weixin.qq.com/r/Byrn-4-ElNLrrcuc938V (二維碼自動識別)

現在學前端的太多了，之前拉勾統計崗位平均投遞數，前端第二了。

前端好入門，但是現在行情已經不比幾年前了，要考慮幾點：

1。時間夠否，如果零基礎，按照現在的行情，起碼得離職半年，每天學8小時左右

2。羅輯思維得過關，高中數學考得如何？

3。學習能力和學習積極性如何？

另外現在前端的行情和怎麼學習找工作可以參考這個提問

學前端的是不是太多了？ - 知乎

我最近也在苦惱這個問題，寫個spring application，功能全做好了，也就2天，前台搞來搞去花了10來天了，還是難看的像屎一樣。

---大四上的時候跟你情況差不多，有點前端基礎和.net基礎，現在在做前端，偶爾兼職後端-----

1、去年還在學校的時候自學的前端，HTML和CSS主要是跟著w3school學的，初級的Javascript也是在這個網站學的，然後把HTML CSS Javascript的參考手冊列印出來，每天早上都會過一遍。HTML我認為主要是理解語義化，CSS 理解如何控制樣式和協助HTML進行布局，還有新的CSS3的使用，對CSS的學習我認為應該多搜一些網上的帖子進行學習，書本上的知識講的並不是很透徹，比如BFC，我就沒在CSS書上看到過（也可能是我讀的少的原因吧）。Javascript入門寶典《Javascript高級程序設計》，學好這個就能基本理解Javascript這個語言了，建議讀這本書之前在w3school上先熟悉一下，一開始讀這本書還是有些吃力的。

入門之後在提高的書籍在知乎搜一下其他帖子吧。

2、每天12小時，基本很少人能做到！只能給你個參考，我自學了大概不到2個月就來上海實習前端了。

3、練習的話，很多人都推薦模仿網站，比如微博，京東等等。我沒試過，但是想想的話確實應該會有很大提高。要學以致用的話，給自己寫個博客吧。

4、接私活前提是有人知道你會前端，並且知道你技術還行，這個的前提是你先有個工作，並且能得到別人的認可。程度的話我是這樣理解的：1.代碼規範 2.兼容性 3.Javascript的性能 4.最重要的跟設計稿的出入要儘可能的小。

5、沒進過坑，也不知道要注意什麼，選個好老闆很重要，其次是周圍同事是否積極向上。。。。

http://www.w3school.com.cn

無需解釋

走向大神的路無他，唯手熟爾。如何系統地自學前端開發？

我也是零基礎靠自學轉過來的。長話短說，推薦慕課網和廖雪峰個人網站

http://www.freecodecamp.cn/

你值得擁有

怎麼程度才能接私活？以豬八戒為例，上面有不少外包公司，你寫的過他就可以接，或者自己開個博客打廣告，前提你是大牛博客有技術能吸引人氣

http://www.zhaoqianbei.com，你值得擁有。

微信掃描二維碼。關注強哥帶你學前端。教你如何從菜鳥到月薪3萬的蛻變。

http://weixin.qq.com/r/0D8gOKbEVvspreJb92rC (二維碼自動識別)

學習是為了工作吧。直接點去看招聘要求，了解最新需求。學習內容就對號入座了吧。

現在學的怎麼樣了，我也要轉前端

我想問下你學習的怎麼樣了

去培訓機構太貴，一般得兩萬吧，網路上的資料又太雜，有合適的系統教程，好好學就沒有問題，我這兒有很全很系統的內部視頻，需要的話可以給你看看

我也在自學，之前想過離職，不過都被周圍的人勸下了，現在每天利用下班時間自學