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

翻譯 | 小愛

學(xué)習(xí)前端很難，主要原因是這個(gè)領(lǐng)域發(fā)展迅速，很容易讓人迷失在各種各樣的框架、庫和開發(fā)工具中。想要成長為前端開發(fā)人員，你必須專注于基本要素。

我從外行轉(zhuǎn)到前端開發(fā)的過程中，有5個(gè)技巧對我有用，現(xiàn)在我也把它分享給你，希望對你也有所幫助。

1、制定計(jì)劃

你需要知道自己的目標(biāo)，成為一個(gè)最佳前端開發(fā)人員。要實(shí)現(xiàn)它，你必須制定一個(gè)計(jì)劃。

如果你查看Twitter或工作職位，通常，你會(huì)看到將自己稱為前端開發(fā)人員需要知道了解10到20件事，這樣一個(gè)長長的列表，實(shí)在是太荒謬了。

你不需要知道所有，其實(shí)也一樣可以找到工作。有時(shí)，即使是經(jīng)驗(yàn)豐富的開發(fā)人員也不是所有都知道，都懂。

因此，Web前端開發(fā)建立在三個(gè)基礎(chǔ)技能上：

HTML
CSS
JavaScript

就是這三項(xiàng)，你可以使用這三項(xiàng)技能來構(gòu)建幾乎所有內(nèi)容。如果你很好的掌握了它們，那么，找到一份前端開發(fā)的工作足夠了。當(dāng)然，你還需要了解一兩個(gè)JavaScript框架，這樣就更加好了。

認(rèn)真的學(xué)習(xí)這三項(xiàng)基礎(chǔ)技能。

不要一開始就是學(xué)習(xí)Vue.js，React，Angular等，最后，你再選擇一個(gè)框架并堅(jiān)持下去。

如何選擇要學(xué)習(xí)的框架？我的個(gè)人建議是，選擇你感興趣的和就業(yè)市場需求大那個(gè)框架。如果有很多針對初級Angular開發(fā)人員的需求，那么，請學(xué)習(xí)Angular。如果其他框架需求大，請選擇需求大的那個(gè)。如果不確定，那就選擇一個(gè)自己感興趣并且流行的框架，當(dāng)然，你還可以選擇React，總歸，需要學(xué)習(xí)一個(gè)框架。

那工作要求中列出的其他技術(shù)又如何呢？你應(yīng)該閱讀一些有關(guān)它們的內(nèi)容，但是，你幾乎可以忽略它們。

學(xué)習(xí)Git的基礎(chǔ)知識也很重要，但是，你可以在一兩天內(nèi)完成。樣式化的組件，如果，你知道JavaScript和CSS，就可以快速掌握它們。模塊捆綁器，你很可能會(huì)在職業(yè)生涯中長期使用入門包。

在開始時(shí)，你需要學(xué)習(xí)一些可以幫助你解決你工作中問題的知識。當(dāng)有人開始為你的技能提供工作時(shí)，你可以學(xué)習(xí)更多知識并提高技能。

2、一次學(xué)習(xí)專注一件事

你知道該學(xué)什么了，接下來就是該采取行動(dòng)了。

第一步是將你需要學(xué)習(xí)的所有內(nèi)容分為可管理的知識部分。請牢記兩個(gè)主要規(guī)則：

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

開始真的很簡單。僅使用HTML元素創(chuàng)建網(wǎng)站，完全不使用CSS。具有一個(gè)圖像的簡單頁面或具有少量輸入的頁面。熟悉HTML及其在瀏覽器中的外觀至關(guān)重要。

不要著急，不要添加CSS或JavaScript。比較你的網(wǎng)站在不同瀏覽器中的外觀。你會(huì)為這些差異感到驚訝。

稍后，開始嘗試CSS。同樣，開始非常簡單。以Google主頁為例-沒什么花樣，沒什么復(fù)雜。像這樣創(chuàng)建網(wǎng)站并習(xí)慣CSS。然后在此基礎(chǔ)上建立。

對CSS感到滿意后，才開始學(xué)習(xí)JavaScript。

始終一次只邁出一步。忽略你將要采取的步驟以外的所有事情。隨著時(shí)間的流逝，技術(shù)越來越熟練，請嘗試構(gòu)建越來越全面的網(wǎng)站。

3、建立學(xué)習(xí)習(xí)慣

人們通常想學(xué)習(xí)編碼，但是，他們認(rèn)為他們沒有時(shí)間每天都這樣做。他們每兩個(gè)星期才用一個(gè)周末時(shí)間來學(xué)習(xí)，但是，你不能將學(xué)習(xí)時(shí)間花在工作日上。

這樣看起來好像很合理。如果，你平均可以在兩天內(nèi)學(xué)習(xí)16個(gè)小時(shí)，那就像在16天內(nèi)每天學(xué)習(xí)一小時(shí)一樣。但這是不合理的。你的學(xué)習(xí)與平均水平無關(guān)。這取決于規(guī)律性。

想一想，你不能要求自己每周訓(xùn)練一次，就想成為專業(yè)運(yùn)動(dòng)員，這個(gè)是不可能的事情。那么，你如何每一周學(xué)習(xí)一次并成為軟件開發(fā)人員呢？

在兩次練習(xí)之間的日子里，你會(huì)忘記一切。而且，你無法連續(xù)數(shù)小時(shí)有效地學(xué)習(xí)。你會(huì)太累而無法從學(xué)習(xí)中受益。

