• 課程體系|
  • 知識模塊|
  • 項目實(shí)例|
  • 更新模塊|
  • 2024新增|
  • 課程特色|
  • 課程大綱
尚學(xué)堂
課程優(yōu)勢
八大課程體系
前端基礎體系   
前后端交互體系   
HTML5新特性體系   
工程化體系   
   大數據可視化體系
   前端三大框架體系
   微信相關(guān)體系
   2024年新增前沿技術(shù)體系

(224G)前端全套視頻教程領(lǐng)取

二十五個(gè)知識模塊
  • HTML5+CSS3
    模塊

  • 移動(dòng)端M站
    模塊

  • JavaScript
    編程模塊

  • jQuery
    模塊

  • BootStrap
    模塊

  • HTML5新特性
    模塊

  • Nodejs、MySQL與Ajax
    模塊

  • 模塊化
    模塊

  • JavaScript新標準
    (ES6\7\8\9)

  • 工程化
    模塊

  • 小程序
    模塊

  • React
    模塊

  • React輕量級框架之
    DvaJS

  • React輕量級框架之
    UmiJS

  • Vue
    模塊

  • Angular
    模塊

  • 框架原理
    模塊

  • UI組件庫
    模塊

  • 協(xié)同開(kāi)發(fā)
    模塊

  • 大數據可視化
    模塊

  • 微信相關(guān)
    模塊

  • WebApp與混合開(kāi)發(fā)
    模塊

  • React-Native
    模塊

  • Flutter
    模塊

  • uni-app
    模塊

貫穿8個(gè)企業(yè)級項目
  • 百戰商城
  • 路上旅游網(wǎng)
  • i動(dòng)音樂(lè )
  • 電子商戶(hù)后臺
  • 拍賣(mài)網(wǎng)站
  • 生鮮采購后臺管理系統
  • 房屋海選平臺
  • 安心食療小程序
  • 項目一:百戰商城

    借助PxCook工具,基于設計稿編寫(xiě)網(wǎng)頁(yè),確保網(wǎng)頁(yè)的高度還原,通過(guò)綜合運用 HTML + CSS + JavaScript 技術(shù),按照實(shí)際項目開(kāi)發(fā)流程,歸納開(kāi)發(fā)技巧,提升綜合實(shí)戰水平,完成企業(yè)級電商項目PC端首頁(yè)開(kāi)發(fā)。

    技術(shù)棧:HTML + CSS + JavaScript +Jquery三方庫

  • 項目二:路上旅游網(wǎng)

    路上旅游網(wǎng)無(wú)線(xiàn)官網(wǎng)靠譜的旅游攻略,自由行,自助游分享社區,海量旅游景點(diǎn)圖片、游記、交通、美食、購物等旅游攻略自由行信息。獲取接口動(dòng)態(tài)數據實(shí)現數據信息,包含輪播圖、推薦攻略、下載加載更多等信息。

    技術(shù)棧:HTML5+CSS3+JQuery+Swiper移動(dòng)端項目

  • 項目三:i動(dòng)音樂(lè )

    i動(dòng)音樂(lè )是一款專(zhuān)注于發(fā)現與分享的音樂(lè )產(chǎn)品,依托專(zhuān)業(yè)音樂(lè )人、DJ、好友推薦及社交功能,為用戶(hù)打造全新的音樂(lè )生活。獲取接口動(dòng)態(tài)數據實(shí)現音樂(lè )數據信息,包含推薦音樂(lè )、熱歌榜、搜索等信息以及音樂(lè )播放展示。

    技術(shù)棧:基于Vue腳手架搭建移動(dòng)端項目

  • 項目四:電子商戶(hù)后臺

    電子商戶(hù)后臺項目是一個(gè)大型綜合性的商城后臺管理平臺,主要包含人員管理與商品管理兩個(gè)大模塊。其中人員管理主要進(jìn)行權限管理,例如只有root才有資格進(jìn)行注冊全新賬號,不同權限用戶(hù)所能操作產(chǎn)品的權限不同。

    技術(shù)棧:Vue+Vue-router+Vuex+Element-UI+Axios+三方庫

  • 項目五:拍賣(mài)網(wǎng)站

    窮游網(wǎng)鼓勵和幫助中國旅行者以自己的視角和方式體驗世界,為旅行者提供專(zhuān)業(yè)、實(shí)用、全面的游旅行指南和旅游攻略,是中國旅行者們分享旅游目的地信息和游記攻略的平臺。

    技術(shù)棧:基于React框架實(shí)現

  • 項目六:生鮮采購后臺管理系統

    生鮮采購后臺管理系統項目是一個(gè)大型綜合性的商城后臺管理平臺,主要包含產(chǎn)品管理與訂單管理、登錄 三個(gè)大模塊。

    技術(shù)棧:Vue3+Vue-router+Pinia+Element-Plus+Axios + TypeScript +三方庫

  • 項目七:房屋海選平臺

    房屋海選平臺主要包含房屋租賃、商城、個(gè)人中心、數據中心等多個(gè)系統。作為互聯(lián)網(wǎng)時(shí)代房屋平臺,擁有完善的房屋租賃資源搜索能力,可以根據城市定位,精確高效的搜索到需要的租賃房源信息。

    技術(shù)棧:基于React框架

  • 項目八:安心食療小程序

    隨著(zhù)社會(huì )時(shí)代的發(fā)展,大家都已經(jīng)基本接近小康生活水平。也越來(lái)越多的人使用小程序方便自己得生活,不是下載大量得APP軟件。安心食療是一個(gè)關(guān)于美食介紹的小程序,同時(shí)推薦美食商城可以選購自己喜歡的食物加入購物車(chē),實(shí)現購買(mǎi)美食零食。

    技術(shù)棧:Vue + Ui-app + 小程序

