【同說】機械轉行前端，半年零基礎自學的心路歷程

【同說】機械轉行前端，半年零基礎自學的心路歷程

前言

在入前端坑以前，有幾個是科班的。今天來前端早讀課之同說的是西安@Michael.Lu童鞋，在分享他這跨界學前端的經歷。

正文從這開始~

背景介紹

關鍵詞：前工做情況(機械)、離職經歷、心態轉變、目標肯定

你們好，我是Michael.Lu，一枚前端萌新。早在2016年4月份以前，我仍是一名大型石油裝備製造公司的機械工程師，勤勤懇懇，工做強度不算低，即便在規定時間內完成任務但仍是得常年形式加班(大概896)。生活節奏中規中矩，幾乎泛不起一點點漣漪。變化的是眼花繚亂的三維機械模型和無窮無盡的生產藍圖，不變的是工做內容以及職位和薪資。雖然平時表現出了足夠的上進心，但在這樣的環境中，我開始慢慢意識到，在應該升職的時候老是會有奇人從天而降穩準狠的擊中個人晉升目標。在應該加薪的時候老是能遇上國際油價下跌致使公司利潤下滑開支緊縮。我。。。

從2013年7月大學畢業，全國包括我在內一共600多名大學生進入該公司，14年走了一半，15年還在堅持的不到100人，到16年3月還剩不到50個，想一想是我也算持久堅挺的一員了。但是就在3月的某一天早晨，新空降的不知道第幾任的領導來給咱們打招呼，個人腦海裏浮現並非一片欣欣向榮的將來工做情景，而是一眼望穿的將來10年內的半養老生活格局，舊國企般的腐朽人際關係網，永恆不變的工做內容。再加上每逢佳節倍思親和親更思個人情節，離職的念頭瞬間爆炸，當天就提出了離職。從提出辭職到真正變成無業遊民花費了我整整一個月的時間，其中不乏各類HR畫餅挽留、人心盡失工做交接障礙以及簽署發射原子彈般的複雜離職簽字流程。就在最後總裁拿起筆準備簽名的一瞬間，彷彿高考最後一門考完交卷通常的清爽。皮皮蝦，咱們走！

以後4月到7月是我人生中最開心也是最失落，也是我永遠沒法忘卻的時光。這算時間裏，可謂是雲遊四海，心靈在天堂，身體在地獄，但卻樂此不疲。孤身走遍大江南北去尋覓故友，雖然故友多數都在上班沒多少時間接待我，也沒去多少景點，可是灑脫光環加身，怎樣都開心。後半段時間一邊返程一邊旅遊一邊開始準備簡歷，落實下一個落腳點，這也是我心情俯衝直下的轉折點。真是不看招聘信息不投簡歷不知道這個行業有多殘酷，需求都是要麼應屆畢業生，也麼5到10年工做經驗的高級工程師，中不溜的待遇和要求根本沒法直視，這個時候我才意識到我究竟是有多年輕多不成熟。幾經投遞無果以後，帶着比上墳還沉重卻又不能表現出來的心情回家。繼續投簡歷，要求底線不斷下降，投遞頻率不斷上升。接到面試通知電話的公司，不是遠在天邊的未知企業，就是連餬口都難的鄉鎮企業。落腳點毫無進展，慢慢感受在家裏呆着如同身陷囹圄，心情從衝動、激動、開心到氣憤、失落、後悔甚至是絕望，心態逐漸瓦解崩壞，最後爲本身貼上了loser的標籤。

