第 一周：HTML和CSS入門

知識要點(diǎn)：PhotoShop摳圖、切片技巧、pxcook標(biāo)注、Web前端開發(fā)環(huán)境、HTML常用標(biāo)簽、表單元素、CSS基礎(chǔ)樣式使用、字體圖標(biāo)設(shè)計(jì)

課程目標(biāo)：熟練運(yùn)用HTML和CSS樣式屬性完成頁面的布局和美化，基于PSD原稿完成頁面像素級還原布局和設(shè)計(jì)。

第二周：H5和CSS3新特性

知識要點(diǎn)：選擇器、選擇器權(quán)重計(jì)算樣式繼承、IFC、BFC、常見布局技巧、CSS新增特性

課程目標(biāo)：熟練掌握網(wǎng)頁布局技巧，熟悉CSS3新特性完成頁面設(shè)計(jì)和優(yōu)化

第三周：CSS3動(dòng)畫SASS和BootStrap

知識要點(diǎn)：彈性布局、transtion過渡、tranform動(dòng)畫、Animation動(dòng)畫使用技巧，2D動(dòng)畫和3D動(dòng)畫設(shè)計(jì)，預(yù)編譯CSS技術(shù)：Sass基礎(chǔ)知識、響應(yīng)式布局原理、BootStrap源碼分析以及插件的運(yùn)用

課程目標(biāo)：理解動(dòng)畫的原理，掌握動(dòng)畫的基礎(chǔ)設(shè)計(jì)并完成網(wǎng)頁動(dòng)態(tài)效果設(shè)計(jì)，熟練掌握網(wǎng)頁布局，能夠熟練使用Less、Sass完成項(xiàng)目開發(fā)，深入了解BootStrap設(shè)計(jì)

第四周：項(xiàng)目實(shí)戰(zhàn)及優(yōu)化《生鮮平臺(tái)》《家具網(wǎng)站》

知識要點(diǎn)：使用HTML、CSS、LESS、SASS等技術(shù)完成蝸牛家具網(wǎng)項(xiàng)目實(shí)戰(zhàn)

課程目標(biāo)：通過項(xiàng)目掌握第 一階段HTML、CSS的內(nèi)容、完成PC端頁面設(shè)計(jì)和后臺(tái)管理系統(tǒng)頁面設(shè)計(jì)
第五周：JavaScript編程基礎(chǔ)

知識要點(diǎn)：JavaScript發(fā)展及組成、變量、數(shù)據(jù)類型、控制結(jié)構(gòu)、數(shù)組和函數(shù)

課程目標(biāo)：了解JavaScript的發(fā)展，熟練掌握J(rèn)avaScript的基礎(chǔ)知識

第六周：WebAPI核心編程

知識要點(diǎn)：BOM操作和DOM操作學(xué)習(xí)，熟練使用jQuery框架開發(fā)，代碼優(yōu)化。

課程目標(biāo)：熟練使用BOM的各種對象、熟練操作DOM的對象

第七周：jQuery+H5實(shí)戰(zhàn)

知識要點(diǎn)：jQuery實(shí)戰(zhàn)、H5相關(guān)api、以及canvas繪圖技術(shù)使用、隨機(jī)數(shù)據(jù)模擬

課程目標(biāo)：熟練使用所學(xué)知識來完成蝸牛電影城項(xiàng)目開發(fā)和蝸牛小麥網(wǎng)項(xiàng)目開發(fā)

第八周：項(xiàng)目實(shí)戰(zhàn)及優(yōu)化《蝸牛影城票務(wù)系統(tǒng)》《蝸牛小麥網(wǎng)》

知識要點(diǎn)：使用HTML、CSS、LESS、SASS、JavaScript、jQuery、Ajax等技術(shù)完成項(xiàng)目實(shí)戰(zhàn)

課程目標(biāo)：熟練使用所學(xué)知識來完成蝸牛電影城項(xiàng)目開發(fā)和蝸牛小麥網(wǎng)項(xiàng)目開發(fā)

第九周：JavaScript高級特性

知識要點(diǎn)：JavaScript高級特性：閉包、作用域鏈、遞歸、IIFE、立即函數(shù)等，ES6新增特性：解構(gòu)賦值、擴(kuò)展運(yùn)算符，箭頭函數(shù)等

課程目標(biāo)：掌握高級特性概念以及運(yùn)用，熟練使用ES6的新增特性

第十周：Nodejs+MongoDB編程實(shí)戰(zhàn)

知識要點(diǎn)：面向?qū)ο蟮幕A(chǔ)概念、nodejs的使用以及express框架的基礎(chǔ)運(yùn)用，MongoDB的使用以及mongoose的api學(xué)習(xí)

課程目標(biāo)：掌握面向?qū)ο缶幊袒舅枷?，nodejs+express搭建后臺(tái)，熟練使用mongodb搭建數(shù)據(jù)庫以及用mongoose實(shí)現(xiàn)后臺(tái)于數(shù)據(jù)庫交互

第十一周：前后端分離實(shí)戰(zhàn)

知識要點(diǎn)：webpack打包工具的使用、異步編程的概念、ajax、promise、async/await、git版本工具使用

課程目標(biāo)：掌握webpack對項(xiàng)目進(jìn)行打包，熟練使用異步編程進(jìn)行數(shù)據(jù)交互并部署到gitee上

