web前端培訓(xùn)課程
石家莊頑石教育
咨詢熱線 400-001-5729
課程詳情 學(xué)校簡介 學(xué)校地址 申請試聽
關(guān)鍵詞：石家莊web前端培訓(xùn)班哪家好
web前端培訓(xùn)課程
平均薪資1.2w+
互聯(lián)網(wǎng)+時代來臨，各個行業(yè)轉(zhuǎn)型升級，學(xué)習(xí)Web前端開發(fā)是高薪之選！
需求日益增長
市場需求大，互聯(lián)網(wǎng)公司W(wǎng)eb前端工程師缺口極大，需要更好的Web工程師。
發(fā)展前景廣闊
Web前端工程師發(fā)展前景大，漲薪速度快。沒錯，就選這個職位！
| 階段名稱 | 技術(shù)名稱 | 技術(shù)內(nèi)容 | 學(xué)習(xí)目標 |
| WEB基礎(chǔ)階段 | HTML基礎(chǔ) | 1.安裝webstorm |
1.掌握WebStorm的使用 2.了解HTML對于網(wǎng)頁的意義 3.掌握HTML標簽與屬性 4.掌握常用標簽 5.掌握無序列表、有序列表和自定義列表 6.掌握表單的使用 7.掌握div與標簽的嵌套規(guī)則 8.掌握行內(nèi)元素與塊元素的使用 9.掌握實體字符 10.掌握HTML5新增標簽與屬性 |
| 2.設(shè)置webstorm | |||
| 3.HTML介紹 | |||
| 4.HTML屬性和值 | |||
| 5.HTML注釋 | |||
| 6.HTML基本結(jié)構(gòu) | |||
| 7.標題標簽h1-h6 | |||
| 8.段落標記p | |||
| 9.強制換行br | |||
| 10.水平線hr及其屬性 | |||
| 11.圖片img | |||
| 12.超鏈接a | |||
| 13.address和pre標簽 | |||
| 14.文本格式化標簽b,i,u,em等 | |||
| 15.無序列表 | |||
| 16.有序列表 | |||
| 17.自定義列表 | |||
| 18.表格 | |||
| 19.實體字符 | |||
| 20.內(nèi)聯(lián)框架iframe | |||
| 21.form表單及其action、method、name屬性 | |||
| 22.input | |||
| 23.input常用屬性value，checked，readonly，disabled | |||
| 24.下拉列表 | |||
| 25.多行文本框textarea | |||
| 26.HTML5新增input類型 | |||
| 27.HTML5新增屬性 | |||
| 28.HTML5新增結(jié)構(gòu)標簽 | |||
| 29.視頻和音頻 | |||
| CSS基礎(chǔ) | 1.css介紹和基礎(chǔ)語法 |
1.掌握CSS基礎(chǔ) 2.掌握CSS引入方式 3.掌握選擇器的使用 4.掌握CSS盒子模型 5.掌握CSS彈性盒子模型 6.掌握浮動與定位 7.掌握字體常見屬性 8.掌握雪碧圖優(yōu)化站點 9.掌握滑動門展示形式 10.掌握特殊圖形繪制 11.掌握CSS3過渡與動畫 12.掌握CSS3的媒體查詢 |
|
| 2.引入css的方式 | |||
| 3.link和@import的區(qū)別 | |||
| 4.css基本選擇器 | |||
| 5.背景屬性 | |||
| 6.字體屬性 | |||
| 7.文本屬性 | |||
| 8.列表屬性 | |||
| 9.關(guān)系選擇器 | |||
| 10.屬性選擇器 | |||
| 11.偽類選擇器 | |||
| 12.偽對象選擇器 | |||
| 13.css hack | |||
| 14.標準盒子模型 border、margin、padding屬性 | |||
| 15.IE和模型 | |||
| 16.box-sizing屬性 | |||
| 17.彈性盒 | |||
| 18.瀏覽器內(nèi)核及廠商前綴 | |||
| 19.浮動及其原理 | |||
| 20.清除浮動的方法 | |||
| 21.display屬性 | |||
| 22.position定位 | |||
| 23.z-index屬性 | |||
| 24.圓角 | |||
| 25.陰影 | |||
| 26.漸變 | |||
| 27.轉(zhuǎn)換 | |||
| 28.過渡 | |||
| 29.動畫 | |||
| 30.繪制三角形、梯形、圓形 | |||
| 31.媒體查詢 | |||
| 32.多列 | |||
| 32.滑動門 | |||
| 34.雪碧圖 | |||
| 小米官網(wǎng)實戰(zhàn) | 首先選擇小米官網(wǎng)為第 一個實戰(zhàn)案例，是因為剛開始入門，有個參考點，另外站點比較偏向目前的卡片式設(shè)計，實現(xiàn)常見效果。目的為學(xué)者練習(xí)編寫小米官網(wǎng)，熟悉div+css布局。 | ||
| 迅雷官網(wǎng) | 此站點特效較多，所以通過練習(xí)編寫次站點，學(xué)生可以更多練習(xí)CSS3的新特性過渡與動畫的實現(xiàn)，并且可以很好的練習(xí)div+css布局。 | ||
| 課程類網(wǎng) | 此站點為響應(yīng)式站點，在目前常見站點中，響應(yīng)式設(shè)計類站點是非常多的，而且大部分公司的站點都需要支持響應(yīng)式，所以，通過練習(xí)次站點，學(xué)者可以熟悉響應(yīng)式這點的設(shè)計流程和實現(xiàn)方式。 | ||
| JavaScript階段 | JavaScript基礎(chǔ)語法 | 1.JavaScript簡介 |
1.熟知JavaScript介紹 2.掌握JavaScript變量聲明 3.掌握JavaScript變量類型與轉(zhuǎn)換 4.掌握JavaScript運算符操作 5.掌握JavaScript條件分支語句 6.掌握JavaScript循環(huán)語句 |
| 2.JavaScript變量 | |||
| 3.JavaScript變量類型 | |||
| 4.JavaScript類型轉(zhuǎn)換 | |||
| 5.JavaScript運算符 | |||
| 6.JavaScript條件分支語句 | |||
| 7.JavaScript循環(huán)語句 | |||
| 數(shù)組與對象 | 1.數(shù)組定義 |
1.掌握數(shù)組定義 2.掌握數(shù)字的應(yīng)用 3.掌握數(shù)組的屬性和方法 4.掌握對象的概念 5.掌握對象的屬性和方法 6.熟練應(yīng)用對象 |
|
| 2.數(shù)組的本質(zhì) | |||
| 3.數(shù)組屬性與運算符 | |||
| 4.數(shù)組的循環(huán)遍歷 | |||
| 5.數(shù)組靜態(tài)方法 | |||
| 6.數(shù)組的實例方法 | |||
| 7.對象概述 | |||
| 8.對象屬性操作 | |||
| 9.對象的靜態(tài)方法 | |||
| 10.對象的實例方法 | |||
| 函數(shù)及相關(guān) | 1.函數(shù)的概念 |
1.了解函數(shù)概念 2.掌握函數(shù)的聲明 3.掌握函數(shù)的屬性和方法 4.掌握JavaScript中的作用域 5.掌握函數(shù)的參數(shù)與返回值 6.掌握閉包的應(yīng)用場景 7.熟練使用閉包 |
|
| 2.函數(shù)的聲明 | |||
| 3.函數(shù)的屬性和方法 | |||
| 4.函數(shù)作用域 | |||
| 5.函數(shù)參數(shù) | |||
| 6.函數(shù)返回值 | |||
| 7.閉包基本概念 | |||
| 8.閉包實現(xiàn) | |||
| 9.閉包應(yīng)用場景 | |||
| 10.自執(zhí)行函數(shù) | |||
| JavaScript標準庫 | 1.包裝對象 |
1.掌握包裝對象 2.掌握Number對象 3.掌握String對象 4.掌握Math對象 5.掌握Date對象 6.掌握JSON對象 7.掌握正則對象 8.熟悉console對象 |
|
| 2.Number對象 | |||
| 3.String對象 | |||
| 4.Math對象 | |||
| 5.Date對象 | |||
| 6.JSON對象 | |||
| 7.RegExp對象 | |||
| 8.console對象 | |||
| 9.屬性描述對象 | |||
| DOM模型與事件 | 1.DOM概述 |
1.掌握JavaScript DOM操作 2.掌握JavaScript 節(jié)點操作 3.掌握事件模型 4.掌握事件操作 5.掌握this關(guān)鍵字 5.掌握Event對象 6.熟練編寫自定義事件 7.理解三級聯(lián)動邏輯 |
|
| 2.Doucment節(jié)點 | |||
| 3.Element節(jié)點 | |||
| 4.屬性的操作 | |||
| 5.Text節(jié)點 | |||
| 6.DoucmentFragment節(jié)點 | |||
| 7.事件模型 | |||
| 8.事件類型 | |||
| 9.事件代理 | |||
| 10.CSS操作 | |||
| 11.自定義事件 | |||
| 12.this關(guān)鍵字 | |||
| 13.Event對象 | |||
| 14.移動端事件類型 | |||
| 15.事件實例操作 | |||
| 16.三級聯(lián)動 | |||
| 網(wǎng)絡(luò)請求與專題 | 1.定時器 |
1.掌握定時器使用 2.掌握BOM對象 3.掌握HTTP協(xié)議 4.掌握XHR對象 5.掌握Ajax 6.能夠獨立封裝Ajax網(wǎng)絡(luò)請求 7.了解錯誤處理機制 8.建立良好的編程風(fēng)格 9.掌握本地存儲 10.了解Window對象 |
|
| 2.BOM對象 | |||
| 3.瀏覽器類型區(qū)分 | |||
| 4.網(wǎng)絡(luò)請求基礎(chǔ) | |||
| 5.HTTP協(xié)議 | |||
| 6.XHR對象 | |||
| 7.XHR實例屬性 | |||
| 8.XHR實例方法 | |||
| 9.XHR實例事件 | |||
| 10.文件上傳 | |||
| 11.封裝網(wǎng)絡(luò)請求 | |||
| 12.異步操作 | |||
| 13.錯誤處理機制 | |||
| 14.編程風(fēng)格 | |||
| 15.跨域處理 | |||
| 16.本地存儲Cookie | |||
| 17.本地存儲WebStorage | |||
| 18.Window對象 | |||
| 19.History對象 | |||
| 面向?qū)ο?/span> | 1.對象簡介 |
1.了解面向?qū)ο?/span> 2.熟悉構(gòu)造函數(shù) 3.掌握new關(guān)鍵字 4.掌握原型與原型鏈的使用 5.掌握對象和常見操作 6.掌握繼承與封裝 7.掌握基本設(shè)計模式原理 8.掌握觀察者模式 9.掌握MVC和MVVM |
|
| 2.構(gòu)造函數(shù) | |||
| 3.new 關(guān)鍵字 | |||
| 4.實例對象創(chuàng)建 | |||
| 5.Prototype對象 | |||
| 6.原型與原型鏈 | |||
| 7.instanceof運算符 | |||
| 8.對象與繼承 | |||
| 9.對象操作與拷貝 | |||
| 10.多重繼承 | |||
| 11.模塊與封裝 | |||
| 12.設(shè)計模式簡介 | |||
| 13.工廠模式 | |||
| 14.觀察者模式 | |||
| 15.單例模式 | |||
| 16.MVC與MVVM | |||
| jQuery階段 | jQuery | 1.jQuery簡介 |
1.熟悉jQuery常見操作 2.熟悉jQuery DOM操作 3.掌握jQuery 核心API 4.掌握jQuery Ajax操作 5.掌握jQuery 選擇器 6.掌握jQuery特效 7.掌握jQuery實戰(zhàn)練習(xí) |
| 2.jQuery DOM操作 | |||
| 3.jQuery事件 | |||
| 4.jQuery表單 | |||
| 5.jQuery CSS操作 | |||
| 6.jQuery核心API | |||
| 7.jQuery特效 | |||
| 8.jQuery尺寸 | |||
| 9.jQuery內(nèi)部函數(shù) | |||
| 10.jQuery選擇器 | |||
| 11.jQuery遍歷操作 | |||
| 12.jQuery數(shù)據(jù)操作 | |||
| 13.jQuery Ajax | |||
| 14.jQuery雜項 | |||
| 15.jQuery實戰(zhàn)練習(xí) | |||
| 第三方UI組件庫 | 1.BootStrap介紹 |
1.掌握BootStrap使用 2.掌握BootStrap柵格系統(tǒng) 3.掌握BootStrap全局樣式 4.掌握BootStrap組件應(yīng)用 5.掌握BootStrap插件應(yīng)用 6.掌握BootStrap定制需求 7.掌握Swiper的應(yīng)用 8.掌握REM移動端適配 9.掌握Echarts圖表 |
|
| 2.BootStrap引入 | |||
| 3.BootStrap柵格系統(tǒng) | |||
| 4.BootStrap全局CSS樣式 | |||
| 5.BootStrap組件應(yīng)用 | |||
| 6.BootStrap JavaScript插件 | |||
| 7.BootStrap定制需求 | |||
| 9.BootStrap實例操作 | |||
| 10.Swiper3.x應(yīng)用 | |||
| 11.Swiper4.x應(yīng)用 | |||
| 12.Echarts圖表應(yīng)用 | |||
| 13.REM移動端適配 | |||
| 14.BootStrap 柵格系統(tǒng)原理響應(yīng)式設(shè)計 | |||
| PHP與數(shù)據(jù)庫 | 1.PHP基礎(chǔ)語法 |
1.掌握PHP基礎(chǔ)語法 2.掌握PHP類與繼承 3.掌握MySQL操作 4.掌握PHP鏈接MySQL 5.熟悉PDO鏈接數(shù)據(jù)庫 6.熟悉前后端交互 7.掌握get和post請求 8.理解前后端交互過程 |
|
| 2.PHP類與繼承 | |||
| 3.PHP中理解面向?qū)ο?/span> | |||
| 4.MySQL基礎(chǔ) | |||
| 5.MySQL數(shù)據(jù)庫操作 | |||
| 6.MySQL Form表單 | |||
| 7.PDO鏈接數(shù)據(jù)庫 | |||
| 8.事務(wù)處理與時間戳 | |||
| 9.PHP+MySQL創(chuàng)建接口 | |||
| 10.前后端交互處理 | |||
| 11.Get與POST請求 | |||
| 12.前后端實戰(zhàn)練習(xí) | |||
| Ajax實戰(zhàn)項目-藍莓派 | 1.藍莓派項目設(shè)計 | 本項目名稱為藍莓派，主要為音樂社區(qū)類型。包含較多的交互功能，例如滑動門，雪碧圖使用，模態(tài)框，瀑布流和焦點輪播圖等效果。當(dāng)然，前后端交互也是不可少的，主要理解前后端交互流程與練習(xí)各種交互實現(xiàn)。 | |
| 2.藍莓派環(huán)境構(gòu)建 | |||
| 3.藍莓派頁面登錄Ajax | |||
| 4.藍莓派頁面登錄與PHP與MySQL | |||
| 5.藍莓派網(wǎng)絡(luò)請求封裝 | |||
| 6.藍莓派頁面加載 | |||
| 7.藍莓派模態(tài)框處理 | |||
| 8.藍莓派分頁器實現(xiàn) | |||
| 9.藍莓派瀑布流效果實現(xiàn) | |||
| 10.藍莓派動態(tài)加載數(shù)據(jù) | |||
| 11.藍莓派音頻控制 | |||
| 12.藍莓派業(yè)務(wù)邏輯實現(xiàn) | |||
| 13.藍莓派進度條實現(xiàn) | |||
| 14.藍莓派第三方UI庫引入 | |||
| 15.藍莓派項目優(yōu)化 | |||
| HTML5新特性 | HTML5新特性 | 1.HTML5語義化標簽 |
1.掌握HTML5新特性有哪些 2.掌握HTML5的語義化標簽實現(xiàn)方式 3.掌握HTML5的本地存儲方式 4.掌握HTML5提供的多媒體使用 5.掌握HTML5 Canvas標簽應(yīng)用 |
| 2.HTML5本地存儲 | |||
| 3.HTML5離線Web應(yīng)用 | |||
| 4.HTML5連貫性 | |||
| 5.HTML5多媒體 | |||
| 6.HTML5性能提升 | |||
| 7.HTML5調(diào)用原生API | |||
| 8.HTML5 Canvas | |||
| 9.HTML5 Canvas應(yīng)用 | |||
| 10.HTML5 Canvas游戲-連連看 | |||
| 11.HTML5 Canvas游戲-消消樂 | |||
