第一階段  網頁核心設計

 HTML和CSS入門

        課程內容：PhotoShop摳圖、切片技巧、pxcook標注、Web前端開發(fā)環(huán)境、HTML常用標簽

        表單元素、CSS基礎樣式使用、字體圖標設計

        實戰(zhàn)項目： 熟練運用HTML和CSS樣式屬性完成頁面的布局和美化，基于PSD原稿完成頁面像

        素級還原布局和設計

  布局實戰(zhàn)、H5控件和CSS3新特性 

        課程內容：選擇器、選擇器權重計算樣式繼承、IFC、 BFC、常見布局技巧、CSS新增特性

        實戰(zhàn)項目：熟練掌握網頁布局技巧，熟悉CSS3新特性完成頁面設計和優(yōu)化

  CSS3動畫SASS和BootStrap

        課程內容： 彈性布局、transtion過渡 、tranform動畫 、Animation動畫使用技巧， 2D動畫和3D

        動畫設計，預編譯CSS技術: Sass基礎知識、響應式布局原理、BootStrap源碼分

        析以及插件的運用

        實戰(zhàn)項目：理解動畫的原理，掌握動畫的基礎設計并完成網頁動態(tài)效果設計，熟練掌握網頁布

        局，能夠熟練使用Less、Sass完成項目開發(fā)，深入了解BootStrap設計

  項目實戰(zhàn)及優(yōu)化《生鮮平臺》《家具網站》

        課程內容：使用HTML、CSS、 LESS、SASS等技術完成蝸牛家具網項目實戰(zhàn)

        項目實戰(zhàn)及優(yōu)化《生鮮平臺》《家具網站》

        實戰(zhàn)項目：通過項目掌握第一-階段HTML、CSS的內容、完成PC端頁面設計和后臺管理系統(tǒng)頁

        面設計

第二階段  網頁動態(tài)交互

JavaScript編程基礎

  課程內容：JavaScript發(fā)展及組成、變量數據類型、控制結構、數組和函數

 實戰(zhàn)項目 ：了解JavaScript的發(fā)展，熟練掌握JavaScript的基礎知識

WebAPI核心編程

課程內容：BOM操作和DOM操作學習，熟練使用jQuery框架開發(fā)，代碼優(yōu)化

實戰(zhàn)項目：熟練使用BOM的各種對象、熟練操作DOM的對象

jQuery+H5實戰(zhàn)

課程內容：jQuery實戰(zhàn)、H5相關api、以及canvas繪圖技術使用、隨機數據模擬

實戰(zhàn)項目：熟練使用所學知識來完成蝸牛電影城項目開發(fā)和蝸牛小麥網項目開發(fā)

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

課程內容：使用HTML、CSS、LESS、SASS、JavaScript、 jQuery、 Ajax等 技術完成項目實戰(zhàn)

實戰(zhàn)項目：熟練使用所學 知識來完成蝸牛電影城項目開發(fā)和蝸牛小麥網項目開發(fā)

第三階段 前后端分離實戰(zhàn)

JavaScript高級特性

  課程內容：JavaScript高級特性:閉包、作用域鏈、遞歸、IFE、立即函數等，

ES6新增特性:解構賦值、擴展運算符，箭頭函數等

實戰(zhàn)項目：掌握高級特性概念以及運用，熟練使用ES6的新增特性

Nodejs+MongoDB編程實戰(zhàn)

課程內容:面向對象的基礎概念、nodejs的使用以及express框架的基礎運用，MongoDB的使

用以及mongoose的api學習

實戰(zhàn)項目：掌握面向對象編程基本思想，nodejs+express搭 建后臺，熟練使用mongodb搭建數

據庫以及用mongoose實現(xiàn)后臺于數據庫交互

前后端分離實戰(zhàn)

課程內容：webpack打包工具的使用、異步編程的概念、ajax、 promise、 async/ await、

git版本工具使用

實戰(zhàn)項目：掌握webpack對項目進行打包， 熟練使用異步編程進行數據交互并部署到gitee上

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

課程內容：需求分析，數據庫設計,后臺開發(fā)，使用vue 、node完成pc和移動端整站開發(fā)

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

第四階段  Vue.js全家桶實戰(zhàn)

 Vue.js全家桶

課程內容：Vue CLI的使用、Vue基本語法、組件、生命周期、MVVM、Vue Router. Vuex、

axios的封裝、Vue的打包配置

實戰(zhàn)項目：對Vue.js框架的基本使用有清晰的理解，對MVVM模式有深刻理解，熟練運用Vue.js

全家桶完成Web前端開發(fā)和組件開發(fā)

ElementUl+VUE3.0

課程內容：elementui框架、Echarts. d3.js、 vite工 具的使用、Vue3.0

實戰(zhàn)項目：使用Echarts對數據實現(xiàn)動態(tài)的可視化渲染，了 解d3.js的基本語法通過vite搭建

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

微信小程序和uni-app

課程內容：微信小程序:基本介紹、開發(fā)工具、wxml和wxss、全局配置和頁面配置、自定義組件、

本地存儲、網絡請求

實戰(zhàn)項目：uni-app:開發(fā)工具、基本使用、vuex、 地圖功能

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

課程內容：WoniuCarRental,整個項目前后端分離開發(fā);整個項目分為四部分: PC端網頁、

移動端APP、小程序、后臺管理。團隊協(xié)作開發(fā)，使用git進行版 本控制;

實戰(zhàn)項目：團隊協(xié)作完成畢業(yè)項目