自學前端

想要看書自學的話先看看這個前端書籍的測評吧！

前端界最火的20本書籍評測，很多程序員都看錯書了 - 寫代碼啦！?

xiedaimala.com

自學的話其實效率比較低，想要高效自學，那可以看看一些同樣是在學習的人寫的博客

小谷悠悠伴我行?

zhuanlan.zhihu.com圖標

這裡目前為止收集了757篇前端學習知識點總結了，你想要的HTML入門、CSS入門、JS總結，都有！

都是和你一樣想要學習的同道中人學習的經驗，跟著他們的技能點來一個個夯實基礎也不錯哦！

有時候遇到不太懂的知識點可以來這裡看看幾位前端大佬的文章，很多都是自學很難搞懂，但是面試里經常問的點

飢人谷前端學習指南?

zhuanlan.zhihu.com圖標

學習首先就要學習如何學習的方法，然後再去學習會事半功倍

前端學習路線和技巧 - 寫代碼啦！?

xiedaimala.com

（如果不想自學，想要報班學習的話可以私信我，飢人谷做前端培訓很多年了，我們線上和線下都開設了班級，詳細情況可以給你發試看課程親自了解一下~不說太多以免廣告）

零基礎學習大概要多久？

這個要看你是以什麼目標來學習的，只是想要學習自己做個網頁玩玩，那很簡單啊，只要隨便找個做網站的視頻跟著敲代碼，能夠實現效果就行

但是你如果想要之後從事前端工作的，那這不是隨便學學就好的，而且自學是很難在段時間內可以掌握前端的所有知識點和達到找工作的目的的，現在的前端市場不是幾年前，你只要會HTML、CSS、JS、JQuery就能去工作了，基礎不紮實，是肯定找不到工作的。

全面學習的話，你如果是在職學習，每天學2個小時的話，大概6個月吧，但是要每天不間斷，保持學習的狀態，周末用來總結和複習

要是全天學習，按照每天學習6個小時算，大概4個月左右吧

但是這個時間是你已經準備好學習的資料了，非常順利地跟著你的學習資料學習下來的一個周期，如果你是這邊找點資料學習，那邊找點視頻看，那你要花費的時間就不一定了

再不論你遇到問題的時候可能就要卡個1天2天，如果沒有人問的話，甚至一直解決不了都有可能。

其實在學習的時候找資料和沒有問解答，是最浪費時間的，因為你不知道你學習的東西到底是不是正確的，努力的方向是不是正確的。

但是自學肯定比不去學習要好很多啦！

假如覺得自學效率不高，想要讓老師幫你安排好學習，那來飢人谷了解一下前端學習吧，可以私聊我~

另外，想知道從事前端8年的程序員現在的狀態嗎？來看飢人谷-方方老師 @方應杭 的回答吧！

老油條程序員：我做前端開發8年了！ - 寫代碼啦！?

xiedaimala.com

來說一下學習時間。

我們通常把人群歸為三類，學渣，普通和學霸。

目標設定為能夠獨立完成項目，達到入職的水準。

每天都以8個小時的時間來計算。

學渣通常需要6~8個月。

普通需要4~6個月。

學霸需要2~3個月。

嗯，都是零基礎。

那如果不是零基礎的呢？

比如說，學過幾個月的CSS，學過幾個月的JS，做過貪吃蛇啥的。

或者是計算機專業的學生。

學習前端的速度會顯著加快嗎？

會有提升，但不會顯著加快。

那影響學習時間的主要因素都有哪些，各自是什麼呢？

我們來試著總結一下。

1 學習方法

2 時間利用率

3 學習環境

4 分享討論

5 項目經驗

6 知識深度

7 知識寬度

8 知識基礎

暫時寫這幾點。

今天心情不好，就隨便寫寫。

學習環境，排在第一位，如果你在家自主學習，很容易被打斷，學習環境好，你未必能學得好，但是學習環境差，你一定學不好。

這是很多人在家自學失敗的最重要的原因。

其他的等心情好了再說。

前言：

學習的話無非是兩種方式了，一種是自學，一種就是報班學習了。

前端學習的周期：

作者：墨客

鏈接：https://www.zhihu.com/question/414530455/answer/1412459640來源：知乎著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。階段一在學習前端之前呢，你需要一個編輯器，在網上你可以看到很多編輯器用來編寫前端，甚至 Windows 系統默認的文本文檔也可以作為前端代碼的編輯器。俗話說，沒有金剛鑽怎麼攬瓷器活，所以一個好的編輯器很重要，我再這裡推薦給大家的編輯器是 VSCode。

