之前很多朋友跟我說，自學程式設計的時候，總是摸不清頭腦，一大推問題需要解決，種種書籍需要去啃，字元、單詞都需要去記。就感覺要費上很多時間，居然擔憂青春飯是否能吃到？
實際上，是實戰的太少項目，或者沒有自己做過。凡事都是從0到1的過程，從1到100就非常簡單了
是以今天給大家整理了40個前端實戰項目，裡面的代碼都很有代表性和實用性，不隻是可以用來練手，而且在以後的工作中都很有實在的用處！【文末拿！！！】
1. HTML .5 canvas龍卷風動畫制作
2.CSS3七夕表白頁面特效
3.CSS20行代碼見證七色花動畫
4.HTML5敲出一個牛逼的雪景
5.CSS3特效拉窗簾
6.HTML.5遊戲項目
7.英雄聯盟官網特效
8.web動畫形成原理滾動
9.天貓官網必用技術-懶加載
10.CSS3炫酷的輪播特效
11.css實作點選圖檔切換
12.CSS3大型企業官網
13.WEB煙霧夢幻特效
14.解析渲染原了解析渲染原理
15.實作3d炫酷相冊
16.純htmlcss 打造女神輪播圖
17.植物大戰僵屍網頁版
18.陰陽師遊戲角色動态展示卡
19.絕地求生官網頁面制作
34、仿小米電商網站
35、仿網易雲音樂
36、React全家桶新聞釋出管理系統
37、簡書背景管理系統
38、移動端網站布局打造自己的“手機A
39、Web支付開發(支付寶和微信支付)
40、貪吃蛇小遊戲
擷取方式：