有小夥伴私信小編，零基礎入門前端很吃力，許多地方根本不知道應該怎麼進行下去。因此小編收集了一套前端零基礎入門的視頻教程（學完就可以去找工作哪種哦）今天免費分享給大家。希望小夥伴們可以對照著小編文中提到的知識點一步步學習，最終可以找到適合自己的工作！但還是那句話，如果你不努力，就算有千萬個人幫助你，最終也會一事無成！
第一階段：WEB基礎
第二階段：javaScript
第三階段：jQuery
第四階段：Ajax
第五階段：H5新特性
第六階段：AngularJs
第七階段：模塊化
第八階段：前端構建工具
第九階段：React
第十階段：Vue
第十一階段：小程序
下面檸檬給大家簡單介紹幾個web練手項目：
小米官網：
項目描述
首先選擇小米官網為第一個實戰案例，是因為剛開始入門，有個參考點，另外站點比較偏向目前的卡片式設計，實現常見效果。目的為學者練習編寫小米官網，熟悉div+css佈局。
項目技術：
HTML+CSS+Div佈局
迅雷官網：
項目描述
此站點特效較多，所以通過練習編寫次站點，學生可以更多練習CSS3的新特性過渡與動畫的實現，並且可以很好的練習div+css佈局。
項目技術：
HTML5+CSS3新特性
音樂播放器：
項目描述
本項目為音樂類項目，主要實現音樂首頁展示，今日推薦類別，歌曲列表，歌曲播放及歌手列表和搜索功能。主要練習Vue的基礎應用和組件如何設計。項目如何構架與測試。通過本項目可以讓學者更快的熟悉Vue框架的使用。並且熟練的構建整個項目需求的架構。
項目技術：
Vue+Flex+Vue-Router+Webpack+ES6
項目描述
此階段的內容為微信小程序開發，本階段並非以基礎知識點開始入手講解，基於學者經歷過以上的學習，在此時已經掌握項目框架，包含常見的一些實現規範，所以，這裡我們將直接講解項目，根據項目需求的效果使用微信小程序技術實現對應功能。
項目技術：
Love：
項目描述
這是一款為女性專門打造的App，推薦更好的產品，產品包含化妝用品，護理用品，穿戴用品。功能包含瀏覽，推薦，活動，購物車與購買功能
項目技術：
HTML+CSS+JavaScript+第三方框架
以上教程+項目檸檬已經全部打包整理好了，請大家轉發+關注並私信小編：“資料”統統免費送給你！
閱讀更多 web檸檬老師 的文章