二大前沿技術(shù)
五大更新模塊
  • 小程序云開(kāi)發(fā)

  • React高級框架DvaJS和UmiJS

  • Vue企業(yè)級電商項目

  • 移動(dòng)端Flutter課程

  • React-Native實(shí)戰開(kāi)發(fā)

小程序云開(kāi)發(fā)

在這個(gè)小程序泛濫的時(shí)間節點(diǎn)中,微信小程序是用戶(hù)較多的,也是目前企業(yè)的較好選擇,所以小程序開(kāi)發(fā)工程師需求也是非常大,我們繼增加小程序課程之后,有增加了小程序的云開(kāi)發(fā),開(kāi)發(fā)者可以使用云開(kāi)發(fā)開(kāi)發(fā)微信小程序、小游戲,無(wú)需搭建服務(wù)器,即可使用云端能力。云開(kāi)發(fā)為開(kāi)發(fā)者提供完整的原生云端支持和微信服務(wù)支持,弱化后端和運維概念,無(wú)需搭建服務(wù)器,使用平臺提供的 API 進(jìn)行核心業(yè)務(wù)開(kāi)發(fā),即可實(shí)現快速上線(xiàn)和迭代,同時(shí)這一能力,同開(kāi)發(fā)者已經(jīng)使用的云服務(wù)相互兼容,并不互斥。

React高級框架DvaJS和UmiJS

在React的技術(shù)棧中,DvaJS和UmiJS幾乎成為了必選,雖然React的學(xué)習路徑很陡峭,但是這兩個(gè)輕量級應用框架大大的簡(jiǎn)化了React的難度,降低了學(xué)習難度與應用難度。BAT更是把他們視為前端開(kāi)發(fā)者的必備技能。我們在課程中詳細講解了這兩個(gè)框架的應用。無(wú)縫對接項目實(shí)例開(kāi)發(fā)。

Vue企業(yè)級電商項目