因此，三思然後行，當你面臨是否跳槽或是否轉行抉擇時，不管答案是什麼，必定要清楚這絕對不是一個瞬間解，而是一個經歷過漫長的思想鬥爭和深思熟慮以後的產物。你須要先思考如今的工做究竟是哪一方面差強人意，具體到關鍵點好比：薪水與付出嚴重失衡、晉升通道不清晰明朗、工做內容重複冗長、工做強度大身心俱疲、行業迅速衰退大背景不景氣、仍是人際關係不和諧領導不賞識？再想一想針對以上狀況能夠經過什麼具體的途徑可以改變現狀或者與現狀共存從而活在當下。若是能夠獲得緩解，那應該堅定否決本身的辭職念頭去改變去打破。若是不行，ok，要在辭職以前就未雨綢繆，儘可能在落實好下一份工做的時候或者時機成熟的時候再提出離職。絕對不能像我這樣頭腦發熱，自命清高，以爲以前工做那麼努力也得到了多方確定，找工做必然不是問題，升職加薪是早晚的事，真是too young too simple。這樣的離職就如同炒中國的股市，一片綠的時候你一賣它就漲，一片紅的時候你一買它就跌，氣憤的認爲是命運的不公，實際上是本身根本沒有看清現狀，作決定不過腦子的結果罷了。

本身挖的坑，仍是得本身填，解鈴還須繫鈴人。6月下旬心情煩躁到極點的時候，轉行的想法應運而生。因而不再敢草率作決定的我決定找我爸商量一下，畢竟如今也老大不小了，良心迫使我不能啃老，但又迷失方向，但願能獲得一個曲線救國的方法。一塊兒喝點酒微醺之時，鼓起勇氣告訴他我喜歡音樂彈的一首好吉他，樓下就有一家比較大的樂器店正在招聘，我能夠教吉他能夠賣樂器balabala一大堆。而他就好像沒聽進去同樣，開始回憶我上大學前報志願的情景，他說的話我到如今還記憶猶新：「當時石油行業確實如火如荼，因此我幫你報了這個專業(油氣儲運工程)，雖然行業興衰輪轉，卻沒想到你恰好遇上了退潮。你從小就喜歡玩遊戲，爲此沒少去網吧抓你，也沒少揍你。若是當時給你報計算機專業就行了。」我知道他根本不想讓我去教什麼吉他，也沒聽進去我說的，但是，重點是我聽進去他說的了！！！真是一語點醒夢中人，我瞬間就想到了兩個從事互聯網行業的同窗(一個純前端&一個半前端半後端)，那時的心情難以用語言來表達，彷彿是行走在黑暗漫長走廊的人看到前方微弱光線的瞬間。不晚！絕對來得及！我瘋狂的告訴本身。與此同時我向這兩個朋友諮詢了一下行業狀況，因而肯定了前端之路。And I take a deep breath and I get real high!

在此先行感謝聽我囉嗦的朋友們，這也是一種傾訴，壓抑半年的感情沒想到以這種形式得以釋放，喜悅之情難以言表。隨後就是開了掛同樣的自學經歷了。

自學經歷與經驗分享

關鍵詞：編輯器選擇、自學方法選擇、筆記、寫代碼、時間管理

這是我自學前端時的第一個頁面。當時還在糾結到底用什麼編輯器好，因而到網上看各類編輯器的優缺點，從Vim、Sublime text這種輕量級編輯器到Dreamwaver、WebStorm等大型IDE，有一樣經歷的朋友應該也知道，網上褒貶不一，衆說紛紜，看的是一頭霧水。如今想一想當時真是可愛，因此在這裏告訴還在爲編輯器糾結的剛入門的朋友，惟一的擇偶標準就是顏值(順眼)和身材(順手)。由於處於啓蒙階段的咱們實在是沒有什麼必要去關心它們多麼強大的功能，不只用不到，還會在分散注意力。若是硬要我推薦一個，那就Sublime Text3，不爲別的，就是啓動快！而到後面能力有所提高，視野漸漸開闊之後，編輯器的選擇也就沒有那麼困難了，須要用到什麼功能就用什麼編輯器，公司須要你用什麼就用什麼，不須要你本身選擇。並且就我目前的經驗來看，隨便哪一個編輯器都能很快上手，由於基礎功能都同樣，就是熟悉界面、快捷鍵、特殊功能的問題了。你聽過跨瀏覽器有兼容性問題，但你聽過前端代碼跨編輯器有什麼問題嗎？

