前端學習資料分享

02-01

拿一篇半年前的回答作為一篇資料分享給各位同學。

本人性別男，愛好女，入門級前端小白一隻，談談我這幾個月學習的經歷和體驗吧。

本人大三學生，三月份開始在公司實習，開始接觸前端，因此也一發不可收拾的對前端技術產生了濃厚的興趣，因此也積累了一部分學習經驗，希望對正在接觸學習前端的童鞋有所幫助。

-———————————————————————————-

萬事難開頭。

首先，你要對前端的整個知識體系有一個大致的了解，要知道學習前端要學習哪些技術，對這些技術有一個最初的認識，之後才是深入學習。

前端最基礎也是最重要的知識點：html5 , css3 ,javascript

在講學習之前，還有一個很重要的事情，那就是寫！博！客！為什麼我們學了很多東西都會忘掉？很多時候我們學了，一時記住了，但是時間一長就會忘掉，再去重新學習又會浪費很多時間，那該怎麼辦呢？在學習的時候就把重要的知識點、難點都記錄下來，以博客的形式存下來，這可以說是一個程序員所必備的好習慣。博客的形式可以有很多種，CSDN，博客園之類的都可以，如果你想自己動手做一個那是最好不過的啦~不過在前端基礎很薄弱的情況下，建議自己搭博客可以選擇框架，比如WordPress或者是hexo，都是很好的。

下面進入主題。

了解前端：

前端開發者手冊：https://dwqs.gitbooks.io/frontenddevhandbook/content/** —系統介紹了前端的各種技術以及學習的途徑，有大量的學習資源鏈接，很贊的網站。
前端知識體系：前端知識體系** —前端的知識體系詳解，各種外鏈可以學習，贊
WEB知識結構：GitHub - JacksonTian/fks: 前端技能匯總 Frontend Knowledge Structure** —詳細介紹了WEB的知識結構以及各種前端相關的知識、要點等。

學習前端：

慕課網前端路線：Web前端工程師** —裡面有詳細的學習路線及課程，可以循序漸進的學習，內容比較豐富，適合初學者。但是學到後面會有點難度，所以要記得做筆記，寫博客。
極客學院：http://www.jikexueyuan.com/course/web/** — 極客學院的課程相對與慕課網來說，基礎的教學更多，而且都是以視屏的形式來展現，很適合初學者。就是有個會員制度，當然你每個月邀請一個好友註冊你就有30天的VIP可以免費看視屏，還是不錯的。
廖雪峰教程：JavaScript教程** —這個JavaScript教程我看了幾遍，裡面講的東西會讓你覺得與JavaScript相見恨晚，對很多需要注意的東西比如JavaScript中的一些坑都有比較詳細的講解，會讓你在學習過程中少走很多彎路。
前端入門教程：web前端開發分享** —入門級教程，對入門小白很友好。

前端工具：

git: 版本管理工具介紹** / Git教程 - 廖雪峰的官方網站** —git已經成為程序員生活中必不可少的一部分了，值得學，必須學！
github：版本控制入門** —介紹了github的使用，github怎麼樣，誰用誰知道。
grunt: Grunt-beginner前端自動化工具** —前端的自動化工具。

資源：

前端免費書籍：GitHub - vhf/free-programming-books: Freely available programming books** —免費的書，對提升很有幫助。
免費的中文書籍檢索：GitHub - justjavac/free-programming-books-zh_CN: 免費的計算機編程類中文書籍，歡迎投稿**

以上就是這麼多，還有我自己收藏的部分學習視頻，來自極客學院、慕課網等，下面分享出來：

HTML5開發：https://pan.baidu.com/s/1hsDaOEK** 密碼:zpuw
HTML5基礎: https://pan.baidu.com/s/1jHZbj5W** 密碼: v2jj
CSS3基礎: https://pan.baidu.com/s/1gft0cJT** 密碼: g5bb
JavaScript基礎: https://pan.baidu.com/s/1gfqcqYZ** 密碼: ich9
HTML5遊戲開發：https://pan.baidu.com/s/1hrByF1E** 密碼: 8zxd
Bootstrap: https://pan.baidu.com/s/1mi0HxzE** 密碼: n6c5

-—————————————————————-

總結

前端技術發展很快，資源也在不斷更新，所以做前端開發需要一直不停地學習。各位前端以及走向前端的童鞋們，加油！相信天道酬勤！

本文是我曾經的一篇知乎回答，這裡就拿過來作為學習資源分享給大家。歡迎大家關注我的同名微信公眾號：WeCode365。