一、HTML+CSS

前端的入門門檻是極低的，主要體現在 HTML 和 CSS 部分，運行環境就是瀏覽器，HTML 和 CSS 不是編程語言，HTML 是結構標籤，CSS 是結構標籤的樣式配置。HTML
  1. 屬性
  2. 事件
  3. 標籤
  4. 字符集CSS
  5. CSS基礎教程
  6. CSS樣式
  7. CSS框模型
  8. CSS定位
  9. CSS選擇器
  10. CSS高級

前端基礎筆記html

前端基礎筆記以上內容的學慣用時 12 天左右，再花 2 天的時間項目實踐，這部分總花費時間在 14 天左右。二、HTML5+CSS3

前端基礎練習題（請查收）

以上內容用時10天左右，這部分內容是在 HTML+CSS 做的升級改進，只需要了解他們的一些特性即可，再結合這些特性做一些小項目加深學習。三、Javascript

以上內容的學慣用時 40 天左右，這裡推薦幾本 Javascript 的書籍，如下：

  • 《JavaScript 高級程序設計（第3版）》，俗稱紅寶書。前七章講的是語言特性，是重點學習的部分，必須需要反覆閱讀，直至完全理解為止。DOM、事件流、表單、JSON、Ajax 與最後幾章也需要重點學習，這是一些常用的 Web API。至於本書的其餘部分大致讀一下就可以，不做重點要求。
  • 《JavaScript 語言精粹》，俗稱蝴蝶書。很薄的一本書總頁數就 147 頁，花一天時間就能看完，快的話半天就能看完。這本書雖然很薄，但是承載的內容卻非常的豐厚和深入。JavaScript是一門有很多坑的語言，所以這本書」取其精華，去其糟粕「就是精粹了。
  • 《你不知道的 JS》非常精彩的一本書，將 JavaScript 的細節一網打盡

下面是整理的一些電子書籍和基礎的資料。

階段二

這部分內容是對 JavaScript 的補充學習

一、Jquery

4. 事件
  • 事件綁定
  • 事件冒泡

5. 動畫

  • show、hide
  • fadeIn、fadeOut
  • slideUp、slideDown
  • 自定義動畫animate
  • 動畫回調以及停止動畫

6. 常用工具

  • 瀏覽器及特性檢測
  • 數組和對象操作
  • Layer UI，主要學習柵格布局，圖標，動畫，按鈕，表單，導航，選項卡，進度條，面板，表格，時間線等

7. Ajax

8. Jquery插件編寫

五、ES6進階

六、Bootstrap七、其他

  1. animate.css學習（擴展）
  2. PS切圖學習

以上內容的學慣用時15 天左右

階段三這部分是框架和前後端交互技術的學習一、VUE

二、React

三、Node

四、webpack

以上內容用時60天左右

階段四（擴展部分，了解即可）一、Mysql

以上學習周期在8天左右

階段五一、項目管理篇

四、綜合項目實戰

教務管理系統（node+express+mysql）實現，以上內容學慣用時 30天 左右教務管理系統（node+express+mysql）下面是推薦的一些筆記基礎練習題一個月入15K從事前端存留的JavaScript學習筆錄（一）前端基礎視頻鏈接：https://pan.baidu.com/s/1G8YIUnFNFGXQoMbmxilZlw 提取碼：4zdh如上推薦的學習周期，你可以借鑒下，自學過程中的話可以先做一個自己的計劃，每天投入多少時間學習，練習的時間是多少，實操這方面是非常重要的，一般建議的話三分之一的時間學和看視頻，三分之二的時間實操和練習案例了，開始的時候一定要把自身的基礎學好，所以學好這些基礎，入手任何前端框架都是很簡單的，有不了解的也可以問我的，加油。

作者：墨客

原文地址：https://www.zhihu.com/question/414530455/answer/1412459640

來源：知乎

文章著作權歸作者所有，如有侵權，請聯繫小編刪除。

學習就是兩種途徑，自學或者是報班：

web前端到底是自學好還是去培訓機構好？有啥差別嗎？?

www.zhihu.com圖標

一般來說，每天能夠拿出6-8個小時，半年的時間是足夠的。

推薦閱讀：
相关文章