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

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

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

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

  • JavaScript
    編程模塊

  • jQuery
    模塊

  • BootStrap
    模塊

  • HTML5新特性
    模塊

  • Nodejs、MySQL與Ajax
    模塊

  • 模塊化
    模塊

  • JavaScript新標(biāo)準(zhǔn)
    (ES6\7\8\9)

  • 工程化
    模塊

  • 小程序
    模塊

  • React
    模塊

  • React輕量級(jí)框架之
    DvaJS

  • React輕量級(jí)框架之
    UmiJS

  • Vue
    模塊

  • Angular
    模塊

  • 框架原理
    模塊

  • UI組件庫
    模塊

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

  • 大數(shù)據(jù)可視化
    模塊

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

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

  • React-Native
    模塊

  • Flutter
    模塊

  • uni-app
    模塊

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

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

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

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

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

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

  • 項(xiàng)目三:i動(dòng)音樂

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

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

  • 項(xiàng)目四:電子商戶后臺(tái)

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

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

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

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

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

  • 項(xiàng)目六:生鮮采購(gòu)后臺(tái)管理系統(tǒng)

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

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

  • 項(xiàng)目七:房屋海選平臺(tái)

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

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

  • 項(xiàng)目八:安心食療小程序

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

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

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

  • React高級(jí)框架DvaJS和UmiJS

  • Vue企業(yè)級(jí)電商項(xiàng)目

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

  • React-Native實(shí)戰(zhàn)開發(fā)

小程序云開發(fā)

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

React高級(jí)框架DvaJS和UmiJS

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

Vue企業(yè)級(jí)電商項(xiàng)目

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

移動(dòng)端Flutter課程

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

React-Native實(shí)戰(zhàn)開發(fā)

如果說目前通過前端實(shí)戰(zhàn)多終端App的開發(fā)最好的解決方案自然就是React-Native了,而且也是目前使用最多的。因?yàn)槲覀兊恼n程中增加了大量的完整的React課程,所以,大家上手React-Native變得非常容易。

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

  • 根據(jù)學(xué)生需求更新對(duì)應(yīng)課程,
    適應(yīng)工作需求

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

  • 2024年更新了前端
    第六版課程大綱標(biāo)準(zhǔn)

  • 國(guó)內(nèi)技術(shù)過硬老師
    全程面授

了解WEB前端(HTML5)
  •  

    目前狀態(tài)

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

  •  

    發(fā)展前景

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

  •  

    職位方向

    前端開發(fā)工程師、小程序開發(fā)工程師、高級(jí)前端開發(fā)工程師、前端架構(gòu)師、高級(jí)前端架構(gòu)師

  •  

    尚學(xué)堂的前端

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

  •  

    前端交互層

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

  •  

    前端邏輯層

    前端邏輯層主要體現(xiàn)在前端的渲染問題,我們都知道,目前都是前后端分離或者混合開發(fā),這無疑都是需要前端來進(jìn)行渲染的。也就是我們要考慮的是:模板+數(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ì)量案例可以達(dá)到穩(wěn)扎基礎(chǔ),順利入門的效果。
網(wǎng)頁布局階段屬于尚學(xué)堂課程中一大特色,專門針對(duì)基礎(chǔ)學(xué)員打造,避免上來就學(xué)面向?qū)ο蟮确浅3橄蟾拍?,循序漸進(jìn),真正達(dá)到了學(xué)員聽得懂、學(xué)得會(huì)。
每天一個(gè)案例,難度平穩(wěn)增加,避免只學(xué)理論,避免出現(xiàn)“一聽就會(huì),一寫就廢”

◆ 階段目標(biāo)

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

◆ 階段特色

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

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

◆ 階段說明

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

◆ 階段目標(biāo)

√ 掌握 JavaScript基礎(chǔ)語法,培養(yǎng)編程、邏輯思維
√ 掌握 DOM和BOM對(duì)象的常用屬性和方法,能夠完成網(wǎng)頁常見的交互效果
√ 掌握 ECMAScript 的知識(shí)體系及工作機(jī)制,熟悉 ES6+ 新的語法特性
√ 注重抽象思維的培養(yǎng),具備面向?qū)ο缶幊痰牡哪芰?

