第 一周：HTML和CSS入門

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

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

第二周：H5和CSS3新特性

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

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

第三周：CSS3動畫SASS和BootStrap

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

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

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

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

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

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

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

第六周：WebAPI核心編程

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

課程目標：熟練使用BOM的各種對象、熟練操作DOM的對象

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

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

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

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

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

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

第九周：JavaScript高級特性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第十八周：Redux和React-Native

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

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

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

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

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

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

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

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

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

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

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

框架源碼分析：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)存分配管理、垃圾回收。

簡歷指導：知識體系梳理、簡歷項目指導、簡歷人事指導

模擬面試：針對每個學生進行模擬面試，針對每個學生基礎進行查漏補缺