從第一個html文件到如今爲止，去掉期間各類節假日、推不掉的舊友小聚以及春節前自制力失控玩了近一個月的遊戲，粗略估算本身真正在自學的時間只有半年左右，不少人都說我進步快。講真，若是你也有我上面闡述的相似經歷，你確定比我快得多。由於我不只自制力差，並且從小就看不進去白紙黑字的書。因此不管你如今是在上學，仍是準備進擊前端行業在自學，亦或是已經工做可是想經過自學來提高，那就行動起來吧，You can do it！

不少人認爲玄學說錯了是自學有什麼好說的，不就是摒棄一切雜念，埋頭苦讀奮筆疾書嘛？其實否則，在我看來自學這種形式的學習最容易缺乏動力、鞭策力，沒有達到本身既定目標而中途放棄的人不勝枚舉，尤爲是對那些自學時間少，條件有限的人羣而言。最形象的例子就是自學比如健身，鍛鍊少沒任何效果健身卡墊桌腳，鍛鍊多傷筋動骨身體吃不消，並且在沒有任何指導的狀況下還容易練的左右肌肉不對稱，本身看着都難受。因此，來不及解釋了，快上車。

自學接受知識基礎方式從大方向上來說我的認爲主要分爲死磕專業書籍和死磕專業視頻兩種。只有最合適本身的，沒有大衆最佳款。因此必定要在自學前先對本身有個客觀評價，而後對號入座，這樣才能更高效的自學。這很是重要，試想若是看書或者看視頻的時候都能看睡着了，那還談什麼自學。若是能清晰的明確本身接受知識的習慣，就能夠有效的避免這些不經意的厭倦或者睏意，從而在本身可利用的時間內，最大程度的縮小沒必要要的時間流失。隨着時間的步伐，慢慢的注意力開始高度集中，心無旁騖。不知道你們有沒有這樣的感覺，一邊工做一邊一個耳朵聽歌，不知不覺等本身完成了本身的任務或者回過神來才意識到，上一首歌是what？想不起來了？這也許就是所謂的進入狀態，這也與我說的自學過程不謀而合。正是由於我深知本身看書犯困，因此我選擇看視頻，而且整個自學過程當中也主要是以看視頻(秒味、慕課)爲主。羣裏也有不少羣主分享的相關電子書籍，若是你感興趣，盡情去下載，不用排隊。若是你能選擇適合本身的自學方式，那麼恭喜，火鍋底料有了。

好記性不如爛筆頭，自學不只要汲取知識，還得轉化知識，其中一種方式就是勤作筆記。這一點我作的還算不錯，半年來，一本pc端一本移動端合起來也差很少一整本了，反正大家也看不見。不太重點是，準備好一個檔次稍微高一點的筆記本，當你面對這麼好的一個筆記本，心想總不能在上面胡寫亂畫吧，那就老老實實的好好寫字，寫什麼呢？照搬書籍原文？或者是照搬視頻裏面的ppt？確定不是，否則書和打印機要收你的智商稅了。因此確定是寫通過本身的腦回路以後，提煉的精華部分，這樣之後再翻看的時候才能體現出筆記的意義。All right，好習慣你這麼被你輕易的養成了。並且我在看視頻的時候會在另外一個草稿本上刻意模糊的記錄知識點，看完視頻後一個一個回憶，就像背單詞，若是這個記得很清晰，ok next one，若是不行，那就再看一下視頻相關的知識點，直到全部本節知識點clear，抄起筆頭就是一頓記。這點對於看書的朋友一樣適用。菜品有了！ 

