5個有效學習前端的技巧

英文 | ​​https://betterprogramming.pub/5-tips-to-learn-frontend-effectively-7f17afec9004​​

翻譯 | 小愛

學習前端很難，主要原因是這個領域發展迅速，很容易讓人迷失在各種各樣的架構、庫和開發工具中。想要成長為前端開發人員，你必須專注于基本要素。

我從外行轉到前端開發的過程中，有5個技巧對我有用，現在我也把它分享給你，希望對你也有所幫助。

1、制定計劃

你需要知道自己的目标，成為一個最佳前端開發人員。要實作它，你必須制定一個計劃。

如果你檢視Twitter或工作職位，通常，你會看到将自己稱為前端開發人員需要知道了解10到20件事，這樣一個長長的清單，實在是太荒謬了。

你不需要知道所有，其實也一樣可以找到工作。有時，即使是經驗豐富的開發人員也不是所有都知道，都懂。

是以，Web前端開發建立在三個基礎技能上：

• HTML
• CSS
• JavaScript

就是這三項，你可以使用這三項技能來建構幾乎所有内容。如果你很好的掌握了它們，那麼，找到一份前端開發的工作足夠了。當然，你還需要了解一兩個JavaScript架構，這樣就更加好了。

認真的學習這三項基礎技能。​

不要一開始就是學習Vue.js，React，Angular等，最後，你再選擇一個架構并堅持下去。

如何選擇要學習的架構？我的個人建議是，選擇你感興趣的和就業市場需求大那個架構。如果有很多針對初級Angular開發人員的需求，那麼，請學習Angular。如果其他架構需求大，請選擇需求大的那個。如果不确定，那就選擇一個自己感興趣并且流行的架構，當然，你還可以選擇React，總歸，需要學習一個架構。

那工作要求中列出的其他技術又如何呢？你應該閱讀一些有關它們的内容，但是，你幾乎可以忽略它們。

學習Git的基礎知識也很重要，但是，你可以在一兩天内完成。樣式化的元件，如果，你知道JavaScript和CSS，就可以快速掌握它們。子產品捆綁器，你很可能會在職業生涯中長期使用入門包。

在開始時，你需要學習一些可以幫助你解決你工作中問題的知識。當有人開始為你的技能提供工作時，你可以學習更多知識并提高技能。

2、一次學習專注一件事

你知道該學什麼了，接下來就是該采取行動了。

第一步是将你需要學習的所有内容分為可管理的知識部分。請牢記兩個主要規則：

• 從簡單開始。
• 一次專注于一件事。

開始真的很簡單。僅使用HTML元素建立網站，完全不使用CSS。具有一個圖像的簡單頁面或具有少量輸入的頁面。熟悉HTML及其在浏覽器中的外觀至關重要。

不要着急，不要添加CSS或JavaScript。比較你的網站在不同浏覽器中的外觀。你會為這些差異感到驚訝。

稍後，開始嘗試CSS。同樣，開始非常簡單。以Google首頁為例-沒什麼花樣，沒什麼複雜。像這樣建立網站并習慣CSS。然後在此基礎上建立。

對CSS感到滿意後，才開始學習JavaScript。

始終一次隻邁出一步。忽略你将要采取的步驟以外的所有事情。随着時間的流逝，技術越來越熟練，請嘗試建構越來越全面的網站。

3、建立學習習慣

人們通常想學習編碼，但是，他們認為他們沒有時間每天都這樣做。他們每兩個星期才用一個周末時間來學習，但是，你不能将學習時間花在工作日上。

這樣看起來好像很合理。如果，你平均可以在兩天内學習16個小時，那就像在16天内每天學習一小時一樣。但這是不合理的。你的學習與平均水準無關。這取決于規律性。

想一想，你不能要求自己每周訓練一次，就想成為專業運動員，這個是不可能的事情。那麼，你如何每一周學習一次并成為軟體開發人員呢？

在兩次練習之間的日子裡，你會忘記一切。而且，你無法連續數小時有效地學習。你會太累而無法從學習中受益。

學習數小時的編碼很容易。每天學習編碼是一個挑戰。

為了克服日常的掙紮，你需要以明智的方式解決它。你必須養成程式設計習慣。你的目标是将學習從瑣事轉變為你剛剛要做的事情。即使每天隻有15分鐘的學習時間，也要這樣做。這将會使你養成一個學習習慣，進而也會變得容易。

每天學習一個小時比每周學習七個小時效率更高。如果你在周末有更多的空閑時間，請使用它，把學習任務增加一下。但是請記住，規律性比每天盡可能多的時間擠壓更為重要。

4、邊幹邊學

我喜歡學習理論。計算機科學令人着迷，觀看課程使我放松，程式設計部落格很棒。

但是，有一個問題。

當你閱讀或隻是看着别人做某事時，你不會進步很多。你可能會花費數周的時間使用最好的資源，但仍然學不到任何東西。為什麼？因為我們沒有邊做邊學，沒有把學習的知識付諸實踐，理論知識就會迅速消失。

那你該怎麼辦？

通過實踐學習，跳過理論，直接從事業務。

可能感覺太簡單了，但事實并非如此。通過雙手實線是最好的學習方法。

建立網站，建立應用程式，成功與否并不重要，重要的是尋找解決學習方案的方法。

為何通過實踐學習如此有效？​

一開始，你将不會知道自己是否喜歡學習這項新技能。在開始做之前，你無法确定。是以，不要浪費時間，盡快開始。

這項新技能是學習HTML，還是某種新穎的架構都沒關系。你必須嘗試一下，看看是否要這樣做。如果學習能夠給你帶來快樂，并且你可以看到自己進步的進度，則表明你走了正确的道路。如果每項新任務都讓人感到掙紮，那麼，從長遠來看，這可能不是你想要做的事情。

建立學習内容組合。

你可以觀看數百小時的課程，但是到最後，你将無法證明自己學到了新技能。

對你未來的雇主而言，你建立編寫了25個網站的内容，比你說你觀看了25個小時的視訊，或者說閱讀了一百篇文章更令人印象深刻以及更加有說服力。

擊敗拖延症​

你的頭腦在欺騙你。它會假裝你隻是在觀看視訊，做飯和同時發短信時正在學習。拖延症是一個偷偷摸摸的野獸。

你可以通過做事來克服拖延症。觀看有關程式設計語言最新功能的視訊時，你常常會分心。但是要建構應用程式，你必須專注。

做讓自己滿意的事情​

要堅持你的習慣，它們應該使你滿意。在困難時期，這可以讓你繼續前進。還有比做可以向他人展示的事情更令人滿意的事情嗎？

5、信任學習過程

學習是失敗的藝術，你會失敗很多，你會灰心。有時候，你會覺得自己像地球上最愚蠢的人，永遠不會學會編碼。

假設你的期望過高而感到失望很正常的。我無法保護你免受失敗的困擾，但是，我可以跟你分享一件，當我感覺自己失敗時，我是怎麼做的。

專注于過程，而不是結果。​

結果超出了你的控制範圍。你可以制定一個周計劃，例如在一周内掌握JavaScript知識技能。但是，你可能會失敗。

我們不善于預測未來，因為技能以及一門學科的複雜性，不是短時間内就可以輕松掌握的。

是以，失敗也不用灰心，你需要通過專注于學習的過程，而不是學習的結果。

你一天可以學習一個小時的JavaScript。一周後，如果你還每天都堅持學習，那麼你就成功了。你通過堅持學習，也許還會再過幾天，你就會了。重要的是你做了自己想要做的事情。成功将會來臨，你隻需要信任該過程。

結論