Vue的出現開(kāi)始就受到了大量開(kāi)發(fā)者的追隨,后來(lái)者居上,在github上也超過(guò)了React的存在,也是目前前端面試的必備技能,我們課程中不僅詳細的講解了Vue的知識,同時(shí)也增加了多個(gè)實(shí)戰的企業(yè)級項目,例如前臺站點(diǎn),音樂(lè )類(lèi)項目,后臺管理系統項目等。

移動(dòng)端Flutter課程

Flutter是谷歌的移動(dòng)UI框架,可以快速在iOS和Android上構建高質(zhì)量的原生用戶(hù)界面。 Flutter可以與現有的代碼一起工作。在全世界,Flutter正在被越來(lái)越多的開(kāi)發(fā)者和組織使用,并且Flutter是完全免費、開(kāi)源的。一部分的iOS和Android開(kāi)發(fā)者已經(jīng)轉向了Flutter開(kāi)發(fā),我們的課程中也同樣增加了這部分的課程,用來(lái)充實(shí)大家的技術(shù)池。

React-Native實(shí)戰開(kāi)發(fā)

如果說(shuō)目前通過(guò)前端實(shí)戰多終端App的開(kāi)發(fā)最好的解決方案自然就是React-Native了,而且也是目前使用最多的。因為我們的課程中增加了大量的完整的React課程,所以,大家上手React-Native變得非常容易。

第六版(2024版)課程變化
新增
Vue3 新特性
桌面場(chǎng)景
Flutter 技術(shù)
混合開(kāi)發(fā)
RN 技術(shù)
UniApp 框架
實(shí)時(shí)疫情動(dòng)態(tài)項目
項目部署
封裝工具庫
封裝組件庫
小程序分包
升級 Webpack5 工程化
React17 版本
大數據可視化
git 高級操作
小程序云開(kāi)發(fā)
高級設計模式
面向對象編程
事件總線(xiàn)
強化 強化 React 基礎
強化 TypeScript
強化 Vue 實(shí)站項目
強化 Nodejs 服務(wù)端
強化大數據可視化
強化多終端混合開(kāi)發(fā)
強化最新 ES 規范語(yǔ)法實(shí)戰
優(yōu)化 Vue 項目性能優(yōu)化
React 項目性能優(yōu)化
Vue 項目國際化
可視化
token 流程體系優(yōu)化
單點(diǎn)登陸實(shí)現優(yōu)化
桌面程序打包優(yōu)化
App 構建項目?jì)?yōu)化

優(yōu)惠2000元(僅限前100名)

不負春光,和學(xué)習戀愛(ài)

我們的特色
  • 真的實(shí)戰類(lèi)型課程,無(wú)論是三大框架
    還是小程序都是企業(yè)級實(shí)戰項目,
    深度體會(huì )應用場(chǎng)景

  • 根據學(xué)生需求更新對應課程,
    適應工作需求

  • 移動(dòng)端課程優(yōu)先,根據市場(chǎng)需求,
    實(shí)時(shí)調整課程就業(yè)方法

  • 2024年更新了前端
    第六版課程大綱標準

  • 國內技術(shù)過(guò)硬老師
    全程面授

