【同說】小天童鞋：「不斷學習，不斷成長」

前言

這個同說計劃，早讀君一直沒忘，在郵箱中還收藏着幾個童鞋分享他們的經歷。今天分享的是@小天童鞋，有一段時間看他在朋友圈寫了不少感性的文章，那個時候很是有興趣邀請他來寫一寫他的經歷。

正文從這開始～

寫在前面的話

今天睜開眼睛，習慣性的打開微信朋友圈查看早讀課的推送，發現今天的頭條既不是大大的招聘貼也不是乾貨的分享，看到【同說】覺得是XXX，怪我想多了，打開一看是一個活動的召集貼啊，看介紹看的彷佛一大堆小夥伴朝我走來同樣，隨機立馬留言「支持」表示支持。

細細看完以後發現這個活動真心的不錯，他就像婚戀活動中的「非誠勿擾」同樣，讓咱們在芸芸衆生中能有機會找到身邊的那個志同道合的小夥伴，聽起來就很nice的一個想法。

而後就收到了「情封」（早讀君）大大的微信，說讓我試着也寫寫參與這個活動，分享一下本身。真的很謝謝早讀君的邀請，給了我莫大的勇氣，由於我原本持觀望態度的，打算是先看看別人的分享再決定是否動手，由於本身道行不夠，可能也沒有那麼多的乾貨分享。可是，當我看到徵稿貼下面的那句「勇敢秀出你本身，對孤單say no！」時，加上早讀君的誠邀，因而我決定本週就赴約寫一篇關於本身的前端之旅，就當拋磚引玉吧！接下來是個人旅程，我在南京，期待你能看到！

 

自我介紹

首先來個自我介紹，網上一直稱本身爲「小天同窗」，男，90後的尾巴，喜歡寫做攝影，對於設計很感興趣，可是本職是「前端家族」中的一員。有着文藝的性格，卻沒有文藝的膽子。

我目前就任在美麗的人文古都·南京。這個城市同樣有着像北上廣那樣的夢想，這個城市同樣有着生機和活力，這個城市同樣有着朝氣蓬勃的年輕人。天天咱們能夠坐着不像北京那樣擁擠的地鐵上班，每週咱們能夠約3兩好友去公園景區郊遊，每個月咱們能夠找到城市那頭的朋友小聚喝酒。咱們能夠一塊兒去拍照，去長江大橋看黃昏的江景，去總統府感覺民國風情，去中山陵瞻仰國父的天下爲公，去夫子廟探尋金陵十三釵的遺蹟，去明城牆感覺古時巍峨的城防……這裏還有不少美好，這裏就是南京期待和你一塊兒發現更多的美好。

個人工做前面也說了是前端工程師，入行已經快3年了，目前一邊寫代碼，一邊在公司負責了一個不到10人的小團隊作着前端的事情，有時候也會思考怎麼能讓你們更好的工做，怎麼能讓你們都保持一顆學習進步的心，怎麼能讓咱們一塊兒都在成長。

 

前端之旅的開始

關於入行，我不知道該從何時開始算起，由於我在知道大學被錄取的時候（2009年），在入學前就開始在家裏自學html和css了，雖說只是簡單的基礎的基礎。那時候以爲用簡單的幾行代碼幾個標籤在瀏覽器裏就能出來一個很酷的效果或者一個簡單的網站，當時以爲很神奇，真的很讓我着迷。在學習了簡單的基礎以後，我就到網上找各類免費的建站和免費的博客折騰起來，這也許算是啓蒙的入門吧，從這裏我發現個人興趣。

而後大學學的是計算機的本科，大家懂的前三年都是枯燥的理論課，該學的不應學的都一塊兒來了，什麼：信息技術導論、程序設計基礎、數據結構、離散數學、面向對象程序設計(Java)、計算機組成原理、網絡基本原理、數字邏輯、數據庫原理與應用、操做系統、網絡安全與管理、TCP/IP協議與網絡編程、操做系統、計算機網絡、面向對象程序設計(C++)、軟件工程、軟件測試技術等等。

這和我預想的不同，我原本覺得就是學習如何開發製做網站，多是那時過小還不懂，這些都是基礎吧。可是隨着理論課程學習的結束，實踐課程的增多，咱們開始實際上手一些簡單的業務系統的開發，最基本的像「新聞發佈系統」、博客系統等等。我在完成功能的基礎上總會對前端花更多的時間去寫，把你們都是千篇一概的東西作的不同，作美美的優化，每次也都能在視覺上更受老師的親賴，所以就更有成就感和更加有興趣去作去學。這也是鼓勵着我去自學的動力吧。

畢業前夕，外出找實習，由於那時對於畢業後本身該從事什麼樣的工做不是那麼清晰，又由於對於前端設計和開發又更有興趣，因而在實習的時候就在朋友的推薦下找了一份設計的工做，沒錯就是通俗的美工。天天的工做就是簡單的頁面設計，天天對着PS，AI等等。可是三個月下來總感受作的有點吃力，可能這才意識到喜歡的未必適合看成工做那麼簡單，當時又感受不是專業對口，有種辜負本身4年的學習成果的感受，因而實習結束後就重新找了專業對口的工做，就是如今的這個工做單位。

剛進咱們公司我是以「web開發」的身份進來的，由於我大學學的是後端的開發，前一個月仍是作着後端的工做，天天都是Java、數據庫、增刪查改、SQL等等，雖然作的也不錯，可是發現同事作的前端的開發我更加的感興趣，這也是我第一次接觸到真正的前端開發工做的內容，因而就申請轉到前端開發上來。而後就開始了個人前端之旅。

 

如何成長

