石家莊web前端培訓(xùn)

小班詳詢

課程優(yōu)勢：授課老師經(jīng)驗豐富

上課方式：面授

上課時段：全日制

￥ 8800

預(yù)約試聽在線咨詢

課程詳情教學(xué)點(diǎn) 教學(xué)環(huán)境學(xué)員評論

石家莊web前端培訓(xùn)，培養(yǎng)學(xué)員能夠利用HTML/CSS/JavaScript/Flash等各種Web技術(shù)進(jìn)行客戶端產(chǎn)品的開發(fā)，開發(fā)JavaScript以及Flash模塊，同時結(jié)合后臺開發(fā)技術(shù)模擬整體效果，進(jìn)行豐富互聯(lián)網(wǎng)的Web開發(fā)，致力于通過技術(shù)改善用戶體驗。讓學(xué)員成為互聯(lián)網(wǎng)企業(yè)都在高薪招聘的技術(shù)人才。

WEB前端工程師是什么？

職業(yè)簡介WEB工程師簡介
- 一個互聯(lián)網(wǎng)網(wǎng)站—— 首先需要打造的是用戶交互體驗而做到這些，要通過 HTML5、CSS3、JavaScript、JQuery等Web前端編程技術(shù)實現(xiàn)。所謂互聯(lián)網(wǎng)高級前端工程師，就是精通這些核心的Web前端技術(shù)，具備互聯(lián)網(wǎng)交互設(shè)計能力，熟悉后端服務(wù)器運(yùn)行環(huán)境和數(shù)據(jù)通信協(xié)議，掌握響應(yīng)式布局框架、Bootstrap、AngularJS等JS框架的軟件技術(shù)人才。

選擇Web前端開發(fā)，走上“高薪”之路

為什么要學(xué)Web前端開發(fā)？三大理由，怎能say NO！

平均薪資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ā)展前景大，漲薪速度快。沒錯，就選這個職位！

web前段課程體系

階段名稱	技術(shù)名稱	技術(shù)內(nèi)容	學(xué)習(xí)目標(biāo)
WEB基礎(chǔ)階段	HTML基礎(chǔ)	1.安裝webstorm	1.掌握WebStorm的使用 2.了解HTML對于網(wǎng)頁的意義 3.掌握HTML標(biāo)簽與屬性 4.掌握常用標(biāo)簽 5.掌握無序列表、有序列表和自定義列表 6.掌握表單的使用 7.掌握div與標(biāo)簽的嵌套規(guī)則 8.掌握行內(nèi)元素與塊元素的使用 9.掌握實體字符 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.實體字符
		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.掌握浮動與定位 7.掌握字體常見屬性 8.掌握雪碧圖優(yōu)化站點(diǎn) 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.標(biāo)準(zhǔn)盒子模型 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)案例，是因為剛開始入門，有個參考點(diǎn)，另外站點(diǎn)比較偏向目前的卡片式設(shè)計，實現(xiàn)常見效果。目的為學(xué)者練習(xí)編寫小米官網(wǎng)，熟悉div+css布局。
迅雷官網(wǎng)	此站點(diǎn)特效較多，所以通過練習(xí)編寫次站點(diǎn)，學(xué)生可以更多練習(xí)CSS3的新特性過渡與動畫的實現(xiàn)，并且可以很好的練習(xí)div+css布局。
課程類網(wǎng)	此站點(diǎn)為響應(yīng)式站點(diǎn)，在目前常見站點(diǎn)中，響應(yīng)式設(shè)計類站點(diǎn)是非常多的，而且大部分公司的站點(diǎn)都需要支持響應(yīng)式，所以，通過練習(xí)次站點(diǎn)，學(xué)者可以熟悉響應(yīng)式這點(diǎn)的設(shè)計流程和實現(xiàn)方式。
JavaScript階段	JavaScript基礎(chǔ)語法	1.JavaScript簡介	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ù)組與對象	1.數(shù)組定義	1.掌握數(shù)組定義 2.掌握數(shù)字的應(yīng)用 3.掌握數(shù)組的屬性和方法 4.掌握對象的概念 5.掌握對象的屬性和方法 6.熟練應(yīng)用對象
		2.數(shù)組的本質(zhì)
		3.數(shù)組屬性與運(yùn)算符
		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.掌握J(rèn)avaScript中的作用域 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標(biāo)準(zhǔn)庫	1.包裝對象	1.掌握包裝對象 2.掌握Number對象 3.掌握String對象 4.掌握Math對象 5.掌握Date對象 6.掌握J(rèn)SON對象 7.掌握正則對象 8.熟悉console對象
		2.Number對象
		3.String對象
		4.Math對象
		5.Date對象
		6.JSON對象
		7.RegExp對象
		8.console對象
		9.屬性描述對象
	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對象 6.熟練編寫自定義事件 7.理解三級聯(lián)動邏輯
		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對象
		14.移動端事件類型
		15.事件實例操作
		16.三級聯(lián)動
	網(wǎng)絡(luò)請求與專題	1.定時器	1.掌握定時器使用 2.掌握BOM對象 3.掌握HTTP協(xié)議 4.掌握XHR對象 5.掌握Ajax 6.能夠獨(dú)立封裝Ajax網(wǎng)絡(luò)請求 7.了解錯誤處理機(jī)制 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.錯誤處理機(jī)制
14.編程風(fēng)格
15.跨域處理
16.本地存儲Cookie
17.本地存儲WebStorage
18.Window對象
19.History對象
面向?qū)ο?/td>	1.對象簡介	1.了解面向?qū)ο?br /> 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運(yùn)算符
	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ū)ο?/td>
		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)項目-藍(lán)莓派	1.藍(lán)莓派項目設(shè)計	本項目名稱為藍(lán)莓派，主要為音樂社區(qū)類型。包含較多的交互功能，例如滑動門，雪碧圖使用，模態(tài)框，瀑布流和焦點(diǎn)輪播圖等效果。當(dāng)然，前后端交互也是不可少的，主要理解前后端交互流程與練習(xí)各種交互實現(xiàn)。
		2.藍(lán)莓派環(huán)境構(gòu)建
		3.藍(lán)莓派頁面登錄Ajax
		4.藍(lán)莓派頁面登錄與PHP與MySQL
		5.藍(lán)莓派網(wǎng)絡(luò)請求封裝
		6.藍(lán)莓派頁面加載
		7.藍(lán)莓派模態(tài)框處理
		8.藍(lán)莓派分頁器實現(xiàn)
		9.藍(lán)莓派瀑布流效果實現(xiàn)
		10.藍(lán)莓派動態(tài)加載數(shù)據(jù)
		11.藍(lán)莓派音頻控制
		12.藍(lán)莓派業(yè)務(wù)邏輯實現(xiàn)
		13.藍(lán)莓派進(jìn)度條實現(xiàn)
		14.藍(lán)莓派第三方UI庫引入
		15.藍(lán)莓派項目優(yōu)化
HTML5新特性	HTML5新特性	1.HTML5語義化標(biāo)簽	1.掌握HTML5新特性有哪些 2.掌握HTML5的語義化標(biāo)簽實現(xiàn)方式 3.掌握HTML5的本地存儲方式 4.掌握HTML5提供的多媒體使用 5.掌握HTML5 Canvas標(biāo)簽應(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游戲-消消樂