◆ 階段特色

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

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

◆ 階段說明

深入理解 ECMAScript 的知識(shí)體系及工作機(jī)制,注重抽象思維的培養(yǎng),具備面向?qū)ο缶幊痰牡哪芰?,添加大量企業(yè)級(jí)需求,從實(shí)際復(fù)雜需求練習(xí)JavaScript技術(shù)。

◆ 階段目標(biāo)

√ 面向?qū)ο缶幊?br /> √ 原型鏈查找
√ 掌握正則表達(dá)式
√ 掌握設(shè)計(jì)模式

◆ 階段特色

√ 注重抽象思維的培養(yǎng),具備面向?qū)ο缶幊痰牡哪芰?br /> √ 大量企業(yè)需求,關(guān)聯(lián)JavaScript使用
√ 超全面面試題及答案講解
√ JavaScript結(jié)合企業(yè)級(jí)項(xiàng)目綜合練習(xí)

面向?qū)ο筮M(jìn)階
原型鏈
構(gòu)造函數(shù)
執(zhí)行上下文
作用域鏈
閉包
this
面試題整理
ES5/ES6/ES7/ES8/ES9應(yīng)用
Promise
Await
ES6對(duì)象新增方法
ES7/ES8/ES9新增屬性
事件隊(duì)列
事件循環(huán)執(zhí)行
同步
異步
面試題整理
JavaScript項(xiàng)目
結(jié)合企業(yè)級(jí)項(xiàng)目
練習(xí)JavaScript技術(shù)知識(shí)點(diǎn)
深入知識(shí)掌握
注重抽象思維的培養(yǎng),具備面向?qū)ο缶幊痰哪芰?/div>
第四階:服務(wù)器端交互
章節(jié)名稱 主要學(xué)習(xí)方向

◆ 階段說明

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

◆ 階段目標(biāo)

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

◆ 階段特色

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

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

◆ 階段說明

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

◆ 階段目標(biāo)

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

◆ 階段特色

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

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

◆ 階段說明

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

◆ 階段目標(biāo)

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

◆ 階段特色

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

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

◆ 階段說明

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

◆ 階段目標(biāo)

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

◆ 階段特色

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

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

◆ 階段說明

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

◆ 階段目標(biāo)

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

◆ 階段特色

√ 掌握React基本語法,能夠使用class組件實(shí)現(xiàn)常見的業(yè)務(wù)功能
√ 掌握運(yùn)用hooks核心知識(shí)
√ 掌握Redux實(shí)現(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 高級(jí)用法
Redux
狀態(tài)管理流程
action、dispatch、store、combineReducers、reducer、redux-thunk、react-redux
開發(fā)調(diào)試工具
實(shí)戰(zhàn)項(xiàng)目
窮游商城PC端項(xiàng)目
房屋海選平臺(tái)移動(dòng)端項(xiàng)目
第九階段:就業(yè)沖刺階段
階段說明
就業(yè)沖刺階段由老師幫助修改簡(jiǎn)歷、模擬面試、解答面試問題。對(duì)之前講解的面試問題進(jìn)行重難點(diǎn)串講。
階段目標(biāo)
√ 掌握企業(yè)真實(shí)項(xiàng)目開發(fā)順序
√ 對(duì)接企業(yè)真是工作需求
√ 建立前端技術(shù)體系,搞定高頻的面試題
√ 掌握多人協(xié)同開發(fā)和解決bug的綜合技巧
階段特色
√ 就業(yè)老師面試指導(dǎo)
√ 簡(jiǎn)歷指導(dǎo)
√ 模擬面試
√ 面試推薦
√ 畢業(yè)后仍可按需學(xué)習(xí),免費(fèi)充電,持續(xù)提升
√ 扶上馬,再送一程,幫助學(xué)員解決工作中的問題