- 課程體系|
- 知識模塊|
- 項目實例|
- 更新模塊|
- 2024新增|
- 課程特色|
- 課程大綱
尚學(xué)堂
課程優(yōu)勢
課程優(yōu)勢
八大課程體系
前端基礎(chǔ)體系
前后端交互體系
HTML5新特性體系
工程化體系
大數(shù)據(jù)可視化體系
前端三大框架體系
微信相關(guān)體系
2024年新增前沿技術(shù)體系
（224G）前端全套視頻教程領(lǐng)取
二十五個知識模塊
HTML5+CSS3
模塊移動端M站
模塊JavaScript
編程模塊jQuery
模塊BootStrap
模塊HTML5新特性
模塊Nodejs、MySQL與Ajax
模塊模塊化
模塊JavaScript新標(biāo)準(zhǔn)
(ES6\7\8\9)工程化
模塊小程序
模塊React
模塊React輕量級框架之
DvaJSReact輕量級框架之
UmiJSVue
模塊Angular
模塊框架原理
模塊UI組件庫
模塊協(xié)同開發(fā)
模塊大數(shù)據(jù)可視化
模塊微信相關(guān)
模塊WebApp與混合開發(fā)
模塊React-Native
模塊Flutter
模塊uni-app
模塊
貫穿8個企業(yè)級項目
- 百戰(zhàn)商城
- 路上旅游網(wǎng)
- i動音樂
- 電子商戶后臺
- 拍賣網(wǎng)站
- 生鮮采購后臺管理系統(tǒng)
- 房屋海選平臺
- 安心食療小程序
-
項目一：百戰(zhàn)商城
借助PxCook工具，基于設(shè)計稿編寫網(wǎng)頁，確保網(wǎng)頁的高度還原，通過綜合運用 HTML + CSS + JavaScript 技術(shù)，按照實際項目開發(fā)流程，歸納開發(fā)技巧，提升綜合實戰(zhàn)水平，完成企業(yè)級電商項目PC端首頁開發(fā)。
技術(shù)棧：HTML + CSS + JavaScript +Jquery三方庫
-
項目二：路上旅游網(wǎng)
路上旅游網(wǎng)無線官網(wǎng)靠譜的旅游攻略,自由行,自助游分享社區(qū),海量旅游景點圖片、游記、交通、美食、購物等旅游攻略自由行信息。獲取接口動態(tài)數(shù)據(jù)實現(xiàn)數(shù)據(jù)信息，包含輪播圖、推薦攻略、下載加載更多等信息。
技術(shù)棧：HTML5+CSS3+JQuery+Swiper移動端項目
-
項目三：i動音樂
i動音樂是一款專注于發(fā)現(xiàn)與分享的音樂產(chǎn)品，依托專業(yè)音樂人、DJ、好友推薦及社交功能，為用戶打造全新的音樂生活。獲取接口動態(tài)數(shù)據(jù)實現(xiàn)音樂數(shù)據(jù)信息，包含推薦音樂、熱歌榜、搜索等信息以及音樂播放展示。
技術(shù)棧：基于Vue腳手架搭建移動端項目
-
項目四：電子商戶后臺
電子商戶后臺項目是一個大型綜合性的商城后臺管理平臺，主要包含人員管理與商品管理兩個大模塊。其中人員管理主要進行權(quán)限管理，例如只有root才有資格進行注冊全新賬號，不同權(quán)限用戶所能操作產(chǎn)品的權(quán)限不同。
技術(shù)棧：Vue+Vue-router+Vuex+Element-UI+Axios+三方庫
-
項目五：拍賣網(wǎng)站
窮游網(wǎng)鼓勵和幫助中國旅行者以自己的視角和方式體驗世界，為旅行者提供專業(yè)、實用、全面的游旅行指南和旅游攻略，是中國旅行者們分享旅游目的地信息和游記攻略的平臺。
技術(shù)棧：基于React框架實現(xiàn)
-
項目六：生鮮采購后臺管理系統(tǒng)
生鮮采購后臺管理系統(tǒng)項目是一個大型綜合性的商城后臺管理平臺，主要包含產(chǎn)品管理與訂單管理、登錄 三個大模塊。
技術(shù)棧：Vue3+Vue-router+Pinia+Element-Plus+Axios + TypeScript +三方庫
-
項目七：房屋海選平臺
房屋海選平臺主要包含房屋租賃、商城、個人中心、數(shù)據(jù)中心等多個系統(tǒng)。作為互聯(lián)網(wǎng)時代房屋平臺，擁有完善的房屋租賃資源搜索能力，可以根據(jù)城市定位，精確高效的搜索到需要的租賃房源信息。
技術(shù)棧：基于React框架
-
項目八：安心食療小程序
隨著社會時代的發(fā)展，大家都已經(jīng)基本接近小康生活水平。也越來越多的人使用小程序方便自己得生活，不是下載大量得APP軟件。安心食療是一個關(guān)于美食介紹的小程序，同時推薦美食商城可以選購自己喜歡的食物加入購物車，實現(xiàn)購買美食零食。
技術(shù)棧：Vue + Ui-app + 小程序
五大更新模塊
小程序云開發(fā)
React高級框架DvaJS和UmiJS
Vue企業(yè)級電商項目
移動端Flutter課程
React-Native實戰(zhàn)開發(fā)
小程序云開發(fā)
在這個小程序泛濫的時間節(jié)點中，微信小程序是用戶較多的，也是目前企業(yè)的較好選擇，所以小程序開發(fā)工程師需求也是非常大，我們繼增加小程序課程之后，有增加了小程序的云開發(fā)，開發(fā)者可以使用云開發(fā)開發(fā)微信小程序、小游戲，無需搭建服務(wù)器，即可使用云端能力。云開發(fā)為開發(fā)者提供完整的原生云端支持和微信服務(wù)支持，弱化后端和運維概念，無需搭建服務(wù)器，使用平臺提供的 API 進行核心業(yè)務(wù)開發(fā)，即可實現(xiàn)快速上線和迭代，同時這一能力，同開發(fā)者已經(jīng)使用的云服務(wù)相互兼容，并不互斥。
React高級框架DvaJS和UmiJS
在React的技術(shù)棧中，DvaJS和UmiJS幾乎成為了必選，雖然React的學(xué)習(xí)路徑很陡峭，但是這兩個輕量級應(yīng)用框架大大的簡化了React的難度，降低了學(xué)習(xí)難度與應(yīng)用難度。BAT更是把他們視為前端開發(fā)者的必備技能。我們在課程中詳細(xì)講解了這兩個框架的應(yīng)用。無縫對接項目實例開發(fā)。
Vue企業(yè)級電商項目
Vue的出現(xiàn)開始就受到了大量開發(fā)者的追隨，后來者居上，在github上也超過了React的存在，也是目前前端面試的必備技能，我們課程中不僅詳細(xì)的講解了Vue的知識，同時也增加了多個實戰(zhàn)的企業(yè)級項目，例如前臺站點，音樂類項目，后臺管理系統(tǒng)項目等。
移動端Flutter課程
Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。 Flutter可以與現(xiàn)有的代碼一起工作。在全世界，F(xiàn)lutter正在被越來越多的開發(fā)者和組織使用，并且Flutter是完全免費、開源的。一部分的iOS和Android開發(fā)者已經(jīng)轉(zhuǎn)向了Flutter開發(fā)，我們的課程中也同樣增加了這部分的課程，用來充實大家的技術(shù)池。
React-Native實戰(zhàn)開發(fā)
如果說目前通過前端實戰(zhàn)多終端App的開發(fā)最好的解決方案自然就是React-Native了，而且也是目前使用最多的。因為我們的課程中增加了大量的完整的React課程，所以，大家上手React-Native變得非常容易。
第六版(2024版)課程變化
| 新增 |
Vue3 新特性
桌面場景
Flutter 技術(shù)
混合開發(fā)
RN 技術(shù)
UniApp 框架
實時疫情動態(tài)項目
項目部署
封裝工具庫
封裝組件庫
小程序分包
|
| 升級 |
Webpack5 工程化
React17 版本
大數(shù)據(jù)可視化
git 高級操作
小程序云開發(fā)
高級設(shè)計模式
面向?qū)ο缶幊?/div>
事件總線
|
| 強化 |
強化 React 基礎(chǔ)
強化 TypeScript
強化 Vue 實站項目
強化 Nodejs 服務(wù)端
強化大數(shù)據(jù)可視化
強化多終端混合開發(fā)
強化最新 ES 規(guī)范語法實戰(zhàn)
|
| 優(yōu)化 |
Vue 項目性能優(yōu)化
React 項目性能優(yōu)化
Vue 項目國際化
可視化
token 流程體系優(yōu)化
單點登陸實現(xiàn)優(yōu)化
桌面程序打包優(yōu)化
App 構(gòu)建項目優(yōu)化
|
優(yōu)惠2000元（僅限前100名）
不負(fù)春光，和學(xué)習(xí)戀愛
我們的特色
真的實戰(zhàn)類型課程，無論是三大框架
還是小程序都是企業(yè)級實戰(zhàn)項目，
深度體會應(yīng)用場景
根據(jù)學(xué)生需求更新對應(yīng)課程，
適應(yīng)工作需求
移動端課程優(yōu)先，根據(jù)市場需求，
實時調(diào)整課程就業(yè)方法
2024年更新了前端
第六版課程大綱標(biāo)準(zhǔn)
國內(nèi)技術(shù)過硬老師
師資團隊
了解WEB前端（HTML5）
-
目前狀態(tài)
隨著互聯(lián)網(wǎng)與移動互聯(lián)網(wǎng)的迅猛發(fā)展和普及，傳統(tǒng)的站點已經(jīng)不在能滿足人們的需求。而現(xiàn)在網(wǎng)上購物，網(wǎng)上直播，網(wǎng)上訂餐等都已經(jīng)成為生活的一部分。而這些內(nèi)容的呈現(xiàn)，就是WEB前端的展示。當(dāng)你在朋友圈，好友對話中隨手打開的分享頁面，也是WEB前端的展示。（我們嘗試用通俗的方式來解釋前端，可能不夠標(biāo)準(zhǔn)，希望您能理解）
-
發(fā)展前景
2024年，前端仍然是一個非常火爆的專業(yè)，就如我們所見，任何技術(shù)實現(xiàn)的結(jié)果都需要展示給用戶，而這些展示都是需要前端來進行完成。前端也不再是全部依賴于瀏覽器，而使用 native實現(xiàn)的原生 App 也是越來越多公司的選擇。
-
職位方向
前端開發(fā)工程師、小程序開發(fā)工程師、高級前端開發(fā)工程師、前端架構(gòu)師、高級前端架構(gòu)師
-
尚學(xué)堂的前端
1.前端交互層 2.前端邏輯層 3.服務(wù)器層
-
前端交互層
交互層可以理解為特效，我們需要能實現(xiàn)頁面的各種特效，以滿足目前站點的需求，例如動畫、過渡、圖形繪制等
-
前端邏輯層
前端邏輯層主要體現(xiàn)在前端的渲染問題，我們都知道，目前都是前后端分離或者混合開發(fā)，這無疑都是需要前端來進行渲染的。也就是我們要考慮的是：模板+數(shù)據(jù)=頁面
-
服務(wù)器層
作為一名優(yōu)秀的前端開發(fā)者，你需要掌握服務(wù)器相關(guān)內(nèi)容，node 則是我們的優(yōu)先考慮，我們需要構(gòu)建前端工程化，需要服務(wù)器端支持做渲染甚至需要具有完整服務(wù)器端開發(fā)的能力。
前端課程體系大綱
第一階段：網(wǎng)頁布局階段
| 章節(jié)名稱 | 主要學(xué)習(xí)方向 |
◆ 階段說明網(wǎng)頁布局階段是前端開發(fā)工程師必不可少的入門階段，通過講解基礎(chǔ)語法、開發(fā)工具的使用和大量高質(zhì)量案例可以達到穩(wěn)扎基礎(chǔ)，順利入門的效果。網(wǎng)頁布局階段屬于尚學(xué)堂課程中一大特色，專門針對基礎(chǔ)學(xué)員打造，避免上來就學(xué)面向?qū)ο蟮确浅３橄蟾拍?，循序漸進，真正達到了學(xué)員聽得懂、學(xué)得會。 每天一個案例，難度平穩(wěn)增加，避免只學(xué)理論，避免出現(xiàn)“一聽就會，一寫就廢” ◆ 階段目標(biāo)√ 操作系統(tǒng)發(fā)展歷史√ 掌握HTML常用標(biāo)簽 √ 掌握 瀏覽器控制臺調(diào)試代碼 √ 掌握 Vscode軟件的安裝與使用 √ 掌握CSS選擇器和相關(guān)屬性 √ 掌握 盒子模型相關(guān)概念和應(yīng)用 √ 掌握 浮動原理和使用場景 √ 掌握CSS3新特性 √ 掌握 PC端網(wǎng)站布局 √ 掌握 PS切圖、取色、測量 ◆ 階段特色√ 專為小白和大白設(shè)計√ 對基礎(chǔ)更加細(xì)化，基礎(chǔ)學(xué)員學(xué)起來更輕松 √ 大量案例，講完即練，練會再講 √ 每天都有主線，清楚知道每天的學(xué)習(xí)能用在哪里 √ 基于前端網(wǎng)頁布局講解 √ 由淺入深，循序漸進 |
|---|---|---|
| HTML |
Vscode軟件應(yīng)用
掌握HTML常用標(biāo)簽
搭建頁面基本解構(gòu)
|
|
| CSS |
CSS語法和引入方式
CSS選擇器和相關(guān)屬性
CSS浮動
盒子模型
定位等
|
|
| HTML+CSS案例 |
魅族官網(wǎng)
|
|
| CSS3 |
CSS3新特性 彈性盒子 偽類選擇器
|
|
| HTML5 |
HTML5語義化標(biāo)簽 音頻、視頻標(biāo)簽 畫布Canvas
|
|
| HTML5+CSS3案例 |
陰陽師官網(wǎng)
|
|
| 綜合項目案例 |
小米官網(wǎng)
|
第二階段：JavaScript基礎(chǔ)
| 章節(jié)名稱 | 主要學(xué)習(xí)方向 |
◆ 階段說明JavaScript是整個前端學(xué)習(xí)過程中的重難點，是學(xué)習(xí)前端的基礎(chǔ)，也是包含非常多面試題的階段。尚學(xué)堂為學(xué)員真正能學(xué)到精髓，避免出現(xiàn)“只學(xué)皮毛”現(xiàn)象，在講解JavaScript階段時會對所講內(nèi)容全面跟蹤源碼，逐行解釋。真正做到了深入講解，也是尚學(xué)堂從成立至今不斷積累，不斷更新的成果。 在一些培訓(xùn)機構(gòu)單獨輔導(dǎo)面試題、最后突擊面試題的情況下，尚學(xué)堂更為學(xué)員考慮，面試題已經(jīng)跟隨課程進行講解，邊學(xué)習(xí)邊準(zhǔn)備面試。課程所講內(nèi)容囊括市面上的面試題。由老師講解面試問題和面試答案，并多次幫助學(xué)員明確整理面試問題。這也是為什么尚學(xué)堂的學(xué)生可以達到“未畢業(yè)，先就業(yè)”的原因。 同時也對算法、數(shù)據(jù)結(jié)構(gòu)、容器、多線程進行深入講解。容器作為工作和面試的重點，要求達到手寫容器的水平。 每天都有設(shè)有綜合案例，學(xué)以致用。 ◆ 階段目標(biāo)√ 掌握 JavaScript基礎(chǔ)語法，培養(yǎng)編程、邏輯思維√ 掌握 DOM和BOM對象的常用屬性和方法，能夠完成網(wǎng)頁常見的交互效果 √ 掌握 ECMAScript 的知識體系及工作機制，熟悉 ES6+ 新的語法特性 √ 注重抽象思維的培養(yǎng)，具備面向?qū)ο缶幊痰牡哪芰? ◆ 階段特色√ 案例推動知識點講解√ 大廠面試中提取案例 √ 大量案例，講完即練，練完再講 √ 每天都有主線，清楚知道每天的學(xué)習(xí)能用在哪里 √ 知識點講解到代碼執(zhí)行底層原理 √ 通過手寫案例，理解起來更清晰 √ 全面的面試題整理及講解 √ 全是干貨，重難點結(jié)合案例多次講解 |
|---|---|---|
| JavaScript基礎(chǔ) |
變量
基本數(shù)據(jù)類型
數(shù)據(jù)類型的轉(zhuǎn)換
運算符
if分支
switch分支
三元表達式
while循環(huán)
for循環(huán)
數(shù)組
函數(shù)
對象
內(nèi)置對象
|
|
| WebAPI |
DOM樹
DOM對象
獲取元素
環(huán)境對象
innerHTML
style
事件流
className
classList
間歇函數(shù)
延遲函數(shù)
事件監(jiān)聽
鼠標(biāo)事件
鍵盤事件
高階函數(shù)
節(jié)點操作
事件委托
元素位置
BOM
window對象
自定義屬性
面試題整理
|
|
| 面向?qū)ο缶幊?br />以及ES6新特性 |
字面量
構(gòu)造函數(shù)
單體對象
面向?qū)ο?/div>
原型
class、getter、setter
柯里化
解構(gòu)
箭頭函數(shù)
Object
let、const
嚴(yán)格模式
閉包
|
第三階段：JavaScript高級
| 章節(jié)名稱 | 主要學(xué)習(xí)方向 |
◆ 階段說明深入理解 ECMAScript 的知識體系及工作機制，注重抽象思維的培養(yǎng)，具備面向?qū)ο缶幊痰牡哪芰?，添加大量企業(yè)級需求，從實際復(fù)雜需求練習(xí)JavaScript技術(shù)。◆ 階段目標(biāo)√ 面向?qū)ο缶幊?br /> √ 原型鏈查找√ 掌握正則表達式 √ 掌握設(shè)計模式 ◆ 階段特色√ 注重抽象思維的培養(yǎng)，具備面向?qū)ο缶幊痰牡哪芰?br /> √ 大量企業(yè)需求，關(guān)聯(lián)JavaScript使用√ 超全面面試題及答案講解 √ JavaScript結(jié)合企業(yè)級項目綜合練習(xí) |
|---|---|---|
| 面向?qū)ο筮M階 |
原型鏈
構(gòu)造函數(shù)
執(zhí)行上下文
作用域鏈
閉包
this
面試題整理
|
|
| ES5/ES6/ES7/ES8/ES9應(yīng)用 |
Promise
Await
ES6對象新增方法
ES7/ES8/ES9新增屬性
事件隊列
事件循環(huán)執(zhí)行
同步
異步
面試題整理
|
|
| JavaScript項目 |
結(jié)合企業(yè)級項目
練習(xí)JavaScript技術(shù)知識點
深入知識掌握
注重抽象思維的培養(yǎng)，具備面向?qū)ο缶幊痰哪芰?/div>
|
第四階：服務(wù)器端交互
| 章節(jié)名稱 | 主要學(xué)習(xí)方向 |
◆ 階段說明服務(wù)器端交互階段是承上啟下的階段，目前企業(yè)開發(fā)并不是直接使用HTML+CSS+JavaScript，但是很多框架都是對其的封裝。學(xué)習(xí)完成此階段后可以具備編寫B(tài)/S C/S架構(gòu)項目的能力。◆ 階段目標(biāo)√ 掌握jQuery基本使用√ 深入理解服務(wù)器端思想 √ 了解PHP以及MySQL后端服務(wù)器語言 √ 掌握Ajax相關(guān)知識點 √ 掌握響應(yīng)式框架Bootstrap框架 √ 掌握版本控制軟件 Git √ 掌握移動端布局 ◆ 階段特色√ 經(jīng)典重現(xiàn)，包含所有經(jīng)典知識點√ 初步感受服務(wù)器、深入理解前后端交互流程 √ 熟悉項目開發(fā)流程 √ 每天都有綜合案例，新老知識點融合 √ 全面的經(jīng)典面試題及答案講解 |
|---|---|---|
| jQuery |
選擇器
節(jié)點方法
動畫
動畫隊列
事件
事件委托
鏈?zhǔn)讲僮?/div>
插件
插件機制協(xié)議和容器
|
|
| PHP和MySQL |
PHP基礎(chǔ)語法
軟件安裝
PHP連接數(shù)據(jù)庫
MySQL增刪改查語句
|
|
| Ajax 技術(shù) |
客戶端與服務(wù)器
請求與響應(yīng)報文
接口
form 表單
文件上傳
攔截器
FormData
XMLHttpRequest
防抖
節(jié)流
跨域
|
|
| Git |
安裝和配置 Git
Git 本地操作的常用命令
.gitignore 忽略文件
Git 分支與常用命令
遠程倉庫的使用
|
|
| Bootstrap框架 |
媒體查詢
Bootstrap框架
組件
柵格系統(tǒng)
響應(yīng)式網(wǎng)頁布局
|
|
| HTML5新屬性 |
本地存儲
文件上傳
畫布Canvas
|
|
| 移動端 |
rem、vw/vh、Flex布局模型
Less基礎(chǔ)語法
視口
分辨率
二倍圖
移動適配
媒體 查詢
|
第五階段：框架前置
| 章節(jié)名稱 | 主要學(xué)習(xí)方向 |
◆ 階段說明框架前置階段主要針對目前市場上最為流行的node.js、npm、webpack講解。學(xué)習(xí)本階段開始感受架構(gòu)的魅力和團隊開發(fā)的魅力。◆ 階段目標(biāo)√ 掌握能夠使用 npm 維護項目中的依賴包√ 能夠使用 Promise 與 async/await 高效的實現(xiàn)異步操作 √ 掌握能夠理解 webpack 中的核心概念，為后續(xù)項目課的學(xué)習(xí)打好工程化開發(fā)的基礎(chǔ) √ 理解團隊開發(fā)流程 √ 掌握服務(wù)器環(huán)境管理 √ 掌握接口文檔編寫 ◆ 階段特色√ 案例和項目都是前后端分離架構(gòu)√ Node.js全面講解 √ 完全模擬企業(yè)小組開發(fā)，自定義實現(xiàn)前后端交互 |
|---|---|---|
| Node.js基礎(chǔ) |
Node.js和瀏覽器的區(qū)別 Node.js環(huán)境的安裝 終端的常用命令 在Node.js 中執(zhí)行 JS 代碼 fs模塊 path模塊 |
|
| npm |
包的基本概念 npm 包管理配置文件 全局包 項目包 常用的npm命令 模塊的 加載過程 |
|
| Express |
Express 的安裝和配置 處理 GET 請求 處理 POST 請求 獲取參數(shù) 處理跨域 |
|
| webpack |
工程化開發(fā)的概念 webpack 的基本配置 webpack-dev-server html-webpack-plugin 常用 loader babel |
第六階段：Vue框架
| 章節(jié)名稱 | 主要學(xué)習(xí)方向 |
◆ 階段說明掌握模塊化思想，npm包管理，webpack基礎(chǔ)，初探工程化開發(fā)。運用Vue2.0全家桶核心內(nèi)容實現(xiàn)開發(fā)中常見的功能，如購物車，經(jīng)典列表、TodoMVC等。運用 Vant 開發(fā)移動端，運用element-ui開發(fā)PC后臺管理系統(tǒng)。 掌握Vue3新特性、Vite、組合API、Pinia 等。 掌握TypeScript基礎(chǔ)語法，并且在Vue3項目中熟練運用TypeScript ◆ 階段目標(biāo)√ 掌握Vue基礎(chǔ)知識√ 掌握Vue 框架項目腳手架搭建 √ 掌握Vuex數(shù)據(jù)狀態(tài)管理 √ 掌握路由跳轉(zhuǎn) √ 掌握Vue組件之間數(shù)據(jù)傳遞的多種方式 √ 掌握Vue3新特性 √ 掌握TypeScript語言 ◆ 階段特色√ 案例貫穿技術(shù)點講解√ 企業(yè)級項目實戰(zhàn)案例引入 √ 邊講邊練，案例結(jié)合知識 √ 項目實戰(zhàn) √ 全套后臺管理界面項目 √ 基于Vue3+Vite+Pinia+Element-Plus全家桶開發(fā) √ Vue3.0項目實戰(zhàn)案例 √ 真實上線項目 |
|---|---|---|
| Vue基礎(chǔ) |
MVVM
SPA
Vue調(diào)試工具
虛擬DOM
diff算法
指令系統(tǒng)
v-model原理
數(shù)據(jù)選項
生命周期
樣式穿透
動態(tài)樣式
插槽
組件系統(tǒng)
組件通信
自定義指令
ref
動態(tài)組件
$nextTick
自定義事件
計算屬性
偵聽器
組件庫
組件封裝
路由系統(tǒng)
導(dǎo)航守衛(wèi)
vue-cli
工程化基礎(chǔ)
axios
interceptors
經(jīng)典案例實戰(zhàn)
|
|
| Vue3.0高級 |
Vite
選項API
組合API
setup
生命周期
reactive
toRef
toRefs
computed
組件通信
依賴注入
ref邊界
Pinia
TypeScript
|
|
| 實戰(zhàn)項目 |
Vue2實戰(zhàn)項目：音樂移動端項目
電子商戶后臺
Vue3實戰(zhàn)項目：生鮮采購后臺管理系統(tǒng)
|
第七階段：微信小程序
| 章節(jié)名稱 | 主要學(xué)習(xí)方向 |
◆ 階段說明了解小程序開發(fā)的一般流程序，熟悉小程基礎(chǔ)組件的使用，能夠基于 wxml 和 wxss 實現(xiàn)小程序的界面布局，基于模板的數(shù)據(jù)綁定實現(xiàn)數(shù)據(jù)的動態(tài)渲染，基于 API 實現(xiàn)與服務(wù)端的數(shù)據(jù)通信，以及熟悉其它高級 API 的使用。理解 uni-app 實現(xiàn)跨平臺開發(fā)的原理機制，理清單文件組件與原生小程序組件的對應(yīng)關(guān)系，以及 uni-app 開發(fā)小程序時開發(fā)時與原生小程序的差異。 基于真實需求綜合運用小程序開發(fā)的相關(guān)知識，突出小程序 API 的真實應(yīng)用場景，強化和鞏固小程序開發(fā)的相關(guān)知識，提升綜合解決問題的能力。 ◆ 階段目標(biāo)√ 能夠獨立開發(fā)小程序，提高就業(yè)能力，是就業(yè)的加分項√ 掌握小程序項目開發(fā)流程 √ 掌握uni-app開發(fā)小程序技術(shù) ◆ 階段特色√ 從基礎(chǔ)到深入學(xué)習(xí)以及到項目實戰(zhàn)√ 多個企業(yè)級項目 √ 全套項目實例原型圖，感受產(chǎn)品經(jīng)理工作內(nèi)容 |
|---|---|---|
| 小程序基礎(chǔ) |
賬號申請
開發(fā)工具
工程目錄
項目配置
屏幕適配
資源托管
字體圖標(biāo)
數(shù)據(jù)綁定
事件處理
生命周期
場景值
模塊化
網(wǎng)絡(luò)請求
路由
WXS
模板
組件
UI 框架
表單
Promise
|
|
| uni-app |
腳手架
項目配置
單文件組件
生命周期
條件編譯
計算屬性
跨平臺支持
less
sass
組件通信
|
|
| 電商項目 |
客戶消息
微信地址
小程序轉(zhuǎn)發(fā)
區(qū)域滾動
上拉加載
下拉刷新
數(shù)據(jù)緩存
用戶信息
自定義組件
微信登錄
意見反饋
上線發(fā)布
|
第八階段：React框架
| 章節(jié)名稱 | 主要學(xué)習(xí)方向 |
◆ 階段說明React框架階段學(xué)習(xí)，進軍大廠必備，結(jié)合 TypeScript+Hooks 和函數(shù)式編程思想完成項目開發(fā)。通過React框架學(xué)習(xí)，可以具備復(fù)雜項目架構(gòu)的能力。無論是小白還是大白，甚至有工作經(jīng)驗的學(xué)員在本階段學(xué)習(xí)完成后都有非常明顯的個人能力提升。 ◆ 階段目標(biāo)√ 掌握React基本語法，能夠使用class組件實現(xiàn)常見的業(yè)務(wù)功能√ 掌握運用hooks核心知識 √ 掌握Redux實現(xiàn)狀態(tài)管理 √ 掌握TypeScript語言 ◆ 階段特色√ 掌握React基本語法，能夠使用class組件實現(xiàn)常見的業(yè)務(wù)功能√ 掌握運用hooks核心知識 √ 掌握Redux實現(xiàn)狀態(tài)管理 √ 掌握TypeScript語言 |
|---|---|---|
| React基礎(chǔ) |
組件系統(tǒng)
虛擬DOM
生命周期
無狀態(tài)組件
有狀態(tài)組件
ref
class
組件通信
create-react-app
路由
插值
state
|
|
| Hooks |
useState
useEffect
useRef
useContext
useEffect 高級用法
|
|
| Redux |
狀態(tài)管理流程
action、dispatch、store、combineReducers、reducer、redux-thunk、react-redux
開發(fā)調(diào)試工具
|
|
| 實戰(zhàn)項目 |
窮游商城PC端項目
房屋海選平臺移動端項目
|
第九階段：就業(yè)沖刺階段
| 階段說明 |
就業(yè)沖刺階段由老師幫助修改簡歷、模擬面試、解答面試問題。對之前講解的面試問題進行重難點串講。
|
| 階段目標(biāo) |
√ 掌握企業(yè)真實項目開發(fā)順序
√ 對接企業(yè)真是工作需求
√ 建立前端技術(shù)體系，搞定高頻的面試題
√ 掌握多人協(xié)同開發(fā)和解決bug的綜合技巧
|
| 階段特色 |
√ 就業(yè)老師面試指導(dǎo)
√ 簡歷指導(dǎo)
√ 模擬面試
√ 面試推薦
√ 畢業(yè)后仍可按需學(xué)習(xí)，免費充電，持續(xù)提升
√ 扶上馬，再送一程，幫助學(xué)員解決工作中的問題
|
- 課程體系
- 25個知識模塊
- 8個項目實例
- 5大更新模塊
- 2024新增
- 課程特色
- 課程大綱