第十二周：項(xiàng)目實(shí)戰(zhàn)和優(yōu)化《信用卡金融平臺(tái)》《保險(xiǎn)保單平臺(tái)》

知識要點(diǎn)：需求分析，數(shù)據(jù)庫設(shè)計(jì)，后臺(tái)開發(fā)，使用vue、node完成pc和移動(dòng)端整站開發(fā)

課程目標(biāo)：基于Node.js+Vue.js+Webpack+MongoDB+Git，實(shí)現(xiàn)整站項(xiàng)目完整功能并上線發(fā)布

知識要點(diǎn)：VueCLI的使用、Vue基本語法、組件、生命周期、MVVM、VueRouter、Vuex、axios的封裝、Vue的打包配置

課程目標(biāo)：對Vue.js框架的基本使用有清晰的理解，對MVVM模式有深刻理解，熟練運(yùn)用Vue.js全家桶完成Web前端開發(fā)和組件開發(fā)

第十四周：ElementUI+VUE3.0+數(shù)據(jù)可視化

知識要點(diǎn)：elementui框架、Echarts、d3.js、vite工具的使用、Vue3.0

課程目標(biāo)：使用Echarts對數(shù)據(jù)實(shí)現(xiàn)動(dòng)態(tài)的可視化渲染，了解d3.js的基本語法

通過vite搭建vue3.0項(xiàng)目，并使用vue3.0完成基本的前端開發(fā)

第十五周：微信小程序和uni-app

知識要點(diǎn)：微信小程序：基本介紹、開發(fā)工具、wxml和wxss、全局配置和頁面配置、自定義組件、本地存儲(chǔ)、網(wǎng)絡(luò)請求、導(dǎo)航、云開發(fā)、小程序發(fā)布

課程目標(biāo)：uni-app：開發(fā)工具、基本使用、vuex、地圖功能

第十六周：畢業(yè)項(xiàng)目《k15在線視頻教育》《菜譜大全小程序》

知識要點(diǎn)：WoniuCarRental，整個(gè)項(xiàng)目前后端分離開發(fā)；整個(gè)項(xiàng)目分為四部分：PC端網(wǎng)頁、移動(dòng)端APP、小程序、后臺(tái)管理。團(tuán)隊(duì)協(xié)作開發(fā)，使用git進(jìn)行版本控制；

課程目標(biāo)：團(tuán)隊(duì)協(xié)作完成畢業(yè)項(xiàng)目

第十七周：React實(shí)戰(zhàn)

知識要點(diǎn)：組件、props、state、事件、表單、生命周期、hooks、ReactRouter

課程目標(biāo)：熟練使用react全家桶完成項(xiàng)目開發(fā)

第十八周：Redux和React-Native

知識要點(diǎn)：Redux、saga、thunk中間件、ReactNative：環(huán)境搭建、組件、樣式、表單、事件、網(wǎng)絡(luò)請求、列表刷新、導(dǎo)航、底部tab導(dǎo)航欄、打包APK

課程目標(biāo)：熟練使用react-native開發(fā)移動(dòng)端app

第十九周：TypeScript+umi.js+dva.js

知識要點(diǎn)：TypeScript核心編程、語法檢測、面向?qū)ο笳Z法、dva.js、umi.js介紹

課程目標(biāo)：基于TypeScript+dvajs+umijs完成項(xiàng)目實(shí)戰(zhàn)開發(fā)

第二十周：畢業(yè)項(xiàng)目《汽車生活服務(wù)》《在線金融平臺(tái)》

知識要點(diǎn)：整個(gè)項(xiàng)目前后端分離開發(fā)；整個(gè)項(xiàng)目分為四部分：PC端網(wǎng)頁、移動(dòng)端APP、小程序、后臺(tái)管理團(tuán)隊(duì)協(xié)作開發(fā)，使用git進(jìn)行版本控制；

課程目標(biāo)：團(tuán)隊(duì)協(xié)作完成畢業(yè)項(xiàng)目

第二十一周：提升課程和就業(yè)輔導(dǎo)

flutter實(shí)戰(zhàn)：基于flutter框架來搭建app開發(fā)環(huán)境，講解flutter開發(fā)模式

SSR：理解SSR運(yùn)行原理及為什么需要使用SSR|掌握SSR環(huán)境搭建|掌握使用緩存和stream對SSR進(jìn)行優(yōu)化|掌握Nuxt.js/Next.js的應(yīng)用

框架源碼分析：TypeScript在Vue中源碼分析，Vue虛擬dom實(shí)現(xiàn)原理、MVVM實(shí)現(xiàn)流程、數(shù)據(jù)劫持

性能優(yōu)化：網(wǎng)頁性能優(yōu)化方案，腳本性能優(yōu)化方案，框架性能優(yōu)化方案，瀏覽器底層內(nèi)核、內(nèi)存分配管理、垃圾回收。

簡歷指導(dǎo)：知識體系梳理、簡歷項(xiàng)目指導(dǎo)、簡歷人事指導(dǎo)

模擬面試：針對每個(gè)學(xué)生進(jìn)行模擬面試，針對每個(gè)學(xué)生基礎(chǔ)進(jìn)行查漏補(bǔ)缺