了解WEB前端(HTML5)
  •  

    目前狀態(tài)

    隨著(zhù)互聯(lián)網(wǎng)與移動(dòng)互聯(lián)網(wǎng)的迅猛發(fā)展和普及,傳統的站點(diǎn)已經(jīng)不在能滿(mǎn)足人們的需求。而現在網(wǎng)上購物,網(wǎng)上直播,網(wǎng)上訂餐等都已經(jīng)成為生活的一部分。而這些內容的呈現,就是WEB前端的展示。當你在朋友圈,好友對話(huà)中隨手打開(kāi)的分享頁(yè)面,也是WEB前端的展示。(我們嘗試用通俗的方式來(lái)解釋前端,可能不夠標準,希望您能理解)

  •  

    發(fā)展前景

    2024年,前端仍然是一個(gè)非?;鸨膶?zhuān)業(yè),就如我們所見(jiàn),任何技術(shù)實(shí)現的結果都需要展示給用戶(hù),而這些展示都是需要前端來(lái)進(jìn)行完成。前端也不再是全部依賴(lài)于瀏覽器,而使用 native實(shí)現的原生 App 也是越來(lái)越多公司的選擇。

  •  

    職位方向

    前端開(kāi)發(fā)工程師、小程序開(kāi)發(fā)工程師、高級前端開(kāi)發(fā)工程師、前端架構師、高級前端架構師

  •  

    尚學(xué)堂的前端

    1.前端交互層     2.前端邏輯層     3.服務(wù)器層

  •  

    前端交互層

    交互層可以理解為特效,我們需要能實(shí)現頁(yè)面的各種特效,以滿(mǎn)足目前站點(diǎn)的需求,例如動(dòng)畫(huà)、過(guò)渡、圖形繪制等

  •  

    前端邏輯層

    前端邏輯層主要體現在前端的渲染問(wèn)題,我們都知道,目前都是前后端分離或者混合開(kāi)發(fā),這無(wú)疑都是需要前端來(lái)進(jìn)行渲染的。也就是我們要考慮的是:模板+數據=頁(yè)面

  •  

    服務(wù)器層

    作為一名優(yōu)秀的前端開(kāi)發(fā)者,你需要掌握服務(wù)器相關(guān)內容,node 則是我們的優(yōu)先考慮,我們需要構建前端工程化,需要服務(wù)器端支持做渲染甚至需要具有完整服務(wù)器端開(kāi)發(fā)的能力。

前端課程體系大綱
第一階段:網(wǎng)頁(yè)布局階段
章節名稱(chēng) 主要學(xué)習方向

◆ 階段說(shuō)明

網(wǎng)頁(yè)布局階段是前端開(kāi)發(fā)工程師必不可少的入門(mén)階段,通過(guò)講解基礎語(yǔ)法、開(kāi)發(fā)工具的使用和大量高質(zhì)量案例可以達到穩扎基礎,順利入門(mén)的效果。
網(wǎng)頁(yè)布局階段屬于尚學(xué)堂課程中一大特色,專(zhuān)門(mén)針對基礎學(xué)員打造,避免上來(lái)就學(xué)面向對象等非常抽象概念,循序漸進(jìn),真正達到了學(xué)員聽(tīng)得懂、學(xué)得會(huì )。
每天一個(gè)案例,難度平穩增加,避免只學(xué)理論,避免出現“一聽(tīng)就會(huì ),一寫(xiě)就廢”

◆ 階段目標

√ 操作系統發(fā)展歷史
√ 掌握HTML常用標簽
√ 掌握 瀏覽器控制臺調試代碼
√ 掌握 Vscode軟件的安裝與使用
√ 掌握CSS選擇器和相關(guān)屬性
√ 掌握 盒子模型相關(guān)概念和應用
√ 掌握 浮動(dòng)原理和使用場(chǎng)景
√ 掌握CSS3新特性
√ 掌握 PC端網(wǎng)站布局
√ 掌握 PS切圖、取色、測量

◆ 階段特色

√ 專(zhuān)為小白和大白設計
√ 對基礎更加細化,基礎學(xué)員學(xué)起來(lái)更輕松
√ 大量案例,講完即練,練會(huì )再講
√ 每天都有主線(xiàn),清楚知道每天的學(xué)習能用在哪里
√ 基于前端網(wǎng)頁(yè)布局講解
√ 由淺入深,循序漸進(jìn)

HTML
Vscode軟件應用
掌握HTML常用標簽
搭建頁(yè)面基本解構
CSS
CSS語(yǔ)法和引入方式
CSS選擇器和相關(guān)屬性
CSS浮動(dòng)
盒子模型
定位等
HTML+CSS案例
魅族官網(wǎng)
CSS3
CSS3新特性
彈性盒子
偽類(lèi)選擇器
HTML5
HTML5語(yǔ)義化標簽
音頻、視頻標簽
畫(huà)布Canvas
HTML5+CSS3案例
陰陽(yáng)師官網(wǎng)
綜合項目案例
小米官網(wǎng)
第二階段:JavaScript基礎
章節名稱(chēng) 主要學(xué)習方向