在剛開始作前端的時候，說真的雖然有點基礎，可是可謂也是小白一枚，基本的切圖都不能算得上會啊。由於我以前的那點基礎，與面臨的工做相比真的是九牛一毛啊。面對工做有了挑戰，就開始着手努力學習吧。

剛開始，爲了完成工做，就不停的請教同事，不厭其煩的，從基本的頁面佈局和各類熟悉又陌生的html標籤和css屬性開始，每一次都是看同事作好的頁面去研究，那塊是怎麼寫的用了什麼標籤，這塊怎麼寫的用了什麼css屬性，爲何這塊這樣寫更好，爲何行內元素裏不要套塊級元素……從這些基本的開始，從簡單的頁面開始，慢慢的上手，慢慢的在實戰中練習，遇到問題首先就百度按照搜到的方法去試，管用的話就先記在本身的小本子上，搜不到的就去找同事請教，學到後再記在小本子上。由於那時公司尚未徹底意義上的前端團隊因此也就沒有導師會帶，只能本身主動的去請教。遇到瀏覽器兼容問題，這個確實是須要經驗來處理的，一樣知道解決方案後就把經驗記下來，就這樣日復一日的積累着，慢慢的把那些不會的變成本身的，再內化到本身的知識體系中。那段時間工做比較忙，再加上本身新手知道本身水平不行，就努力學習抓住一切實戰的機會去練習去感覺，幾乎那段時間天天都會加班到很晚，可是那段時間真的是進步最快的一段時間。

讓我從一個前端小白慢慢的開始有了感受，對於通常的切圖和交互都可以不那麼費勁的實現了。可是我又發現，這只是可以應付工做了，可是有些知識仍是不紮實，不成體系。對於Javascript也只是能看懂別人的代碼去修改，而讓本身去從0開始寫的話，仍是很費勁的，因而開始計劃着，把相關的HTML、CSS和Javascript的基礎知識再成體系的去看一遍。因而在經典的W3school上把對應的課程看了一遍。而後我又買了一本很厚的犀牛書，而後又開始買了「鋒利的jQuery」，開始啃書。期間不斷的在網上看各類大神的經驗分享，關注前端知名的博客閱讀他們的文章，其中張鑫旭大大的看的最多了，由於不少基礎性的和進階的都結合例子講的很通俗易懂。隨着本身的知識的增長，慢慢的也開始思考代碼的質量和可維護性，開始關注命名規範、編碼規範、團隊協做規範等等的事情，如今有個習慣就是看到一個網站的效果天然而然的就是F12查看源碼，估計就是那時學習時留下的習慣，那時候看到別人的效果是怎麼寫的就會去看別人的html怎麼寫的，CSS怎麼寫的，class是怎麼命名的等等。

以前同事們用的編輯器是DW，那個很重的編輯器，由於當時邊作能夠邊看到效果用起來感受還不錯，可是DW過重了，並且代碼補全等功能不完善，因此慢慢的放棄了他投入到高效的編輯器，如今用的最多的仍是Sublime，輕·強·快用着順手，效率天然也就高了。我就倡導你們改用這個編輯器，畢竟好東西要分享。

就這樣在2014年的6月份，隨着項目的工做量增大，前端同窗的增多，公司考慮成立一個小團隊，來造成一個規範的戰鬥集體，更好的工做。多是個人認真好學，多是我進步的神速，領導竟然讓我負責組建和建設這個團隊，這不只是對我工做的確定更是對個人一種信任。因而我就帶着更多的責任帶起了這個小團隊，開始規劃項目中的基本規範、基本類庫、基本的協做方式、基本的學習培訓計劃等等。

隨着學習的深刻，我慢慢知道了前端自動化，AMD、CMD等的模塊化加載器，sass、less等css預處理器，bootstrap前端框架等等的一些更加新的更加可以提升咱們工做效率的工具和框架。隨着移動端的到來，也慢慢的開始涉足移動端的開發，接觸到了HTML5結合CSS3的開發，接觸到了響應式開發等等。開始研究學習，不僅僅是爲了本身提升，也是爲了團隊將來的發展方向。由於咱們是在公司的產品基礎上作前端開發的，因此難免有所限制，這也是我在探索如何能結合咱們目前環境使用這些新的工具和框架。

如今隨着這幾年的前端行業的發展，新的框架和工具層出不窮，特別是node出現以後，基於node的工具和框架真的如雨後春筍般涌現出來。雖然咱們還來不及探索和學習全部的框架和技術，可是這些新的出現正是激勵着我和個人團隊往前走，不斷的進步，不斷的追隨。

目前，我對於技術的研究也就是看看那些新的東西，不能說深刻只是略懂有待實踐，探索一下對於團隊哪些是能夠用的哪些是咱們目前還不能在工做中適用的。由於如今帶領一個小小的團隊，平時對於團隊的建設，對於學習培訓，對於管理等方面的知識學習的多了一點，思考的多了一點。不管怎麼說我本身也才入行3年多左右，對於技術仍然不能鬆懈，不管是爲了本身仍是爲了團隊，讓咱們都保持一顆熱愛學習的心態，共同進步成長。

由於只有成長才能掙得在這個社會更好生活的資本。

期待·你

期待你是開朗活潑的，你是技術大牛或者有一顆努力學習進步的心，這樣咱們能夠相互切磋而後共同進步。

期待，與你們的面基，帶着你的抱怨、你的心得、你的感悟、你的經驗！我在南京，但願你能看到。

 

書籍推薦

其實看書不是不少，主要是在網上學習，因此推薦的書也就經典的入門款吧：

• 《CSS權威指南》

• 《Javascript高級程序設計》

• 《Javascript權威指南》

• 《鋒利的jquery》