如何迅速有效學(xué)習(xí)web前端開發(fā)？

時(shí)間：2023-04-24 03:27:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-04-24 03:27:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

如何迅速有效學(xué)習(xí)web前端開發(fā)？：

什么是高效率學(xué)習(xí)？

一：追求學(xué)習(xí)的性價(jià)比

學(xué)習(xí)性價(jià)比 = 所學(xué)到的有用的知識(shí) ÷ 花費(fèi)的時(shí)間

ps：如果你用了一年時(shí)間，還不能仿站，顯然效率是低的。

想要學(xué)習(xí)性價(jià)比高，就盡力向這兩點(diǎn)努力：

1. 盡量學(xué)有用的知識(shí)，暫時(shí)用不到的可以放在后面學(xué)。

2. 保證學(xué)習(xí)速度，能一下午學(xué)完的知識(shí)點(diǎn)就堅(jiān)決不要拖兩個(gè)下午。

我們來(lái)看看前端哪些知識(shí)是有用的。而且我們要精簡(jiǎn)。

1. 英語(yǔ)

2. HTML + CSS + JS

3. HTTP

4. 瀏覽器 API

這四個(gè)是必然要學(xué)的，沒法再精簡(jiǎn)了。

為什么英語(yǔ)要放在這里？

因?yàn)榫幊倘加糜⑽?，“if” “else” “while” “for” “var” “new”之類。

HTML 中的 <a> 標(biāo)簽的全稱是 “anchor” ，很多人并不記得，這個(gè) a 好記，不記得全稱不要緊。

但有些標(biāo)簽?zāi)悴挥浀萌Q就不行，比如 <abbr> <aside> <blockquote> 。

不少人甚至由于不知道這些單詞的意思而放棄使用這些標(biāo)簽?。?！

CSS 里英語(yǔ)就更重要了，比如 transition、transform、translate，你在不了解英語(yǔ)含義的情況下，很難把這些記下來(lái)。

1. 對(duì)于英語(yǔ)，我的建議是：

設(shè)備上可以裝翻譯工具，哪里不會(huì)點(diǎn)哪里。

抓住可以學(xué)英語(yǔ)的機(jī)會(huì)。比如多用英文軟件，少用漢化版。比如用英文操作系統(tǒng)，不用中文版。這樣你每天都在記單詞了。

2.HTML + CSS + JS 怎么學(xué)？

——看完你就入門了；你成功的前提是你能「堅(jiān)持得下去」。

ps：工作中有很多前端并不怎么會(huì) CSS（在阿里和騰訊都有這樣的前端），所以如果你想更快，那么CSS可以稍微“人性化”一點(diǎn)，就直接實(shí)踐吧！實(shí)踐是解決坑的唯一辦法。

3.HTTP 怎么學(xué)？

看書推薦下《圖解HTTP》但是看書就慢了是不是

還是堅(jiān)持看教程吧

4.瀏覽器 API

比較重要的：文檔對(duì)象模型 (DOM) 和 Window（BOM）。如果你想直接學(xué) React / Vue，DOM 也可以不用看。

—— 任何技術(shù)，只要付出了足夠多的時(shí)間跟精力的時(shí)候，理論上都是可以學(xué)會(huì)的！但是你要明白，學(xué)習(xí)任何東西都是有成本的，如果你是一個(gè)在職人員或者剛畢業(yè)的大學(xué)生，想在IT行業(yè)發(fā)展，這種情況下，你花大量的時(shí)間去自學(xué)就頗有點(diǎn)浪費(fèi)時(shí)間了，遠(yuǎn)不如花店學(xué)費(fèi)，在網(wǎng)上報(bào)個(gè)培訓(xùn)班學(xué)習(xí)來(lái)的快，只要你堅(jiān)持學(xué)習(xí)，跟著老師，找個(gè)工作是沒有問題的。

教學(xué)京東女裝商品頁(yè)面核心實(shí)戰(zhàn)技術(shù)：

零基礎(chǔ)手把手教你暗黑破壞神游戲網(wǎng)頁(yè)開發(fā)：

新手也可以開發(fā)的熱門網(wǎng)游-夢(mèng)幻西游特效頁(yè)：

手把手教你開發(fā)浪漫愛心飄落特效

（學(xué)會(huì)以后做一個(gè)送給專屬的他/她，是不是會(huì)驚喜哦）

二：盡量學(xué)點(diǎn)難學(xué)的東西。

有很多新人說(shuō)「webpack 好難啊，看不懂」

知道為什么你覺得難么？一因?yàn)槟慊A(chǔ)不好；二因?yàn)槟銢]見過更難的東西。

有兩種編輯器叫做 vim 和 Emacs。很多極客都在使用這倆。（ vim）。

去學(xué)學(xué)這倆，回頭看 webpack——像個(gè)兒童玩具。

所以，別老是學(xué)習(xí)一些簡(jiǎn)單的東西，多挑戰(zhàn)難一點(diǎn)的東西。

三：你需要導(dǎo)師。

1、不知道你有沒有受人指導(dǎo)過，反正我在學(xué)編程的路上有很多位導(dǎo)師。

2、導(dǎo)師的作用：

防止你走偏。甚至告訴你捷徑。

幫你理清知識(shí)脈絡(luò)。

解答你的疑問，比如在你有多個(gè)方案但是不確定哪個(gè)是最好的的時(shí)候，教你怎么權(quán)衡。