此篇文章推薦有想法學(xué)習(xí)前端，已經(jīng)上路琢磨web前端的朋友們。

之前很多朋友跟我說，自學(xué)編程的時候，總是摸不清頭腦，一大推問題需要解決，種種書籍需要去啃，字符、單詞都需要去記。就感覺要費上很多時間，居然擔(dān)憂青春飯是否能吃到？

實際上，是實戰(zhàn)過少項目，或者沒有自己做過。凡事都是從0到1的過程，從1到100就非常簡單了

小編為各位想加入程序猿大軍，加入前端的朋友們整理了30個實戰(zhàn)項目列表，有非常詳細的教程。選擇幾個進行學(xué)習(xí)，或者發(fā)揮自己的想象去完成自己的項目

還有屬于小編收集精選的整套自學(xué)視頻，獲取方式在文末

歡迎大家裝載+分享。給需要學(xué)習(xí)的朋友們

項目列表：

1.【HTML5 canvas龍卷風(fēng)動畫制作】

2.【CSS3 七夕表白頁面特效】

3.【CSS 20行代碼見證七色花動畫】

4.【HTML5 敲出一個牛逼的雪景】

5.【CSS3特效拉窗簾】

6.【HTML5游戲項目】

7.【英雄聯(lián)盟官網(wǎng)特效】

8.【web動畫形成原理-滾動】

9.【天貓官網(wǎng)必用技術(shù)——懶加載】

10.【CSS3炫酷的輪播特效】

11.【css實現(xiàn)點擊圖片切換】

12.【CSS3大型企業(yè)官網(wǎng)】

13【W(wǎng)EB煙霧夢幻特效】

14.【解析渲染原理-解析渲染原理】

15.【實現(xiàn)3d炫酷相冊】

16.【純html css 打造女神輪播圖】

17.【植物大戰(zhàn)僵尸網(wǎng)頁版】：

18.【陰陽師游戲角色動態(tài)展示卡】：

19.【絕地求生官網(wǎng)頁面制作】：

20.【canvas噴泉效果】

21.【video音頻效果】

22.【鬼畜奔跑吧小綿羊】

23.【網(wǎng)頁精靈寵物】

24.【RequireJS來制圖】

25.【網(wǎng)頁制作貪吃蛇】

26.【vue動畫】

27.【vue音樂播放器】

28.【React電影項目】

29.【H5實現(xiàn)一個微信小游戲】

30.【web安全技術(shù)】

為了幫助大家學(xué)習(xí)前端，讓學(xué)習(xí)變得輕松，高效！今天給大家分享一套教學(xué)資源，從最零基礎(chǔ)開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等幫助大家在學(xué)習(xí)Web前端的道路上披荊斬棘

希望這篇文章能給你帶來一些幫助，幫助你打開學(xué)習(xí)web前端的新大門！

資料已整理好了，由于篇幅有限，就不一一展示了，需要所有PDF的話，領(lǐng)取方式在下方哦

1.一鍵三連+關(guān)注

2.后臺主動打招呼“學(xué)習(xí)”??