◆ 階段說(shuō)明

JavaScript是整個(gè)前端學(xué)習過(guò)程中的重難點(diǎn),是學(xué)習前端的基礎,也是包含非常多面試題的階段。
尚學(xué)堂為學(xué)員真正能學(xué)到精髓,避免出現“只學(xué)皮毛”現象,在講解JavaScript階段時(shí)會(huì )對所講內容全面跟蹤源碼,逐行解釋。真正做到了深入講解,也是尚學(xué)堂從成立至今不斷積累,不斷更新的成果。
在一些培訓機構單獨輔導面試題、最后突擊面試題的情況下,尚學(xué)堂更為學(xué)員考慮,面試題已經(jīng)跟隨課程進(jìn)行講解,邊學(xué)習邊準備面試。課程所講內容囊括市面上的面試題。由老師講解面試問(wèn)題和面試答案,并多次幫助學(xué)員明確整理面試問(wèn)題。這也是為什么尚學(xué)堂的學(xué)生可以達到“未畢業(yè),先就業(yè)”的原因。
同時(shí)也對算法、數據結構、容器、多線(xiàn)程進(jìn)行深入講解。容器作為工作和面試的重點(diǎn),要求達到手寫(xiě)容器的水平。
每天都有設有綜合案例,學(xué)以致用。

◆ 階段目標

√ 掌握 JavaScript基礎語(yǔ)法,培養編程、邏輯思維
√ 掌握 DOM和BOM對象的常用屬性和方法,能夠完成網(wǎng)頁(yè)常見(jiàn)的交互效果
√ 掌握 ECMAScript 的知識體系及工作機制,熟悉 ES6+ 新的語(yǔ)法特性
√ 注重抽象思維的培養,具備面向對象編程的的能力

◆ 階段特色

√ 案例推動(dòng)知識點(diǎn)講解
√ 大廠(chǎng)面試中提取案例
√ 大量案例,講完即練,練完再講
√ 每天都有主線(xiàn),清楚知道每天的學(xué)習能用在哪里
√ 知識點(diǎn)講解到代碼執行底層原理
√ 通過(guò)手寫(xiě)案例,理解起來(lái)更清晰
√ 全面的面試題整理及講解
√ 全是干貨,重難點(diǎn)結合案例多次講解

JavaScript基礎
變量
基本數據類(lèi)型
數據類(lèi)型的轉換
運算符
if分支
switch分支
三元表達式
while循環(huán)
for循環(huán)
數組
函數
對象
內置對象
WebAPI
DOM樹(shù)
DOM對象
獲取元素
環(huán)境對象
innerHTML
style
事件流
className
classList
間歇函數
延遲函數
事件監聽(tīng)
鼠標事件
鍵盤(pán)事件
高階函數
節點(diǎn)操作
事件委托
元素位置
BOM
window對象
自定義屬性
面試題整理
面向對象編程
以及ES6新特性
字面量
構造函數
單體對象
面向對象
原型
class、getter、setter
柯里化
解構
箭頭函數
Object
let、const
嚴格模式
閉包
第三階段:JavaScript高級
章節名稱(chēng) 主要學(xué)習方向

◆ 階段說(shuō)明

深入理解 ECMAScript 的知識體系及工作機制,注重抽象思維的培養,具備面向對象編程的的能力,添加大量企業(yè)級需求,從實(shí)際復雜需求練習JavaScript技術(shù)。

◆ 階段目標

√ 面向對象編程
√ 原型鏈查找
√ 掌握正則表達式
√ 掌握設計模式

◆ 階段特色

