↗點擊上方「CSDN」關注我們

作者 | Harrison Davis

翻譯 | Vincent

譯者註：本文作者給讀者支了9個技巧幫助讀者成為一名更好的前端工程師，如果你想對自己的職業生涯有一個好的規劃，或者看看自己還有哪些不足，不妨看一下這篇文章吧。

我應該使用這個插件還是那個庫？ 這個項目我應該是先計劃一下還是直接進入到編碼階段？我應該尋求幫助，還是自己解決問題？

這些問題聽起來覺得熟悉嗎？

我知道你的感受。 因為我也有同樣的感覺。當我開始在日常生活中做到以下幾點時，一切都變了。

無論你是新手還是專業人士，這些技巧都有可能幫助你把你的前端開發職業生涯提升到一個新的高度。

這裡有9個技巧可以幫助你成為一個更好的前端開發人員。

1. 將您的自動化測試提升到一個新的高度

當問題出現在了生產環境中時，這可能會令人非常尷尬了，僅僅通過在一個瀏覽器上運行一下Selenium測試，還不能讓你就放心了。

你應該考慮使用某些更高級的平台（比如Endtest），這些平台可以允許你在跨瀏覽器的雲基礎架構和移動設備實驗室輕鬆地創建和運行自動化測試。

2. 根據項目制定計劃

第一個甚至在一些高級開發人員中也很常見的錯誤就是我們中的大多數人都沒有制定計劃的習慣。

很多人認為制定計劃很無聊，我們不知道該怎麼制定，感覺好像這不應該是我們的工作。

這就是我們經常跳過這一重要步驟的原因。

• 節省你很多時間

• 當最後期限臨近時，減少壓力

• 每天都可以輕鬆地按時完成

計劃沒必要做的很複雜。

計劃只需要簡單地將那些需要從PSD轉換成HTML的模板和元素列表記錄下來，或者將那些複雜的元素分解成更小的部分，然後將它們寫下來就足夠了。

做一個基於項目的簡單的待辦事項清單可以讓你：

• 保持條理性

• 保持頭腦清醒，專註於手頭的工作

• 可以在項目階段的早期將問題突出顯示出來

• 客戶、老闆或項目經理根據你的計劃就可以輕鬆地了解進度

最大的好處就體現在了第二點上面。

• Workflowy — 將模板列錶轉儲到一個Workflowy列表中

• Writemaps — 創建一個網站站點地圖

• Trello — 為每個模板和元素創建一個項目板和卡片

• 鋼筆和紙——雖然這種方式已經過時了，但還是非常有效的

計劃是很重要的，但並不是所有的事情都是可以經過精心策劃的。

3. 主動彙報問題

如果你告訴客戶或老闆事情比預期的要長，項目沒辦法按時交付，我想你肯定覺得糟透了。

主動重點關注那些可能出現的問題或延遲情況，這種方式有助於每個人都保持一種快樂的心態。

如果比最初計劃的時間要長，這是很正常的，但是你自己絕對不可以出現延遲的情況。

你已經有一堆bug了，或者還是搞不清楚某些事情？不僅僅是你一個人有這樣的問題，每個人，即使是最有經驗的開發人員在幾乎每個項目上都有相同的問題。

當這種情況發生時，把問題都拋出來！

每個人都會很感激你的努力付出，讓他們每個人都可以按部就班的工作。

你想取悅你的客戶和老闆嗎？給他們一個簡短的總結，告訴他們你今天做了什麼，明天你將做什麼，把你的顧慮告訴他們。

這個過程只需要5分鐘，如果你使用Workflowy，時間甚至更少。

他們會喜歡你，因為這讓他們有時間去考慮類似於要求客戶提供更多的錢或者延長期限這些B計劃。

為什麼要主動彙報的原因：

• 這會讓你看起來更專業

• 它能提高你的信譽

• 它有助於建立信任

設置每日或每周的提醒將幫助你永遠不要忘記項目進度的更新。

• 谷歌日曆——創建一個簡單的重新發生事件

• Evernote——創建一張你的任務清單，並設置提醒

• iOS提醒——不需要描述，就這樣做吧。

對下一個問題感到好奇嗎？太好了。

4. 保持好奇心

我相信這幾個技巧中最重要的屬性之一就是好奇心。

新的工具、插件、技術和語言幾乎每天都會出現。

重要的是你要對所有的新事物保持開放的態度，並努力去探索和理解它們。

而與此同時，前端開發的美妙之處在於它的發展速度非常快。

這意味著你可以很快成為專家，但你的技能也會很快過時。

