2019新版前端與移動(dòng)開發(fā)學(xué)習(xí)路線圖（視頻+工具+書籍+資源）

寫在前面：本帖干貨較多耐心閱讀收獲頗豐。

傳智播客黑馬程序員作為一個(gè)IT學(xué)習(xí)平臺(tái)，歷經(jīng)13年的成長，免費(fèi)分享視頻教程長達(dá)10萬余小時(shí)，累計(jì)下載量超3000萬次，受益人數(shù)達(dá)千萬。2019年我們不忘初心，繼續(xù)前行!路線圖的宗旨就是分享，專業(yè)，便利，讓更多想要學(xué)習(xí)IT的人都能系統(tǒng)的學(xué)習(xí)!從今天起不要再找借口，不要再說想學(xué)卻沒有資源，趕快行動(dòng)起來，前端與移動(dòng)開發(fā)等你來探索，高薪距你只差一步!注：新版前端與移動(dòng)開發(fā)學(xué)習(xí)大綱于2018年12月20日完成升級(jí)，本學(xué)習(xí)路線圖依據(jù)最新升級(jí)后的規(guī)劃制作!

一、2019版前端與移動(dòng)開發(fā)學(xué)習(xí)路線圖---每階段可掌握的能力及各階段覆蓋的關(guān)鍵字

二、2019版前端與移動(dòng)開發(fā)學(xué)習(xí)路線圖---學(xué)習(xí)大綱及各階段知識(shí)點(diǎn)

三、2019版前端與移動(dòng)開發(fā)學(xué)習(xí)路線圖--升級(jí)后新增知識(shí)點(diǎn)設(shè)計(jì)理念

四、2019版前端與移動(dòng)開發(fā)學(xué)習(xí)路線圖已更新至2023年新版，具體如下：

　　新版前端學(xué)習(xí)路線圖所含視頻教程，均按照學(xué)科最新的技術(shù)方向精選而來，從0基礎(chǔ)入門，到實(shí)戰(zhàn)精通，及面試就業(yè)一步到位。黑馬技術(shù)大咖深入淺出，一線大廠實(shí)用技術(shù)點(diǎn)和解決方案全覆蓋，細(xì)嚼慢喂，好消化、易吸收。幫助零基礎(chǔ)學(xué)生實(shí)現(xiàn)快速入門，初級(jí)開發(fā)者進(jìn)階，挑戰(zhàn)高薪offer !（ps:點(diǎn)擊視頻封面和課程名稱均可跳轉(zhuǎn)到學(xué)習(xí)頁奧~）

　　　　　　新手入門：HTML5+CSS3+實(shí)戰(zhàn)項(xiàng)目 → 移動(dòng)web

　　　　　　JavaScript階段： JavaScript基礎(chǔ) → JavaScript核心Web APIs → 數(shù)據(jù)交互 & 異步編程Ajax\Git

　　　　　　VUE開發(fā)： 框架前置課Nodejs&es6 → Vue2+Vue3全套

　　　　　　React + 微信小程序： React → TypeScript → 微信小程序

第一階段 基礎(chǔ)入門

　　學(xué)前導(dǎo)讀：為零基礎(chǔ)學(xué)員量身定制，教你搭建PC端和移動(dòng)端靜態(tài)頁面，讓你從小白升級(jí)成網(wǎng)頁“化妝師”，輕松掌握 HTML5 和 CSS3 相關(guān)知識(shí)。

　　1.Web前端零基礎(chǔ)入門HTML5+CSS3+前端項(xiàng)目(二選一學(xué)習(xí)即可)

　　本課程從前端開發(fā)環(huán)境開始講解，課程內(nèi)容既包含企業(yè)中制作網(wǎng)頁的基礎(chǔ)知識(shí)，又包含企業(yè)PC端網(wǎng)頁和移動(dòng)端網(wǎng)頁的制作流程，通過每日案例、學(xué)成在線和小兔鮮兒、極速問診、酷我手機(jī)網(wǎng)頁、騰訊全端等多個(gè)項(xiàng)目掌握多端網(wǎng)頁制作技巧，輕松學(xué)習(xí)HTML5和CSS3。

　　課程中和課程尾配備兩個(gè)實(shí)戰(zhàn)項(xiàng)目，項(xiàng)目一類型是企業(yè)站，可以讓同學(xué)們快速的將基礎(chǔ)知識(shí)點(diǎn)進(jìn)行反復(fù)練習(xí);項(xiàng)目二類型是電商站，可以讓同學(xué)們掌握更復(fù)雜的網(wǎng)頁效果的開發(fā)流程和布局標(biāo)準(zhǔn)。本教程嚴(yán)格按照專業(yè)的開發(fā)流程：專業(yè)的測量工具，做到100%還原設(shè)計(jì)稿。

　　2.移動(dòng)web開發(fā)實(shí)戰(zhàn)

　　本課程采用2+5模式, 前兩天承接HTML+CSS, 使用字體圖標(biāo)、平面轉(zhuǎn)換、動(dòng)畫等，豐富網(wǎng)頁效果和呈現(xiàn)方式；后5天完成移動(dòng)端和多端適配效果。課程采用閉環(huán)方式設(shè)計(jì)，每天課程都有完整的案例或項(xiàng)目， 讓學(xué)生學(xué)以致用。  

第二階段 技術(shù)進(jìn)階

　　學(xué)前導(dǎo)讀：讓網(wǎng)頁“動(dòng)”起來，帶你學(xué)會(huì)前端工程師核心語言——JavaScript，實(shí)現(xiàn)網(wǎng)頁數(shù)據(jù)交互與動(dòng)畫效果，并實(shí)現(xiàn)與后端數(shù)據(jù)的聯(lián)通。