學(xué)習(xí)數(shù)小時(shí)的編碼很容易。每天學(xué)習(xí)編碼是一個(gè)挑戰(zhàn)。

為了克服日常的掙扎，你需要以明智的方式解決它。你必須養(yǎng)成編程習(xí)慣。你的目標(biāo)是將學(xué)習(xí)從瑣事轉(zhuǎn)變?yōu)槟銊倓傄龅氖虑?。即使每天只?5分鐘的學(xué)習(xí)時(shí)間，也要這樣做。這將會(huì)使你養(yǎng)成一個(gè)學(xué)習(xí)習(xí)慣，從而也會(huì)變得容易。

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

4、邊干邊學(xué)

我喜歡學(xué)習(xí)理論。計(jì)算機(jī)科學(xué)令人著迷，觀看課程使我放松，編程博客很棒。

但是，有一個(gè)問題。

當(dāng)你閱讀或只是看著別人做某事時(shí)，你不會(huì)進(jìn)步很多。你可能會(huì)花費(fèi)數(shù)周的時(shí)間使用最好的資源，但仍然學(xué)不到任何東西。為什么？因?yàn)槲覀儧]有邊做邊學(xué)，沒有把學(xué)習(xí)的知識付諸實(shí)踐，理論知識就會(huì)迅速消失。

那你該怎么辦？

通過實(shí)踐學(xué)習(xí)，跳過理論，直接從事業(yè)務(wù)。

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

建立網(wǎng)站，建立應(yīng)用程序，成功與否并不重要，重要的是尋找解決學(xué)習(xí)方案的方法。

為何通過實(shí)踐學(xué)習(xí)如此有效？

一開始，你將不會(huì)知道自己是否喜歡學(xué)習(xí)這項(xiàng)新技能。在開始做之前，你無法確定。因此，不要浪費(fèi)時(shí)間，盡快開始。

這項(xiàng)新技能是學(xué)習(xí)HTML，還是某種新穎的框架都沒關(guān)系。你必須嘗試一下，看看是否要這樣做。如果學(xué)習(xí)能夠給你帶來快樂，并且你可以看到自己進(jìn)步的進(jìn)度，則表明你走了正確的道路。如果每項(xiàng)新任務(wù)都讓人感到掙扎，那么，從長遠(yuǎn)來看，這可能不是你想要做的事情。

建立學(xué)習(xí)內(nèi)容組合。

你可以觀看數(shù)百小時(shí)的課程，但是到最后，你將無法證明自己學(xué)到了新技能。

對你未來的雇主而言，你建立編寫了25個(gè)網(wǎng)站的內(nèi)容，比你說你觀看了25個(gè)小時(shí)的視頻，或者說閱讀了一百篇文章更令人印象深刻以及更加有說服力。

擊敗拖延癥

你的頭腦在欺騙你。它會(huì)假裝你只是在觀看視頻，做飯和同時(shí)發(fā)短信時(shí)正在學(xué)習(xí)。拖延癥是一個(gè)偷偷摸摸的野獸。

你可以通過做事來克服拖延癥。觀看有關(guān)編程語言最新功能的視頻時(shí)，你常常會(huì)分心。但是要構(gòu)建應(yīng)用程序，你必須專注。

做讓自己滿意的事情

要堅(jiān)持你的習(xí)慣，它們應(yīng)該使你滿意。在困難時(shí)期，這可以讓你繼續(xù)前進(jìn)。還有比做可以向他人展示的事情更令人滿意的事情嗎？

5、信任學(xué)習(xí)過程

學(xué)習(xí)是失敗的藝術(shù)，你會(huì)失敗很多，你會(huì)灰心。有時(shí)候，你會(huì)覺得自己像地球上最愚蠢的人，永遠(yuǎn)不會(huì)學(xué)會(huì)編碼。

假設(shè)你的期望過高而感到失望很正常的。我無法保護(hù)你免受失敗的困擾，但是，我可以跟你分享一件，當(dāng)我感覺自己失敗時(shí)，我是怎么做的。

專注于過程，而不是結(jié)果。

結(jié)果超出了你的控制范圍。你可以制定一個(gè)周計(jì)劃，例如在一周內(nèi)掌握J(rèn)avaScript知識技能。但是，你可能會(huì)失敗。

我們不善于預(yù)測未來，因?yàn)榧寄芤约耙婚T學(xué)科的復(fù)雜性，不是短時(shí)間內(nèi)就可以輕松掌握的。

所以，失敗也不用灰心，你需要通過專注于學(xué)習(xí)的過程，而不是學(xué)習(xí)的結(jié)果。

你一天可以學(xué)習(xí)一個(gè)小時(shí)的JavaScript。一周后，如果你還每天都堅(jiān)持學(xué)習(xí)，那么你就成功了。你通過堅(jiān)持學(xué)習(xí)，也許還會(huì)再過幾天，你就會(huì)了。重要的是你做了自己想要做的事情。成功將會(huì)來臨，你只需要信任該過程。

結(jié)論

以上就是我的一些學(xué)習(xí)編程的經(jīng)驗(yàn)分享，希望我的這些分享對你有所幫助，如果你還有什么要補(bǔ)充的話，請?jiān)诹粞詤^(qū)給我留言。

感謝你的閱讀。

學(xué)習(xí)更多技能
請點(diǎn)擊下方公眾號

如何自學(xué)前端，這里有5個(gè)技巧值得借鑒

1、制定計(jì)劃

2、一次學(xué)習(xí)專注一件事