眼過千遍不如手過一遍，是時候該展示真正的技術了，真槍實彈的寫代碼，這就是所學知識的終極輸出手段。這也是一個老生常談的問題，也確實是一個答案只能是量變產生質變的的問題。對於一個複雜抽象知識點或者體系的記憶程度而言，若是你不想很快的忘記，那至少寫一遍；想長一點時間忘記，那至少在若干時往後再寫一遍；什麼？你想要經過某種方式達到滾瓜爛熟刻骨銘心的地步？對不起，她只是一我的生過客。曾經我有就這樣的困惑，一個功能不是特別複雜的自定義拖拽，幾個月前我來回寫了兩三遍，可是在我近期學OOP的重構這個拖拽的時候，第一次我居然把把onmousemove和onmouseup這兩個事件綁定到了被拖拽元素而不是document身上，其中禁用拖拽時的系統默認事件return false也忘記寫了，爲此懊惱不已。這也引伸出兩個問題：我爲何沒記住和我需不須要記這麼清楚？第一個問題反映出我雖然寫過幾回，但短時間記憶使然，並無完全理解他的底層原理，因而我又從新記憶了一遍，一個是讓元素離開可視區域還能回來，另外一個是拽圖片和帶文字的元素也能拽的動。第二個問題本身沒想明白，向朋友請教，他的答覆是：不管是工做仍是不刻意刁難你的面試過程當中，只要能對答如流並理清清晰的脈絡就行，不至於卡殼和無從下手。因此，個人理解是勤寫代碼對咱們最大益處就是更容易的接近底層原理去理解，而且有助於永久性的思路建設，日積月累，善於重構，因而一個業界大牛粉墨登場了，對就是你，不要往別處看，說的就是你！那麼，火鍋點火走你！ 

自學那些小事 

倉庫https://github.com/codefine/practise (別由於我是一枚小鮮肉而憐惜我，用star粗暴的來吧)

Reading、Watching、Writing、Noding、Reading、Wa…...Wait！誤解太深了，咱們不是錢多話少死的早的人肉代碼器，也不會陷入這樣的死循環，什麼時間作什麼事情咱們比誰都清楚！不過確實，若是中止學習，那將被這個爆炸式發展的行業所淘汰，幹這一行就要付出和犧牲更多，才能不說造福世界起碼出人頭地，這也很容易積勞成疾，因此不論工做仍是自學，咱們都要學會時間管理。先來個沒錯就是個人反面教材：因爲原來沒有意識到這個問題，還有各類壓力，加之對這個行業的熱情，因而我自學的時間管理就是沒有管理。除了吃飯睡覺其他的時間幾乎所有用來學習，半年以來平均天天10小時絕不誇張。晚上睡覺的時間由寫沒寫完代碼決定，早上起牀的時間由還有沒有意識決定，期間最長紀錄是將近一個月沒下樓沒出家門，也得益於家人的悉心照料和督促，要否則頭上都能長出蘑菇來。也許科比在下一次說只有他能看到凌晨四點的太陽的時候我會理直氣壯的反駁他。固然這是我年前自制力失控以前的時候，也是一個徹頭徹尾的反面教材，千萬別學我。而正面教材是：連續寫代碼一個小時不管寫沒寫完，至少休息5到10分鐘，一方面能夠整理思路從而更高效的完成餘下任務，另外一方面你對身體好點身體也會對你餘生請多指教。之後的工做和學習生涯中，我將堅定執行這條原則。勞逸結合，拒絕猝死，從你我作起。鍋裏的菜快熟了，咱們去調一下油碗兒吧。

自學期間若是遇到本身解決不了的問題怎麼辦？這個問題問得好，這也正是咱們這個羣存在的意義。咱們要充分貫徹羣內不懂就問精神的同時，跟隨羣主以及衆管理理解先想、再查、後問的三步走思想，切實作到有的放矢的提問方式，拒絕假大空的無理取鬧，把問題。。。好了，你不要說了，我選擇去吃火鍋，廣告你都打到自家門口兒了。

Demo頁製做心得分享

關鍵詞：整站思路建議、素材來源

我的Demo頁地址：https://codefine.github.io/ ，各位先睹爲快。

對於github這個網站而言，我也是懂得pages的皮毛而已，並且pages功能也只是github全站功能的冰山一角，最重要的功能我的認爲仍是他的共同協做主線分枝系統，而且網站自己也是全球最重量級的開源社區，但願你們多多關注，多多學習，早日貢獻本身的開源做品而造福一方。這個網站的存在，對於咱們而言，就是一筆無價的財富。

