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

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

第二周：H5和CSS3新特性

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

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

第三周：CSS3動畫SASS和BootStrap

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

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

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

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

課程目標(biāo)：通過項目掌握第 一階段HTML、CSS的內(nèi)容、完成PC端頁面設(shè)計和后臺管理系統(tǒng)頁面設(shè)計

第五周：JavaScript編程基礎(chǔ)

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

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

第六周：WebAPI核心編程

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

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

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

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

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

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

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

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

第九周： JavaScript高級特性

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

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

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

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

課程目標(biāo)：掌握面向?qū)ο缶幊袒舅枷耄琻odejs+express搭建后臺，熟練使用mongodb搭建數(shù)據(jù)庫以及用mongoose實現(xiàn)后臺于數(shù)據(jù)庫交互
第十一周：前后端分離實戰(zhàn)

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

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

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

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

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

第十三周：Vue.js全家桶

知識要點：Vue CLI的使用、Vue基本語法、組件、生命周期、MVVM、Vue Router、Vuex、axios的封裝、Vue的打包配置

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

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

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

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

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

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

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

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

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

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

課程目標(biāo)：團隊協(xié)作完成畢業(yè)項目

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

知識要點：組件、props、state、事件、表單、生命周期、hooks、React Router

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

第十八周：Redux和React-Native

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

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

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

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

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

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

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

課程目標(biāo)：團隊協(xié)作完成畢業(yè)項目

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

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

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

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

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

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

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