此篇文章推薦有想法學習前端，已經上路琢磨web前端的朋友們。
之前很多朋友跟我說，自學編程的時候，總是摸不清頭腦，一大推問題需要解決，種種書籍需要去啃，字符、單詞都需要去記。就感覺要費上很多時間，居然擔憂青春飯是否能吃到？
實際上，是實戰過少項目，或者沒有自己做過。凡事都是從0到1的過程，從1到100就非常簡單了
小編為各位想加入程序猿大軍，加入前端的朋友們整理了30個實戰項目列表，有非常詳細的教程。選擇幾個進行學習，或者發揮自己的想象去完成自己的項目
還有屬於小編收集精選的整套自學視頻，獲取方式在文末
歡迎大家裝載+分享。給需要學習的朋友們
項目列表：
1.【HTML5 canvas龍捲風動畫製作】
2.【CSS3 七夕表白頁面特效】
3.【CSS 20行代碼見證七色花動畫】
4.【HTML5 敲出一個牛逼的雪景】
5.【CSS3特效拉窗簾】
6.【HTML5遊戲項目】
7.【英雄聯盟官網特效】
8.【web動畫形成原理-滾動】
9.【天貓官網必用技術——懶加載】
10.【CSS3炫酷的輪播特效】
11.【css實現點擊圖片切換】
12.【CSS3大型企業官網】
13【WEB煙霧夢幻特效】
14.【解析渲染原理-解析渲染原理】
15.【實現3d炫酷相冊】
16.【純html css 打造女神輪播圖】
17.【植物大戰殭屍網頁版】：
18.【陰陽師遊戲角色動態展示卡】：
19.【絕地求生官網頁面製作】：
20.【canvas噴泉效果】
21.【video音頻效果】
22.【鬼畜奔跑吧小綿羊】
23.【網頁精靈寵物】
24.【RequireJS來製圖】
25.【網頁製作貪吃蛇】
26.【vue動畫】
27.【vue音樂播放器】
28.【React電影項目】
29.【H5實現一個微信小遊戲】
30.【web安全技術】
文末
資料視頻教程領取方式：
關注小編後私信【6】就可以得到我整理的這些前端資料了（私信方法：點擊我頭像進我主頁有個上面有個私信按鈕）
這裡小編是一個有著5年工作經驗的前端工程師，關於web前端有一個完整學習web前端的路線，學習材料和工具。需要的夥伴可以私信我，發送“前端”就可以獲取領取地址，免費送給大家。對於學習web前端有任何問題（學習方法，學習效率，如何就業）都可以問我。希望你也能憑自己的努力，成為下一個優秀的程序員！