提示：你不需要知道所有的事情，只是對一個主題或技巧做一個粗略的概述就行了。當正確的項目出現時，你可以再進行深入的了解。

獲取前端開發相關的新聞來源

• CSS Weekly

• HTML5 Weekly

• JavaScript Weekly

• Responsive Design Weekly

• Sidebar.io

• Web Design Weekly

讓別人過濾掉干擾，只關注最重要的新聞。

5. 豐富自己的開發技能

前端開發以及與之相關的一切都只是一項技能，無論你相信與否，都是可以學習的。

為了成長，你需要對自己投資。我不是說在昂貴的課程、研討會或書籍上花錢，我更想投資你的時間。

沒有捷徑可走，研究表明，掌握一項技能需要大約10000個小時，每周練習40小時的話，這大約需要4年的時間。

準備好熬夜瀏覽其他網站，嘗試新的插件和框架，閱讀web開發博客，收聽播客，以及咀嚼成千上萬的推文。

小貼士：一周安排一點時間去提高自己的開發技能。我知道，如果你的老闆不支持你，這可能會更加困難，但要準備好把你的空閑時間投入到你的事業中去。

為前端開發人員提供有用的博客和播客

• CSS Tricks

• Codrops

• ShopTalk Podcast

• Boagworld Podcast

• Apply Filters Podcast

額外提示：將播客的播放時間設置為1.5倍或2倍的速度將幫助你更快地完成更多的事情。

你說了yes了嗎？

6. 不要對每一事物都說「YES」

客戶和老闆要求都很高，我們都知道這一點。

但是，對每一事物說「是」，最終可能會對你不利，你最終會以更少的努力工作，被壓在泵下，壓力很大。

仔細評估項目的需求與你的哪一項技能相一致。另外，一定要詢問需要支持哪些瀏覽器。

強調項目的哪些部分需要高級幫助，或者需要被排除在項目範圍之外，這沒有什麼錯。

在項目時間線的前面強調這些，將使整個過程從開始到結束都更加順利。

小貼士：不要害怕說出你的技能和特點。誠實是關鍵，但也要確保你不會對每一項都說不。

先生，你說No了嗎？

7. 任何情況下都別說No

與之前的觀點相矛盾的是，但是也很重要的一點就是高效的前端開發人員在每個項目中都可以學習新的東西。

每個項目都是一個很好的實現，之前你可能沒接觸過或者嘗試第一次去做這件事。

對每件事都說不，只做你所熟悉的事情，實際上你是在為個人和事業的發展關上大門。

你很快就會淹沒在普通開發者的海洋中。

另一方面，探索未知的事物會給你一種成就感，滿足感，會讓你不斷地渴望學習新的東西。

提示：選擇一個你想要使用的功能、插件或技術，然後在你的下一個項目中實現它。

如果你需要的話，選擇一位導師來引導你走向正確的方向。

8. 找一位導師

你渴望學習，但不知道從哪裡開始？你應該接下來學些什麼？如何實現這個或那個？

這就是導師們的偉大之處。

找一個比你更有經驗的人，一個樂於幫助你成長的人。

你的導師應該是你尊敬的人，是你想成為的人，一個可以教你如何編碼和避免走彎路的人。

這可能是你的老闆，你的同事 或者你會關注的人。

規模更大的公司可能會有一份正式的 指導計劃，但是如果你在一個小的工作室或者你自己的公司，可以看看互聯網。

跟隨像Chris Coyier、Paul Irish這樣的開發者，或者通過Thinkful或類似的程序來找到導師，可能是一個好主意。

提示：如果你不前進，你就會倒退，特別是在Web開發中。

一個好的導師會幫助你：

• 獲得關於項目方法的建議

• 獲得方向感

• 幫助你預見任何潛在的風險

提示：記住，導師不是那種替代你去做事情的人，也不是站在那裡鼓勵你的人。為了成長，你自己需要保持好奇心，自己給自己鼓勵

還跟我在同一個思路上嗎？太棒了……

9. 保持活躍

在數字行業工作意味著我們要花很多時間盯著電腦屏幕。

在辦公室里坐40-60個小時，遲早會有代價的。

這就是為什麼跟你很注意保持標記的條理性，並對每件事都做出你的評論的重要性相比，用同樣的方式來照顧你的身體也是極其重要的。

健康的身體和健康的頭腦意味著更好的代碼。所以，當你安排一周的活動時，不要忘記包括一些非數字的活動，比如散步、跑步、健身，或者其他可以會讓你忘記周圍的那些活動。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！