√ 注重抽象思維的培養,具備面向對象編程的的能力
√ 大量企業(yè)需求,關(guān)聯(lián)JavaScript使用
√ 超全面面試題及答案講解
√ JavaScript結合企業(yè)級項目綜合練習

面向對象進(jìn)階
原型鏈
構造函數
執行上下文
作用域鏈
閉包
this
面試題整理
ES5/ES6/ES7/ES8/ES9應用
Promise
Await
ES6對象新增方法
ES7/ES8/ES9新增屬性
事件隊列
事件循環(huán)執行
同步
異步
面試題整理
JavaScript項目
結合企業(yè)級項目
練習JavaScript技術(shù)知識點(diǎn)
深入知識掌握
注重抽象思維的培養,具備面向對象編程的能力
第四階:服務(wù)器端交互
章節名稱(chēng) 主要學(xué)習方向

◆ 階段說(shuō)明

服務(wù)器端交互階段是承上啟下的階段,目前企業(yè)開(kāi)發(fā)并不是直接使用HTML+CSS+JavaScript,但是很多框架都是對其的封裝。學(xué)習完成此階段后可以具備編寫(xiě)B/S C/S架構項目的能力。

◆ 階段目標

√ 掌握jQuery基本使用
√ 深入理解服務(wù)器端思想
√ 了解PHP以及MySQL后端服務(wù)器語(yǔ)言
√ 掌握Ajax相關(guān)知識點(diǎn)
√ 掌握響應式框架Bootstrap框架
√ 掌握版本控制軟件 Git
√ 掌握移動(dòng)端布局

◆ 階段特色

√ 經(jīng)典重現,包含所有經(jīng)典知識點(diǎn)
√ 初步感受服務(wù)器、深入理解前后端交互流程
√ 熟悉項目開(kāi)發(fā)流程
√ 每天都有綜合案例,新老知識點(diǎn)融合
√ 全面的經(jīng)典面試題及答案講解

jQuery
選擇器
節點(diǎn)方法
動(dòng)畫(huà)
動(dòng)畫(huà)隊列
事件
事件委托
鏈式操作
插件
插件機制協(xié)議和容器
PHP和MySQL
PHP基礎語(yǔ)法
軟件安裝
PHP連接數據庫
MySQL增刪改查語(yǔ)句
Ajax 技術(shù)
客戶(hù)端與服務(wù)器
請求與響應報文
接口
form 表單
文件上傳
攔截器
FormData
XMLHttpRequest
防抖
節流
跨域
Git
安裝和配置 Git
Git 本地操作的常用命令
.gitignore 忽略文件
Git 分支與常用命令
遠程倉庫的使用
Bootstrap框架
媒體查詢(xún)
Bootstrap框架
組件
柵格系統
響應式網(wǎng)頁(yè)布局
HTML5新屬性
本地存儲
文件上傳
畫(huà)布Canvas
移動(dòng)端
rem、vw/vh、Flex布局模型
Less基礎語(yǔ)法
視口
分辨率
二倍圖
移動(dòng)適配
媒體 查詢(xún)
第五階段:框架前置
章節名稱(chēng) 主要學(xué)習方向

◆ 階段說(shuō)明

框架前置階段主要針對目前市場(chǎng)上最為流行的node.js、npm、webpack講解。學(xué)習本階段開(kāi)始感受架構的魅力和團隊開(kāi)發(fā)的魅力。

◆ 階段目標

√ 掌握能夠使用 npm 維護項目中的依賴(lài)包
√ 能夠使用 Promise 與 async/await 高效的實(shí)現異步操作
√ 掌握能夠理解 webpack 中的核心概念,為后續項目課的學(xué)習打好工程化開(kāi)發(fā)的基礎
√ 理解團隊開(kāi)發(fā)流程
√ 掌握服務(wù)器環(huán)境管理
√ 掌握接口文檔編寫(xiě)

◆ 階段特色

