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