若是瞭解pages的功能，那我建議先去看看官方說明https://pages.github.com/，看不明白的話百度一下，相關攻略也比較多。若是仍是沒研究明白，那也不要緊，這也是我下一次分享的主題——如何經過github的pages功能輕鬆搭建我的主頁。我將帶着你們從github註冊、用於展現我的主頁的倉庫創建、簡易我的主頁搭建、克隆和同步這四個環節，一步一步由淺至深的完成。並且，圖文並茂，過程當中只要有新的頁面或者界面都有對應的全新截圖和說明，我的認爲是迄今爲止最爲細緻的攻略了，細緻到使人髮指！力爭全民輕鬆搭建我的主頁！屆時但願你們不要錯過，精彩等着你。

在這裏我先放出本身繪製的簡明流程圖，整個過程當中不要你具有後端知識。配合官方文檔說明食用更佳。 

 關於我的demo展現的這個網站，因爲時間倉促，製做過程從頭天中午吃完飯一直到第二天凌晨4點左右，僅僅用了不到1天的時間，UI、代碼優化等方面作的確實不夠好，可是目前這個頁面對於我而言，也僅僅只是陳列我自學期間的積累，能在面試的時候加點分就好了。到後期若是有好的idea並認認真真作我的網站的時候會考慮買域名和雲服務器。整站用bootstrap搭建，不得不說這款框架真心適合不懂設計，又不想太難看，還想作到響應式的人羣了，並且這種UI框架API文檔相對簡單易懂，邊查邊寫，幾乎不用對原框架進行改寫就能作出一個比較優雅的網站了。在此也推薦各位小夥伴，若是沒有什麼好的idea並且想快速搭建demo頁，那這款框架是不二之選。

網站中的demo素材均來源於自學期間的積累，但不是所有不積累，只是不多的一部分能夠拿得出手的，剩下的家醜不可外揚。其中最得意的就是那個移動端安踏去打破的demo，年前作到年後，陪我跨了個年，並且所用到的較爲新穎的思路好比css3構建的僞圓柱結構，以及原生js陀螺儀相關api實現的手機位置與場景交互，都是一邊研究一邊寫代碼。也很是感謝秒味網站的相關導師和羣友，在不一樣時期給我了不一樣程度的啓發和指引。因此爲何個人整個學習過程幾乎是加速狀態，這全都得益於那些看得見和看不見的良師益友，在此特別感謝期間爲我答疑解惑的前輩和羣友們。

對將來的展望

轉眼就到了快要和你們說再見的時候了。這個時候若是有一首《What’s Up - 4 Non Blondes》來做爲離場時的bgm，那就再好不過了。回首整篇文章，雖然文風略顯戲謔，但均是真情流露，本人也不擅長寫一板一眼的教條式文章。因此但願這篇文章帶給你們的是一種不同的感覺，全當是聽了故事會裏的一篇小故事，也是極好的。

我想，互聯網行業在將來幾年內的發展，確定會持續這種爆炸的態勢。那麼，既然咱們選擇了這條道路，不管你是被迫仍是主動都已經無所謂了，由於經歷過隔行如隔山的我已經深深的意識到，我可能，終於將要走向了一條正確的道路，而已經在這條路上的大家就應該珍視眼前的一切。寶劍鋒從磨礪出，梅花香自苦寒來，鍥而不捨，身體力行，盡本身最大的努力在還算可控的幾年內鶴立雞羣，這樣，將來的本身和家人必定會爲如今你而驕傲自豪。雖然我還處於沒找到工做沒入門的階段，但經歷了這麼多，個人心態已經擺出了一個大寫的正，就等着去工做，去拼搏，去證實我辭職轉行是一個多麼正確的選擇了。我願意相信這是一個能夠經過付出百倍努力就能遨遊的時代，而互聯網行業就是咱們的星辰大海！

最後@Michael.Lu目前在西安求職，有興趣的單位能夠聯繫@早讀君。