√ 案例和項目都是前后端分離架構
√ Node.js全面講解
√ 完全模擬企業(yè)小組開(kāi)發(fā),自定義實(shí)現前后端交互

Node.js基礎
Node.js和瀏覽器的區別
Node.js環(huán)境的安裝
終端的常用命令
在Node.js 中執行 JS 代碼
fs模塊
path模塊
npm
包的基本概念
npm
包管理配置文件
全局包
項目包
常用的npm命令
模塊的 加載過(guò)程
Express
Express 的安裝和配置
處理 GET 請求
處理 POST 請求
獲取參數
處理跨域
webpack
工程化開(kāi)發(fā)的概念
webpack 的基本配置
webpack-dev-server
html-webpack-plugin
常用 loader
babel
第六階段:Vue框架
章節名稱(chēng) 主要學(xué)習方向

◆ 階段說(shuō)明

掌握模塊化思想,npm包管理,webpack基礎,初探工程化開(kāi)發(fā)。
運用Vue2.0全家桶核心內容實(shí)現開(kāi)發(fā)中常見(jiàn)的功能,如購物車(chē),經(jīng)典列表、TodoMVC等。運用 Vant 開(kāi)發(fā)移動(dòng)端,運用element-ui開(kāi)發(fā)PC后臺管理系統。
掌握Vue3新特性、Vite、組合API、Pinia 等。
掌握TypeScript基礎語(yǔ)法,并且在Vue3項目中熟練運用TypeScript

◆ 階段目標

√ 掌握Vue基礎知識
√ 掌握Vue 框架項目腳手架搭建
√ 掌握Vuex數據狀態(tài)管理
√ 掌握路由跳轉
√ 掌握Vue組件之間數據傳遞的多種方式
√ 掌握Vue3新特性
√ 掌握TypeScript語(yǔ)言

◆ 階段特色

√ 案例貫穿技術(shù)點(diǎn)講解
√ 企業(yè)級項目實(shí)戰案例引入
√ 邊講邊練,案例結合知識
√ 項目實(shí)戰
√ 全套后臺管理界面項目
√ 基于Vue3+Vite+Pinia+Element-Plus全家桶開(kāi)發(fā)
√ Vue3.0項目實(shí)戰案例
√ 真實(shí)上線(xiàn)項目

Vue基礎
MVVM
SPA
Vue調試工具
虛擬DOM
diff算法
指令系統
v-model原理
數據選項
生命周期
樣式穿透
動(dòng)態(tài)樣式
插槽
組件系統
組件通信
自定義指令
ref
動(dòng)態(tài)組件
$nextTick
自定義事件
計算屬性
偵聽(tīng)器
組件庫
組件封裝
路由系統
導航守衛
vue-cli
工程化基礎
axios
interceptors
經(jīng)典案例實(shí)戰
Vue3.0高級
Vite
選項API
組合API
setup
生命周期
reactive
toRef
toRefs
computed
組件通信
依賴(lài)注入
ref邊界
Pinia
TypeScript
實(shí)戰項目
Vue2實(shí)戰項目:音樂(lè )移動(dòng)端項目
電子商戶(hù)后臺
Vue3實(shí)戰項目:生鮮采購后臺管理系統
第七階段:微信小程序
章節名稱(chēng) 主要學(xué)習方向

◆ 階段說(shuō)明

了解小程序開(kāi)發(fā)的一般流程序,熟悉小程基礎組件的使用,能夠基于 wxml 和 wxss 實(shí)現小程序的界面布局,基于模板的數據綁定實(shí)現數據的動(dòng)態(tài)渲染,基于 API 實(shí)現與服務(wù)端的數據通信,以及熟悉其它高級 API 的使用。
理解 uni-app 實(shí)現跨平臺開(kāi)發(fā)的原理機制,理清單文件組件與原生小程序組件的對應關(guān)系,以及 uni-app 開(kāi)發(fā)小程序時(shí)開(kāi)發(fā)時(shí)與原生小程序的差異。
基于真實(shí)需求綜合運用小程序開(kāi)發(fā)的相關(guān)知識,突出小程序 API 的真實(shí)應用場(chǎng)景,強化和鞏固小程序開(kāi)發(fā)的相關(guān)知識,提升綜合解決問(wèn)題的能力。