　　1.2023新版JavaScript入門到精通全套教程

　　本課程是Pink老師最新版JavaScript課程，主要講解JavaScript核心知識(shí)，包含最新ES6語法，從基礎(chǔ)到API再到高級(jí)。讓你一邊學(xué)習(xí)一邊練習(xí)，重點(diǎn)知識(shí)及時(shí)實(shí)踐，同時(shí)每天安排大量作業(yè)，加深記憶，鞏固學(xué)習(xí)成果。

　　2.JavaScript核心之Web APIs

　　學(xué)習(xí)客戶端開發(fā)技術(shù)，能夠根據(jù)產(chǎn)品需求完成開發(fā)任務(wù)，如視覺交互、數(shù)據(jù)處理、安全、性能等，熟練掌握 DOM 操作的方法，能夠分析視覺交互需求，結(jié)合 CSS 規(guī)則設(shè)計(jì)合理的 DOM 結(jié)構(gòu)，完成開發(fā)任務(wù)。

　　3.數(shù)據(jù)交互&異步編程-前端進(jìn)階Ajax零基礎(chǔ)入門

　　本課程案例豐富，知識(shí)點(diǎn)配套的案例豐富多樣，滿足學(xué)生學(xué)習(xí)的興趣 ;深入原理，會(huì)深入講解如何封裝自己的模板引擎和 Ajax 函數(shù);涵蓋廣泛，涵蓋了 Ajax、跨域、JSONP、模板引擎、節(jié)流防抖、XHR Level2 等常用技術(shù)。

第三階段 VUE開發(fā)

　　學(xué)前導(dǎo)讀：掌握多行業(yè)解決方案，項(xiàng)目開發(fā)拿來即用，幫你搞定前端工程師必備熱門框架Vue.js。

　　1.前端高級(jí)Node.js零基礎(chǔ)入門教程

本套課程作為框架前置課，重點(diǎn)為學(xué)生鋪墊 npm、包、模塊化、身份認(rèn)證、CORS 跨域等主要知識(shí)點(diǎn)，為學(xué)習(xí)后面的 Vue 課程夯實(shí)基礎(chǔ)。同時(shí)，本課程涵蓋了 MySQL 數(shù)據(jù)庫、API 接口項(xiàng)目開發(fā)等后端內(nèi)容，拓寬了學(xué)生的知識(shí)面，為前端學(xué)生構(gòu)建了前后端完整的知識(shí)體系，助力學(xué)生更好地發(fā)展。

　　2.前端框架Vue2+Vue3全套視頻

　　歷經(jīng) 5 年的反復(fù)打磨與錘煉，黑馬程序員重磅推出全套新版的 Vue2 + Vue3 基礎(chǔ)課程。共計(jì) 500 多集的免費(fèi)視頻，助您輕松掌握前端 Vue 框架!

第四階段 React&小程序開發(fā)

　　學(xué)前導(dǎo)讀：React幫你解鎖中高級(jí)前端工程師能力地圖，多端項(xiàng)目讓你滿足90%+企業(yè)需求。

　　1.前端React精品教程

　　React 是時(shí)下流行的前端框架之一，是很多大廠的選擇前端開發(fā)框架!歷經(jīng)數(shù)月精心研發(fā)，內(nèi)容包括：React 腳手架、JSX、函數(shù)組件、類組件、受控組件、組件通訊、Context、組件生命周期、高階組等等技術(shù)。

　　2、TypeScript零基礎(chǔ)入門到實(shí)戰(zhàn)

　　從零開始學(xué)習(xí) TypeScript，上手時(shí)不需要工程化配置，完全沒有任何學(xué)習(xí)負(fù)擔(dān)。涵蓋全套知識(shí)點(diǎn)，從 TypeScript 基礎(chǔ)類型，到高級(jí)類型，到 TypeScript 的類型聲明文件，再到配合 React 的使用，一應(yīng)俱全。除了純粹的類型外，還包括 TypeScript 類型兼容性、結(jié)構(gòu)化類型等 TypeScript 原理內(nèi)容。

　　3.手把手快速帶你開發(fā)微信小程序

　　本課程從小程序賬號(hào)注冊(cè)、開發(fā)環(huán)境搭建、基礎(chǔ)語法、路由導(dǎo)航、數(shù)據(jù)請(qǐng)求、分包、組件化等方面詳細(xì)闡述了小程序開發(fā)必備的基礎(chǔ)知識(shí)。學(xué)完基礎(chǔ)之后，利用 uni-app 技術(shù)實(shí)現(xiàn)微信小程序的開發(fā)，可以做到一次開發(fā)多端部署。項(xiàng)目擁有首頁、搜索頁、商品列表頁、商品詳情頁、購物車、登錄支付等主要功能。涵蓋了分包、vuex、組件化開發(fā)等核心技術(shù)點(diǎn)的使用。

八、前端與移動(dòng)開發(fā)學(xué)習(xí)各階段配套書籍推薦

自傳智播客成立以來，一直秉承“為莘莘學(xué)子改變命運(yùn)而講課，為千萬學(xué)生少走彎路而著書”的使命，始終以一種探索鉆研的精神，持一顆工匠之心耕耘。13年來，共出版書籍65本，教材發(fā)行總量135余萬冊(cè)，覆蓋高校1072余所，并作為“NITE國家信息技術(shù)緊缺人才培養(yǎng)工程”指定教材。關(guān)于前端與移動(dòng)開發(fā)學(xué)習(xí)，播妞推薦以下6本書↓↓(注教材可在社區(qū)進(jìn)行免費(fèi)兌換：傳送門→積分商城)

九、前端與移動(dòng)開發(fā)學(xué)習(xí)面試題推薦篇