階段走進前端之HTML5 CSS3 第1章大前端時代 1.1什么是大前端 1.2大前端時代帶來的變革和機遇 1.3前端工程師的需求和前景 1.3.1前端工程師崗位要求 1.3.2市場對前端工程師的需求 1.3.3未來前景 1.4Web前端開發(fā)工具 1.5瀏覽器工具 第2章HTML5核心技術 2.1HTML初識 2.2HTML基本結構 2.2.1HTML骨架 2.2.2基本語法 2.2.3注釋 2.3HTML常用標簽 2.3.1基礎標簽 2.3.2文本格式化標簽 2.3.3特殊符號 2.3.4圖像標簽 2.3.5路徑和相對路徑 2.3.6超鏈接標簽 2.3.7框架標簽 2.3.8容器標簽 2.4列表 2.4.1無序列表 2.4.2有序列表 2.4.3定義列表 2.4.4綜合實戰(zhàn) 2.5表格 2.5.1表格概述 2.5.2表格標題 2.5.3表格屬性 2.5.4表格行和列的屬性 2.5.5合并單元格 2.5.6表格嵌套 2.5.7綜合實戰(zhàn) 2.6表單 2.6.1表單標簽form 2.6.2輸入標簽input 2.6.3標記標簽label 2.6.4多行文本標簽textarea 2.6.5下拉列表標簽select 2.6.6域標簽fieldset 2.6.7綜合實戰(zhàn) 2.7塊級元素和行內元素的區(qū)別 第3章HTML5新增標簽和屬性 3.1HTML5表單新增 3.1.1HTML5新增輸入類型 3.1.2HTML5新增元素標簽 3.1.3HTML5新增屬性 3.2HTML5新增結構標簽 3.2.1新增文檔結構標簽 3.2.2新增格式標簽 3.3HTML5媒體標簽 3.3.1聲頻 3.3.2視頻 第4章CSS3核心模塊 4.1CSS核心基礎 4.1.1CSS介紹 4.1.2CSS的優(yōu)勢 4.1.3基本語法 4.1.4CSS引入方式 4.1.5CSS引入方式的優(yōu)先級 4.1.6開發(fā)者工具(Chrome) 4.1.7基礎選擇器 4.1.8復合選擇器 4.1.9偽類選擇器 4.1.10屬性選擇器 4.1.11繼承與層疊 4.1.12DIV CSS布局 4.1.13綜合實戰(zhàn) 4.2CSS美化頁面元素 4.2.1字體樣式 4.2.2文本樣式 4.2.3顏色 4.2.4背景樣式 4.2.5列表樣式 4.2.6綜合實戰(zhàn) 4.3盒模型 4.3.1什么是盒模型 4.3.2盒子大小 4.3.3定義邊框border 4.3.4外邊距margin 4.3.5內邊距padding 4.3.6綜合實戰(zhàn) 4.4浮動和定位 4.4.1浮動應用 4.4.2清除浮動 4.4.3display和overflow屬性 4.4.4定位 4.4.5zindex屬性 4.4.6綜合實戰(zhàn) 第5章CSS3新增特性 5.1CSS3邊框與漸變 5.1.1CSS3特效邊框 5.1.2漸變 5.2轉換 5.2.12D轉換 5.2.23D轉換 5.3過渡與動畫 5.3.1過渡 5.3.2動畫 5.4響應式 5.4.1媒體查詢 5.4.2響應式布局 5.4.3多列 5.5CSS3高級技巧 5.5.1字體圖標 5.5.2雪碧圖 5.5.3滑動門 第6章企業(yè)級項目： 小米官網（264min） 6.1小米黑色導航條 6.2小米白色導航條 6.3小米輪播圖和滑動門 6.4小米小廣告位 6.5小米閃購 6.6小米手機部分 6.7小米視頻部分 6.8頁腳
第二階段探索JavaScript的奧秘 第7章JavaScript基礎 7.1快速入門 7.1.1JavaScript簡介 7.1.2第1個JavaScript 程序 7.1.3JavaScript語法 7.1.4JavaScript 變量 7.1.5數(shù)據(jù)類型 7.1.6JavaScript 輸出 7.2運算符 7.2.1算術運算符 7.2.2賦值運算符 7.2.3比較運算符 7.2.4邏輯運算符 7.2.5三元運算符 7.2.6運算符的優(yōu)先級 7.3程序控制語句 7.3.1順序結構語句 7.3.2分支結構語句 7.3.3循環(huán)結構語句 7.4函數(shù) 7.4.1常用系統(tǒng)函數(shù) 7.4.2自定義函數(shù) 7.5對象 7.5.1創(chuàng)建對象 7.5.2對象的使用 7.6內置對象 7.6.1Array 7.6.2Math 7.6.3Date 7.6.4String 第8章JavaScript深入解析 8.1DOM 8.1.1DOM簡介 8.1.2節(jié)點 8.1.3節(jié)點獲取 8.1.4節(jié)點操作 8.1.5DOM CSS 8.2事件處理 8.2.1鼠標事件 8.2.2鍵盤事件 8.2.3窗口事件 8.2.4表單事件 8.3BOM 8.3.1window對象 8.3.2history對象 8.3.3location對象 8.3.4navigator對象 8.3.5screen對象 8.4綜合實戰(zhàn) 第三階段PC端整棧開發(fā) 第9章jQuery模塊 9.1初識jQuery 9.2jQuery對象和DOM對象 9.3jQuery 選擇器 9.3.1基本選擇器 9.3.2層次選擇器 9.3.3基本過濾選擇器 9.3.4屬性過濾選擇器 9.3.5表單選擇器 9.4jQuery中的DOM操作 9.4.1樣式操作 9.4.2內容操作 9.4.3節(jié)點操作 9.4.4屬性操作 9.4.5節(jié)點遍歷 9.5鏈式編程與隱式迭代 9.6事件和動畫 9.6.1頁面載入 9.6.2常用事件 9.6.3事件對象的屬性與方法 9.6.4常用動畫方法 9.6.5自定義動畫方法 9.7原生 Ajax 9.7.1JSON 9.7.2純JS的Ajax請求 9.8jQuery Ajax 9.9jQuery 插件 9.9.1jQuery UI 9.9.2自定義jQuery插件 9.9.3編寫jQuery插件之放大鏡 9.10綜合實戰(zhàn) 第10章Bootstrap模塊 10.1Bootstrap簡介 10.2搭建Bootstrap環(huán)境 10.3Bootstrap柵格系統(tǒng) 10.3.1柵格系統(tǒng)介紹 10.3.2在Bootstrap中創(chuàng)建柵格 10.3.3響應式列的重置 10.3.4列偏移、排序和嵌套 10.4全局 CSS 樣式 10.4.1排版 10.4.2代碼 10.4.3表格 10.4.4表單 10.4.5按鈕 10.4.6圖片 10.5組件應用 10.5.1字體圖標 10.5.2下拉菜單 10.5.3導航 10.5.4按鈕組 10.6使用Bootstrap JavaScript插件 10.6.1如何使用Bootstrap JavaScript插件 10.6.2動畫過渡(Transition) 10.6.3模態(tài)彈出框(Modal) 第11章企業(yè)級項目： 藍莓派音樂社區(qū)（260min） 11.1XAMPP安裝 11.2藍莓派音樂頁面登錄Ajax請求 11.3藍莓派登錄后臺構建 11.4藍莓派登錄后頁面結構變更 11.5首頁輪播數(shù)據(jù)構建與Ajax請求 11.6首頁輪播數(shù)據(jù)頁面加載 11.7藍莓派模態(tài)框處理與加載 11.8分頁器原理解析 11.9聊聊模塊瀑布流繪制加載 11.10聲頻播放控制器結構與按鈕邏輯 11.11聲頻按鈕與聲頻播放實現(xiàn) 11.12播放時間變換與進度條改變
第四階段ES6 Node 工程化 第12章ES6 新特性 12.1ES6 簡介 12.2ES6 變量 12.2.1let和const 12.2.2變量的解構賦值 12.3字符串擴展 12.3.1模板字符串 12.3.2標簽模板 12.3.3字符串新增方法 12.4數(shù)值的擴展 12.4.1Symbol數(shù)據(jù)類型 12.4.2Number 12.5函數(shù)的擴展 12.6數(shù)組的擴展 12.7對象的擴展 12.8Set和Map數(shù)據(jù)結構 12.9Class基礎語法 12.10Class的繼承 12.11模塊化 第13章Node.js編程模塊 13.1Node.js基礎 13.1.1Node.js優(yōu)點 13.1.2Node.js安裝 13.1.3全局對象 13.1.4回調函數(shù) 13.1.5模塊(CommonJS規(guī)范) 13.1.6事件 13.1.7文件讀寫 13.1.8流和管道 13.2Node.js實現(xiàn)Web服務 13.2.1創(chuàng)建第1個應用 13.2.2模塊化組織代碼 13.2.3路由 13.2.4重構路由代碼 13.2.5使用GET和POST發(fā)送數(shù)據(jù) 13.3NPM命令 13.3.1使用NPM命令安裝模塊 13.3.2package.json 13.3.3熱部署 13.4Express框架 13.4.1Express介紹 13.4.2Express環(huán)境搭建 13.4.3Express初體驗 13.4.4Express路由 13.4.5GET與POST傳遞參數(shù) 13.4.6托管靜態(tài)資源 13.4.7Express中間件 第14章前端工程化 14.1Less 14.1.1Less介紹 14.1.2Less環(huán)境構建及使用 14.1.3Less語法 14.2Sass 14.3Webpack構建工具 14.3.1Webpack簡介 14.3.2安裝 Webpack 14.3.3Webpack之Loader配置和使用 14.3.4Webpack之Plugin的使用 14.3.5使用DevServer 14.3.6更多配置 14.3.7Webpack和Vue結合使用
第五階段Vue技術棧 第15章Vue知識體系 15.1Vue簡述及使用 15.1.1什么是Vue 15.1.2為什么選擇Vue 15.1.3Vue的3種安裝方式 15.1.4第1個Vue程序 15.2模板語法 15.2.1插值 15.2.2指令 15.2.3過濾器 15.3實例及選項 15.3.1數(shù)據(jù)選項 15.3.2屬性選項 15.3.3方法選項 15.3.4計算屬性 15.3.5表單控件 15.3.6生命周期 15.4模板渲染 15.4.1條件渲染 15.4.2列表渲染 15.4.3template標簽用法 15.5事件綁定 15.5.1基本用法 15.5.2修飾符 15.6基礎demo案例 15.6.1列表渲染 15.6.2功能實現(xiàn) 15.7自定義指令 15.7.1指令的注冊 15.7.2指令的定義對象 15.7.3指令實例屬性 15.7.4案例： 下拉菜單 15.7.5案例： 相對時間轉換 15.8組件 15.8.1什么是組件 15.8.2組件的基本使用 15.8.3DOM模板解析說明 15.8.4組件選項 15.8.5組件通信 15.8.6內容分發(fā) 15.8.7動態(tài)組件 15.8.8綜合案例 15.9過渡與動畫 15.9.1元素/組件過渡 15.9.2使用過渡類實現(xiàn)動畫 第16章Vue工程化 16.1VueCLI 16.1.1Node.js 16.1.2NPM 16.1.3基本使用 16.2項目打包與發(fā)布 16.2.1使用靜態(tài)服務器工具包發(fā)布打包 16.2.2使用動態(tài)Web服務器(Tomcat)發(fā)布打包 16.3Vuedevtools 16.3.1Vuedevtools的安裝 16.3.2Vuedevtools使用 第17章UI組件庫和常用插件 17.1elementui 17.2Vuerouter 17.2.1基本用法 17.2.2跳轉 17.2.3路由嵌套 17.2.4路由參數(shù)傳遞 17.3Axios 17.3.1基本使用 17.3.2JSONServer的安裝及使用 17.3.3跨域處理 17.3.4Vue中Axios的封裝 17.4Vuex 17.4.1初識Vuex 17.4.2基本用法 17.4.3模塊組 第18章企業(yè)級項目： 部門管理系統(tǒng)（173min） 18.1技術分析 18.2項目構建 18.2.1前端項目搭建 18.2.2后端項目搭建 18.2.3數(shù)據(jù)庫設計 18.3查詢數(shù)據(jù) 18.3.1后端實現(xiàn) 18.3.2前端實現(xiàn) 18.4加載菜單 18.4.1引入elementui 18.4.2加載菜單 18.5帶分頁數(shù)據(jù)查詢 18.5.1后端接口實現(xiàn) 18.5.2前端實現(xiàn) 18.6部門員工的錄入 18.6.1后端接口實現(xiàn) 18.6.2前端實現(xiàn) 18.7部門數(shù)據(jù)編輯 18.7.1后端接口實現(xiàn) 18.7.2前端實現(xiàn) 18.8部門數(shù)據(jù)刪除 18.8.1后端接口實現(xiàn) 18.8.2前端實現(xiàn)