◆ 階段目標

√ 能夠獨立開(kāi)發(fā)小程序,提高就業(yè)能力,是就業(yè)的加分項
√ 掌握小程序項目開(kāi)發(fā)流程
√ 掌握uni-app開(kāi)發(fā)小程序技術(shù)

◆ 階段特色

√ 從基礎到深入學(xué)習以及到項目實(shí)戰
√ 多個(gè)企業(yè)級項目
√ 全套項目實(shí)例原型圖,感受產(chǎn)品經(jīng)理工作內容

小程序基礎
賬號申請
開(kāi)發(fā)工具
工程目錄
項目配置
屏幕適配
資源托管
字體圖標
數據綁定
事件處理
生命周期
場(chǎng)景值
模塊化
網(wǎng)絡(luò )請求
路由
WXS
模板
組件
UI 框架
表單
Promise
uni-app
腳手架
項目配置
單文件組件
生命周期
條件編譯
計算屬性
跨平臺支持
less
sass
組件通信
電商項目
客戶(hù)消息
微信地址
小程序轉發(fā)
區域滾動(dòng)
上拉加載
下拉刷新
數據緩存
用戶(hù)信息
自定義組件
微信登錄
意見(jiàn)反饋
上線(xiàn)發(fā)布
第八階段:React框架
章節名稱(chēng) 主要學(xué)習方向

◆ 階段說(shuō)明

React框架階段學(xué)習,進(jìn)軍大廠(chǎng)必備,結合 TypeScript+Hooks 和函數式編程思想完成項目開(kāi)發(fā)。
通過(guò)React框架學(xué)習,可以具備復雜項目架構的能力。無(wú)論是小白還是大白,甚至有工作經(jīng)驗的學(xué)員在本階段學(xué)習完成后都有非常明顯的個(gè)人能力提升。

◆ 階段目標

√ 掌握React基本語(yǔ)法,能夠使用class組件實(shí)現常見(jiàn)的業(yè)務(wù)功能
√ 掌握運用hooks核心知識
√ 掌握Redux實(shí)現狀態(tài)管理
√ 掌握TypeScript語(yǔ)言

◆ 階段特色

√ 掌握React基本語(yǔ)法,能夠使用class組件實(shí)現常見(jiàn)的業(yè)務(wù)功能
√ 掌握運用hooks核心知識
√ 掌握Redux實(shí)現狀態(tài)管理
√ 掌握TypeScript語(yǔ)言

React基礎
組件系統
虛擬DOM
生命周期
無(wú)狀態(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
開(kāi)發(fā)調試工具
實(shí)戰項目
窮游商城PC端項目
房屋海選平臺移動(dòng)端項目
第九階段:就業(yè)沖刺階段
階段說(shuō)明
就業(yè)沖刺階段由老師幫助修改簡(jiǎn)歷、模擬面試、解答面試問(wèn)題。對之前講解的面試問(wèn)題進(jìn)行重難點(diǎn)串講。
階段目標
√ 掌握企業(yè)真實(shí)項目開(kāi)發(fā)順序
√ 對接企業(yè)真是工作需求
√ 建立前端技術(shù)體系,搞定高頻的面試題
√ 掌握多人協(xié)同開(kāi)發(fā)和解決bug的綜合技巧
階段特色
√ 就業(yè)老師面試指導
√ 簡(jiǎn)歷指導
√ 模擬面試
√ 面試推薦
√ 畢業(yè)后仍可按需學(xué)習,免費充電,持續提升
√ 扶上馬,再送一程,幫助學(xué)員解決工作中的問(wèn)題