資訊專欄INFORMATION COLUMN
摘要：相關頻道最后的坦白最后我得承認這一次我又標題黨了無非是想吸引更多前端初學者進來，希望大家都能少走一些彎路，也希望那些從零開始自學前端的同學更有勇氣去面對自己的選擇。
我是怎么走上前端開發這條路？
首先，我是個文科生，大學里只學過vb，覺得計算機編程這東西太玄乎，不是我玩得轉的。
后來機緣巧合去做了一家互聯網創業公司的HR，閱了上千份程序員的簡歷，面了上百個不同水平不同領域的程序員。跟程序員接觸得越多，我越覺得編程是一件很有挑戰、很有趣的事情。尤其是前端這一塊，結識了好幾位前端大牛。其中一位告訴我，如果你真的感興趣，那就先去寫幾個HTML靜態頁面吧。
可當時我連個HELLO WORLD都不會寫，更不知道HTML是個啥?
于是我花了一個晚上在慕課網上聽了幾節HTML+CSS基礎課，第二天我把w3school在線教程上HTML+CSS的API全部過了一遍后，隨便在網上找了個簡單又漂亮的網頁，就開始仿寫我的第一個HTML靜態頁面了。
那幾天一連模仿寫了好幾個HTML靜態頁面（寫不出的地方我就直接打開chrome控制臺，copy那部分的樣式）。
當時白天要上班，只有晚上有時間可以寫HTML。這對寫代碼上了癮的我來說實在不痛快，剛好當時公司人員配置基本完整，我的招聘任務也可以告一段落了。我便暫時離開了公司開始了我的一個月前端自學生涯。
這一個月我做了什么看書
經過之前的仿寫網頁頁面的練習，我已經對常用的HTML標簽、css樣式比較熟練了，是時候開始系統的學習前端的各種技術了。可是，要從哪里開始呢？
最后我決定先沿襲我大學時的學習方式————考期的最后兩周把要考試科目的教材從頭到尾預習一遍再復習一遍。這種方式可以讓我在短時間內了解這門科目包含的全部知識，并且發現這個科目的核心內容或可能的考點。
于是，我在圖書館找來了JavaScript DOM編程藝術 （第2版) 這本書，花了三、四天前后通讀了一遍，把其中的代碼事例也完整的自己敲了一遍。
這本書真的非常適合初學者，通俗易懂，講解詳細，讓我對javascript有了一個大概的了解，也讓我更有自信。于是，我馬上又從圖書館借了另外一本書————JavaScript高級程序設計（第3版），打算趁熱打鐵花一個禮拜的時間把這本書攻克下來。
然而最終我只讀到三分之一的位置就讀不下去了，因為我覺得這本書不是很適合初學者。尤其是第6、7章的面向對象的程序設計、閉包、繼承這些東西，雖然能讀懂但完全不知道為什么要面向對象、為什么要使用閉包、為什么要繼承？
對于js的初學者來說，你的第一要務是把功能實現，把代碼寫出來，不要管代碼優不優美，放心大膽的repeat yourself。等未來你看別人優秀的代碼多了，自然而然會去模仿，不斷改進自己的代碼。
做題
讀了這一又三分之一本書后，我開始尋找練兵場。很多人建議直接去github上pull request做項目。我的天，這對初學者來說簡直太難了，別人的代碼連看都看不懂更別談自己去寫了。
于是，我去quora中尋找答案，很快我就發現了一個人Quincy Larson——teacher at FreeCodeCamp.com，順著他的答案，我找到了他創辦的一個前端開源社區————Free Code Camp。當初我關注這個社區的時候，它的關注者才幾千人，截止到目前，它在github上已經有93661顆星星了...
我可以肯定地告訴每一個前端初學者，FCC是你們最佳入門前端的地方，沒有之一。它為前端初學者設計了一套詳細的前端進階路線，并且每一步都提供詳實的講解和針對性的實踐練習。具體的介紹FCC里面都有，基本上把它的所有課程都通關后在國內找份前端的工作不成問題。
FCC中對我最有用的部分是它的初級算法和中級算法這兩部分，可以作為對你前面js語法學習成果的一個檢驗。所有題目都是沒有答案的，如果你實在解答不出的話，可以參考我當時寫的一些答案（當時的我很稚嫩...答案寫的很糟糕，但至少能解決那些問題）
初級
中級（部分）
高級（部分）
課程
寫代碼這活思路很重要，不過對初級前端來說，熟能生巧更重要。所以接下來我混跡在各種國外網絡前端學習社區：Code School、Code Cademy、Khana Cademy等等，把其中我能看懂的部分幾乎全部看了一遍，代碼也都敲了一遍，扎扎實實的鞏固了幾遍前期我學到的各種前端知識。
我真誠建議英語水平還可以的前端初學者不要去看國內的視頻教學網站，都直接看國外的。
我真誠的建議理解能力還可以的前端初學者不要去參加任何前端培訓課程，網上的優秀的資源多的都學不過來了，為什么還要花錢去被填鴨式教育？高中還沒被填鴨夠嗎？
我一直在做的事情基本上做完上面三步我就去找工作了，最終去了一家創業公司，成了公司唯一的前端開發。我非常感謝這家公司CEO對我的認可，愿意接納一個前端的初學者進公司，獨立負責前端方面的需求。我非常感謝CTO對我的信任，放心讓我自己去學習各種新的技術并運用到公司實際項目當中去。
下面的部分是我一直堅持在做的，它們對我過去一年多的成長起了至關重要的作用。
解惑
對初學者來說，寫代碼的過程會遇到各種各樣奇葩的bug，當你身邊空無一人，自己又苦苦找不出bug的原因的時候，誰能幫助你？
答案是: Stack Overflow 和 Google。
我可以很肯定的告訴你們，你學習過程中遇到的一切問題都能在google和stackoverflow上找到答案。如果找不到，說明你問題描述的有問題。
說起關于【學會提問】這個話題，我在stackoverflow上還被扎扎實實地上過一課。我在stackoverflow上提的第一個問題見下圖:
然后這個話題就被踩了三次，得到的回答是這樣的：
這位仁兄說的很對，這種找bug的提問不應該丟到stackoverflow來，自己仔細的去debug肯定能找到問題所在的。之所以會提這種問題，只有一個原因————懶，自己懶得花時間去debug。現在我偶爾有空上來segmentfault看一些提問，還是會看到很多諸如『你能幫我看看哪里有問題嗎？』、『不知道哪里錯了』之類的伸手黨問題。
我相信segmentfault問答版塊的定位跟stackoverflow應該是差不多的，既獎勵優質的回答，也鼓勵優質的提問。所以下次當你有問題的時候，先嘗試用一句通俗的話去概括你的問題，再去google。無法用一句話通俗概括出來的問題，不是一個好問題。拒絕做伸手黨，從我做起。
前沿
當你越深入地了解前端，越會發現它的美妙。這兩年前端領域的發展非常快，各種有趣的新技術、框架、庫層出不窮，有無數優秀的前端都在為前端技術在更廣更深的領域變得更牛逼而努力。
雖然初級前端的基本功很差，但這并不妨礙你去跟蹤前沿。千萬不要關著門研讀經典，前端技術發展那么快，很多過去奉為經典的東西現在可能已經過時了。
最好的跟蹤前沿的方式就是訂閱一些前端方面的周報，它們把一周前端各個領域的一些優秀的文章、教程、代碼整理成一份周報，你要做的僅僅是從一堆標題的列表中找出標題你能看懂或者感興趣的，然而再去讀。
我先列出部分我訂閱的周報：
Javascript Weekly
Mobile Web Weekly
HTML5 Weekly
訂閱以上三個就足夠了，一定要看國內的周報的話，碼農周刊還可以。
這些周報里既有前沿的技術分享，又有大量優質的tutorial，非常適合前端的學習。大家看周報讀文章盡量讀國外的，畢竟國內的文章很多都是翻譯國外的，甚至直接抄襲...
如果還有富裕的時間，我還會去這幾個網站上吸金...
https://www.smashingmagazine.com/
https://css-tricks.com/
https://medium.com/
基本上每天早晨上班前，我就會大概瀏覽一下郵箱和以上三個網站，看到跟我最近做的工作相關領域的文章，用Readability直接send to kindle，然而空閑時間或者晚上再好好研讀它們。
其實很多文章都是科普性質的，非常容易看懂，大家放開膽去看吧，看不懂也沒關系，有個大概的印象就行了。
寶器
最后我要祭出真正的大寶器，說實話我前端學習時間的30%都花在這個大寶器上了...
這個大寶器就是https://www.youtube.com/
我簡直無法用語言來形容它對我的幫助有多么大。
對于初學者來說最頭疼的就是直接閱讀API或者源碼了，很多文檔寫的都不是給初學者看的。而youtube上有大量優秀的前端工作者上傳了他們對新技術新框架新庫的講解視頻，不僅幫助了我弄懂API, 更重要的是讓我看到這些API在實際項目當中到底應該怎么用。
推薦的頻道：
LevelUpTuts
The New Boston
LearnCode.academy
除了以上幾個tutorial性質的頻道外，大家還要關注一些jsconf的頻道。國外經常會舉行js的研討分享會，邀請的嘉賓都是在各個領域研究比較深的，他們分享的東西大多是比較前沿同時有趣的東西，大家一定要定期跟蹤一下。
conf相關頻道:
JSConf
React.js Conf 2016
最后我得承認這一次我又標題黨了...無非是想吸引更多前端初學者進來，希望大家都能少走一些彎路，也希望那些從零開始自學前端的同學更有勇氣去面對自己的選擇。
大家如果有任何問題，可以直接回復或者給我私信。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78989.html
摘要：我不能在對你沒有任何了解的情況下，給出一些不負責任的建議，大家都是成年人，應該懂得如何取舍。我學前端的目標就很簡單，相對其他行業來說收入還不錯，另外一個就是崗位需求也很多。 自從更新了《我的Web 前端自學之路》之后，收到了很多讀者的認可，也碰到了很多像我一樣從零開始自學的朋友，并加微信進行了一些交流，很多讀者都詢問我，該如何自學，有什么好的建議。也有些人說感覺很枯燥，看書看到懷疑人生...
摘要：掘金原文地址譯文出自掘金翻譯計劃譯者請持續關注中文維護鏈接獲取最新內容。由于以下的瀏覽器市場份額已逐年下降，所以對于瀏覽器技巧三視覺效果前端掘金揭秘學習筆記系列，記錄和分享各種實用技巧，共同進步。 沉浸式學 Git - 前端 - 掘金目錄 設置 再談設置 創建項目 檢查狀態 做更改 暫存更改 暫存與提交 提交更改 更改而非文件 歷史 別名 獲得舊版本 給版本打標簽 撤銷本地更改... ...
摘要：什么是前后分離前后端分離并不是什么新鮮事，到處都是前后端分離的實踐。然而一些歷史項目在從一體化設計轉向前后端分離的架構時，不可避免的會遇到各種各樣的問題。搞了一個前后分離，需要分離部署。 探究 ：深入聊聊前后分離架構 前后分離，一直是一個相當泛泛的問題，前后分離到底好不好？沒有絕對的對，沒有絕對的錯，業界就這個問題已經激烈的探討幾年了.出現討論的點在于：分離當然是好的,但是以什么樣的服...
閱讀 2545·2023-04-26 01:44
閱讀 2558·2021-09-10 10:50
閱讀 1411·2019-08-30 15:56
閱讀 2250·2019-08-30 15:44
閱讀 512·2019-08-29 11:14
閱讀 3417·2019-08-26 11:56
閱讀 3018·2019-08-26 11:52
閱讀 908·2019-08-26 10:27
