Web前端在近幾年越來越受追捧，很多童鞋或者職場小伙伴想要提升技能-學(xué)習(xí)Web前端。
這是非常好的事情，但問題在于很多人不知道學(xué)前端做什么，所以什么零碎細(xì)末、艱難晦澀、長篇大論的都去看，很容易陷入學(xué)不下去的困境。必須要有針對性、選擇性地學(xué)！針對性學(xué)習(xí)宗旨是按需去學(xué)，學(xué)以致用。
因此騰訊大佬推薦的大型Web前端教程，我今天分享出來，希望可以幫助正在學(xué)習(xí)前端的你！
Web前端10大特點：
易于學(xué)習(xí)：web前端語言是所有語言中最好上手的語言，簡單易學(xué)。只要是懂一點英語，邏輯 思維不是很差的人很快就能學(xué)會。
易于閱讀：前端代碼的定義非常清晰。
易于維護(hù)：web前端的成功在于它的源代碼是相當(dāng)容易維護(hù)的。擁有超高性價比，輕松維護(hù)開發(fā)成本也不高，使用起來十分的方便。
前端未來發(fā)展無限：就未來互聯(lián)網(wǎng)發(fā)展趨勢來看，前端無疑前景無限，優(yōu)勢明顯，無論是擇業(yè)，跳行，還是繼續(xù)深造都是不錯的選擇。
擁有出色的、人性化的用戶體驗：前端網(wǎng)站可以自動偵測設(shè)備屏幕的大小，對網(wǎng)站的內(nèi)容和布局靈活調(diào)整，讓網(wǎng)站在任何設(shè)備上都有令人驚艷的顯示效果。
為了避免漫無目零散的學(xué)習(xí)方式，我已經(jīng)整理好了粉絲福利
需要這些資料，可以關(guān)注公眾號 清風(fēng)酔 領(lǐng)取
內(nèi)容共分15章，講解了web前端的方方面面, 可以作為前端學(xué)習(xí)者的“寶典”。同時，穿插了5個大型實戰(zhàn)項目：
1. 青竹電商平臺（PC端）
某電商公司的在線購物平臺項目, 主要方便廣大用戶在線購物的需 求, 快速下單, 在家就可享受到愉快購物的便捷。項目模塊包括：用戶管理， 訂單服務(wù)，購物車服務(wù)，商品 類別管理，商品管理，支付管理，消息管理，頻道管理，廣告管理等。
2. 俄羅斯方塊
俄羅斯方塊（Tetris， 俄文：Тетрис）是一款由俄羅斯人阿列克謝·帕 基特諾夫于1984年6月發(fā)明的休閑游戲。
該游戲曾經(jīng)被多家公司代理過。經(jīng)過多輪訴訟后，該游戲的代理權(quán)最 終被任天堂獲得。任天堂對于俄羅斯方塊來說意義重大，因為將它與GB搭配在一起后，獲得了巨大的成功。 《俄羅斯方塊》的基本規(guī)則是移動、旋轉(zhuǎn) 和擺放游戲自動輸出的各種方塊，使之排列成完整的一行或多行并且消除得分。
3. flflappy bird游戲(canvas)
《flflappy bird》是一款由來自越南的獨(dú)立游戲開發(fā)者Dong Nguyen所開發(fā)的作品，游戲于2013年5月24日上線，并在2014年2月突然暴紅。2014年2月，《Flappy Bird》被開發(fā)者本人從蘋果及谷歌應(yīng)用商店撤下。2014年8月份正式回歸APP STORE，正式加入Flappy迷們期待已久的多人對戰(zhàn)模式。游戲中玩家必須控制一只小鳥，跨越由各種不同長度水管所組成的障 礙。
4.網(wǎng)易云音樂（Vue框架移動端）
網(wǎng)易云音樂是一款由網(wǎng)易開發(fā)的音樂產(chǎn)品，是網(wǎng)易杭州研究院的成果，依托專業(yè)音樂人、DJ、好友推薦及社交功能，在線音樂服務(wù)主打歌單、社交、大牌推薦和音樂指紋，以歌單、DJ節(jié)目、社交、地理位置為核心要素，主打發(fā)現(xiàn)和分享。
5.后臺管理系統(tǒng)(React框架PC端)
后臺管理系統(tǒng)是內(nèi)容管理系統(tǒng)Content Manage System（簡稱CMS）的一個子集。 內(nèi)容管理系統(tǒng)是企業(yè)信息化建設(shè)和電子政務(wù)的新寵，也是一個相對較新的市場。對于內(nèi)容管理，業(yè)界還沒有一個統(tǒng)一的定義，不同的機(jī)構(gòu)有不同的理解。
WMS是Web Management System 的簡寫，簡單的說：WMS是一個網(wǎng)站管理系統(tǒng)。一個網(wǎng)站管理系統(tǒng)是把一個網(wǎng)站的內(nèi)容（文字，圖片，等等）與網(wǎng)站的組件分離開來，可以將各個頁面連接到一起，可以控制頁面的顯示。
本套視頻一共400集，本套視頻共分3季：
第一季 【基礎(chǔ)篇】web基礎(chǔ) （100集）
第二季 【提高篇】web深入和擴(kuò)展（200集）
第三季 【擴(kuò)展篇】小程序、web移動端、vue3.0、Flutter、react（115集）
第1階段 HTML+CSS
1:掌握HTML基礎(chǔ)語法
HTML超文本標(biāo)記語言【結(jié)構(gòu)層】是web前端入門知識點，讓你認(rèn)知互聯(lián)網(wǎng)實現(xiàn)原理、以及企業(yè)內(nèi)常見布局方式，即使你沒有接觸過其他語言，也會輕松的轉(zhuǎn)行到web前端開發(fā)。
2:掌握CSS層疊樣式
掌握了HTML基礎(chǔ)語法以后，你會發(fā)現(xiàn)我們網(wǎng)站外觀不是很美觀，那接下來我們會通過學(xué)習(xí)CSS層疊樣式【樣式層】，讓我們網(wǎng)站更加美觀、美化。
3:真是企業(yè)級項目驅(qū)動知識點
如果HTML與CSS這部分基礎(chǔ)知識掌握了，那我我們就可以利用這些技術(shù)去搭建屬于我們的靜態(tài)網(wǎng)站，會體驗到真是企業(yè)中開發(fā)流程與經(jīng)驗。
第2階段 JavaScript
JavaScript腳本語言簡稱【JS】，是web前端中最重要一部分知識點， 第二階段主要掌握J(rèn)S腳本語言核心語法，可以實現(xiàn)人與網(wǎng)站進(jìn)行交互效果。
第3階段 HTML5與移動端
2015年的時候超文本標(biāo)記語言進(jìn)行第五次重大修改，稱之為HTML5。在這次重大修改當(dāng)中新增很多語義化標(biāo)簽、樣式、存儲功能、媒體功能等。 這個階段目的，需要掌握HTML5新特性、可以利用H5制作出一些炫酷效果，以及企業(yè)中常用到多媒體功能等。
第4階段 面對對象編程與畫布
掌握面向?qū)ο缶幊趟枷搿τ陬惻c實例可以清晰理解。理解面向?qū)ο缶幊倘筇卣鳎豪^承、封裝、多態(tài)。此階段屬于中級部分課程，也是為了后面框架課程在做準(zhǔn)備，此階段可以難度指數(shù)相對強(qiáng)一些，最終可以達(dá)到自己開發(fā)出一款屬于自己的游戲。
第5階段 ES6
掌握 ECMAScript6、7、8、9、10 新的語法。也是框架必備技能， 這部分知識點是 JavaScript 腳本語言新的寫法，重要知識點有類、箭頭函數(shù)、數(shù)組迭代方法、 promise 異步解決方法等等。對于新的技術(shù)誕生、新的語法出現(xiàn)，對于任何語言開發(fā)人員都 是一樣的需要掌握新的事物、以及構(gòu)建化工具 webpack、rollup 等等
第6階段 React框架
React 主要用于構(gòu)建 UI。你可以在 React 里傳遞多種類型的參數(shù)，如聲明代碼，幫助你渲染 出 UI、也可以是靜態(tài)的 HTML DOM 元素、也可以傳遞動態(tài)變量、甚至是可交互的應(yīng)用組件。 通過此框架可以深入理解單頁面應(yīng)用開發(fā)。
第7階段 Vue框架
通過上一階段 React 框架學(xué)習(xí)，其實就是為了 Vue 框架進(jìn)行鋪墊的。在大陸前端開發(fā)中 Vue 火熱程度遠(yuǎn)遠(yuǎn)高度React。Vue.js 自身不是一個全能框架，它只聚焦于視圖層。因此它非常容易學(xué)習(xí)，非常容易與其 它庫或已有項目整合。另一方面，在與相關(guān)工具和支持庫一起使用時Vue.js 也能完美地驅(qū)動復(fù)雜的單頁應(yīng)用。
第8階段 小程序與uniapp
微信小程序，小程序的一種，英文名 Wechat Mini Program，是一種不需要下載安裝即可使 用的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或搜一下即可打開應(yīng)用。
第9階段 Flutter
Flutter 是 Google 開源的 UI 工具包，幫助開發(fā)者通過一套代碼庫高 效構(gòu)建多平臺精美應(yīng) 用，支持移動、Web、桌面和嵌入式平臺。Flutter 開源、免費(fèi)，擁有寬松的開源協(xié)議，適合商業(yè)項目。
