全棧工程師培訓(xùn)

小班詳詢

課程優(yōu)勢(shì)：扎實(shí)的理論知識(shí)+真實(shí)項(xiàng)目實(shí)戰(zhàn)

上課方式：面授

上課時(shí)段：全日制,周末班

￥詢價(jià)

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

課程詳情教學(xué)點(diǎn) 教學(xué)環(huán)境學(xué)員評(píng)論相關(guān)推薦

全棧工程師培訓(xùn)，從WEB基礎(chǔ)階段、JavaScript階段、jQuery階段、HTML5新特性、高級(jí)框架階段、微信小程序等課程內(nèi)容學(xué)起，讓學(xué)員掌握端開(kāi)發(fā)、界面設(shè)計(jì)、產(chǎn)品設(shè)計(jì)、數(shù)據(jù)庫(kù)等等多種技術(shù)，能夠很好地在一個(gè)項(xiàng)目中發(fā)揮作用，提高溝通效率，降低溝通成本。

課程背景

現(xiàn)代項(xiàng)目的開(kāi)發(fā)，需要掌握多種技術(shù)。互聯(lián)網(wǎng)項(xiàng)目，需要用到后端開(kāi)發(fā)、前端開(kāi)發(fā)、界面設(shè)計(jì)、產(chǎn)品設(shè)計(jì)、數(shù)據(jù)庫(kù)、各種移動(dòng)客戶端、三屏兼容、restFul API設(shè)計(jì)和OAuth等等，比較前衛(wèi)的項(xiàng)目，還會(huì)用到Single Page Application、Web Socket、HTML5/CSS3這些技術(shù)以及像第三方開(kāi)發(fā)像微信公眾號(hào)微博應(yīng)用等等。所以說(shuō)一個(gè)現(xiàn)代化的項(xiàng)目，是一個(gè)非常復(fù)雜的構(gòu)成，我們需要一個(gè)人來(lái)掌控全局，他不需要是各種技術(shù)的專家，但他需要熟悉到各種技術(shù)。對(duì)于一個(gè)團(tuán)隊(duì)特別是互聯(lián)網(wǎng)企業(yè)來(lái)說(shuō)，有一個(gè)全局性思維的人非常非常重要。而這個(gè)人我們稱之為全棧工程師。

適合人群

學(xué)生人群 icon
如果你自制力強(qiáng)、有上進(jìn)心，想通過(guò)學(xué)習(xí)來(lái)改變現(xiàn)狀，那么我們讓你點(diǎn)亮高薪人生！
技術(shù)進(jìn)階 icon
打造令人驚艷的前端用戶體驗(yàn)，成為職場(chǎng)中的搶手人才。
轉(zhuǎn)行需求 icon
業(yè)余時(shí)間掌握前端開(kāi)發(fā)技能，輕松實(shí)現(xiàn)職業(yè)轉(zhuǎn)化。
興趣愛(ài)好 icon
向往成為一個(gè)全棧工程師，跟隨大咖工程師，親手實(shí)現(xiàn)你的創(chuàng)意。

全棧工程師課程體系

階段名稱	技術(shù)名稱	技術(shù)內(nèi)容	學(xué)習(xí)目標(biāo)
WEB基礎(chǔ)階段	HTML基礎(chǔ)	1.安裝webstorm	1.掌握WebStorm的使用 2.了解HTML對(duì)于網(wǎng)頁(yè)的意義 3.掌握HTML標(biāo)簽與屬性 4.掌握常用標(biāo)簽 5.掌握無(wú)序列表、有序列表和自定義列表 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.無(wú)序列表
		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類(lèi)型
		27.HTML5新增屬性
		28.HTML5新增結(jié)構(gòu)標(biāo)簽
		29.視頻和音頻
	CSS基礎(chǔ)	1.css介紹和基礎(chǔ)語(yǔ)法	1.掌握CSS基礎(chǔ) 2.掌握CSS引入方式 3.掌握選擇器的使用 4.掌握CSS盒子模型 5.掌握CSS彈性盒子模型 6.掌握浮動(dòng)與定位 7.掌握字體常見(jiàn)屬性 8.掌握雪碧圖優(yōu)化站點(diǎn) 9.掌握滑動(dòng)門(mén)展示形式 10.掌握特殊圖形繪制 11.掌握CSS3過(guò)渡與動(dòng)畫(huà) 12.掌握CSS3的媒體查詢
		2.引入css的方式
		3.link和@import的區(qū)別
		4.css基本選擇器
		5.背景屬性
		6.字體屬性
		7.文本屬性
		8.列表屬性
		9.關(guān)系選擇器
		10.屬性選擇器
		11.偽類(lèi)選擇器
		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.過(guò)渡
		29.動(dòng)畫(huà)
		30.繪制三角形、梯形、圓形
		31.媒體查詢
		32.多列
		32.滑動(dòng)門(mén)
		34.雪碧圖
	小米官網(wǎng)實(shí)戰(zhàn)	首先選擇小米官網(wǎng)為第一個(gè)實(shí)戰(zhàn)案例，是因?yàn)閯傞_(kāi)始入門(mén)，有個(gè)參考點(diǎn)，另外站點(diǎn)比較偏向目前的卡片式設(shè)計(jì)，實(shí)現(xiàn)常見(jiàn)效果。目的為學(xué)者練習(xí)編寫(xiě)小米官網(wǎng)，熟悉div+css布局。
迅雷官網(wǎng)	此站點(diǎn)特效較多，所以通過(guò)練習(xí)編寫(xiě)次站點(diǎn)，學(xué)生可以更多練習(xí)CSS3的新特性過(guò)渡與動(dòng)畫(huà)的實(shí)現(xiàn)，并且可以很好的練習(xí)div+css布局。
課程類(lèi)網(wǎng)	此站點(diǎn)為響應(yīng)式站點(diǎn)，在目前常見(jiàn)站點(diǎn)中，響應(yīng)式設(shè)計(jì)類(lèi)站點(diǎn)是非常多的，而且大部分公司的站點(diǎn)都需要支持響應(yīng)式，所以，通過(guò)練習(xí)次站點(diǎn)，學(xué)者可以熟悉響應(yīng)式這點(diǎn)的設(shè)計(jì)流程和實(shí)現(xiàn)方式。
JavaScript階段	JavaScript基礎(chǔ)語(yǔ)法	1.JavaScript簡(jiǎn)介	1.熟知JavaScript介紹 2.掌握J(rèn)avaScript變量聲明 3.掌握J(rèn)avaScript變量類(lèi)型與轉(zhuǎn)換 4.掌握J(rèn)avaScript運(yùn)算符操作 5.掌握J(rèn)avaScript條件分支語(yǔ)句 6.掌握J(rèn)avaScript循環(huán)語(yǔ)句
		2.JavaScript變量
		3.JavaScript變量類(lèi)型
		4.JavaScript類(lèi)型轉(zhuǎn)換
		5.JavaScript運(yùn)算符
		6.JavaScript條件分支語(yǔ)句
		7.JavaScript循環(huán)語(yǔ)句
	數(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)庫(kù)	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.熟練編寫(xiě)自定義事件 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.事件類(lèi)型
		9.事件代理
		10.CSS操作
		11.自定義事件
		12.this關(guān)鍵字
		13.Event對(duì)象
		14.移動(dòng)端事件類(lèi)型
		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.瀏覽器類(lèi)型區(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ū)ο?	1.對(duì)象簡(jiǎn)介	1.了解面向?qū)ο?br /> 2.熟悉構(gòu)造函數(shù) 3.掌握new關(guān)鍵字 4.掌握原型與原型鏈的使用 5.掌握對(duì)象和常見(jiàn)操作 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常見(jiàn)操作 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組件庫(kù)	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ù)庫(kù)	1.PHP基礎(chǔ)語(yǔ)法	1.掌握PHP基礎(chǔ)語(yǔ)法 2.掌握PHP類(lèi)與繼承 3.掌握MySQL操作 4.掌握PHP鏈接MySQL 5.熟悉PDO鏈接數(shù)據(jù)庫(kù) 6.熟悉前后端交互 7.掌握get和post請(qǐng)求 8.理解前后端交互過(guò)程
		2.PHP類(lèi)與繼承
		3.PHP中理解面向?qū)ο?
		4.MySQL基礎(chǔ)
		5.MySQL數(shù)據(jù)庫(kù)操作
		6.MySQL Form表單
		7.PDO鏈接數(shù)據(jù)庫(kù)
		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)莓派，主要為音樂(lè)社區(qū)類(lèi)型。包含較多的交互功能，例如滑動(dòng)門(mén)，雪碧圖使用，模態(tài)框，瀑布流和焦點(diǎn)輪播圖等效果。當(dāng)然，前后端交互也是不可少的，主要理解前后端交互流程與練習(xí)各種交互實(shí)現(xiàn)。
		2.藍(lán)莓派環(huán)境構(gòu)建
		3.藍(lán)莓派頁(yè)面登錄Ajax
		4.藍(lán)莓派頁(yè)面登錄與PHP與MySQL
		5.藍(lán)莓派網(wǎng)絡(luò)請(qǐng)求封裝
		6.藍(lán)莓派頁(yè)面加載
		7.藍(lán)莓派模態(tài)框處理
		8.藍(lán)莓派分頁(yè)器實(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庫(kù)引入
		15.藍(lán)莓派項(xiàng)目?jī)?yōu)化
HTML5新特性	HTML5新特性	1.HTML5語(yǔ)義化標(biāo)簽	1.掌握HTML5新特性有哪些 2.掌握HTML5的語(yǔ)義化標(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游戲-消消樂(lè)
高級(jí)框架階段	模塊化	1.作用域回顧	1.掌握作用域 2.掌握模塊的定義規(guī)范與使用 3.了解私有與公有概念 4.掌握Commonjs規(guī)范 5.掌握Requirejs的應(yīng)用
		2.模塊
		3.私有屬性與公有屬性
		4.模塊擴(kuò)展
		5.Commonjs規(guī)范
		6.Requirejs引入
		7.Requirejs的使用
		8.Requirejs的shim模塊
		9.Requirejs應(yīng)用-音樂(lè)列表播放
	Nodejs與Express	1.安裝Node于CMD命令	1.了解Nodejs 2.獨(dú)立安裝Nodejs環(huán)境 3.熟悉CMD命令行操作 4.掌握Express安裝 5.掌握Express路由的應(yīng)用 6.掌握請(qǐng)求方式POST與GET 7.掌握J(rèn)SONP的使用 8.掌握數(shù)據(jù)過(guò)濾 9.掌握數(shù)據(jù)庫(kù)基本操作 10.掌握鏈接數(shù)據(jù) 11.掌握服務(wù)器端搭建
		2.Node創(chuàng)建服務(wù)器
		3.Node相關(guān)操作
		4.Commonjs規(guī)范
		5.Express安裝
		6.Server基本操作
		7.Express路由基礎(chǔ)
		8.Express路由配置
		9.Express路由應(yīng)用
		10.實(shí)現(xiàn)前后端交互
		11.Post參數(shù)請(qǐng)求
		12.Get參數(shù)請(qǐng)求
		13.JSONP跨域處理
		14.過(guò)濾數(shù)據(jù)
		15.Nodejs鏈接數(shù)據(jù)庫(kù)
		16.Server增刪改查
	ECMAScript6	1.babel轉(zhuǎn)換器	1.掌握ES6與ES5的區(qū)別 2.掌握babel轉(zhuǎn)換器的使用 3.掌握ES6聲明新特性 5.掌握數(shù)組，對(duì)象，字符串函數(shù)的擴(kuò)展 6.掌握箭頭函數(shù)的應(yīng)用 7.掌握Class類(lèi)的聲明 8.掌握繼承的實(shí)現(xiàn) 9.掌握Promise的使用 10.掌握Module模塊的使用
		2.Let和Const命令
		3.字符串?dāng)U展
		4.解構(gòu)賦值
		5.Object擴(kuò)展
		6.Array擴(kuò)展
		7.Function擴(kuò)展
		8.Class類(lèi)
		9.類(lèi)的繼承Extends
		10.Promise
		11.Module模塊
		12.Proxy
		13.Generator
		14.Generator
	CSS預(yù)處理語(yǔ)言Less	1.Less環(huán)境搭建與編譯	1.了解CSS預(yù)處理語(yǔ)言的優(yōu)勢(shì) 2.掌握Less環(huán)境搭建 3.了解Less的服務(wù)器端渲染 4.掌握Less的使用語(yǔ)法 5.掌握Sass的基本使用
		2.Less服務(wù)器端渲染
		3.Sublime Text安裝插件
		4.Less語(yǔ)法-變量、混合、嵌套
		5.Less語(yǔ)法-計(jì)算、函數(shù)
		6.Less語(yǔ)法-繼承、引導(dǎo)判斷
		7.Sass使用

全棧工程師的價(jià)值

項(xiàng)目越大，溝通成本越高，做過(guò)項(xiàng)目管理的都知道，項(xiàng)目中的人力是1+1<2的，人越多效率越低。因?yàn)闇贤ㄊ切枰杀镜?，不同技術(shù)的人各說(shuō)各話，前端和后端是一定會(huì)掐架的。每個(gè)人都會(huì)為自己的利益而戰(zhàn)，毫不為己的人是不存在的。而全棧工程師的溝通成本幾乎為零，因?yàn)楦鞣N技術(shù)都懂，胸有成竹，自己就全做了。即使是在團(tuán)隊(duì)協(xié)作中，與不同技術(shù)人員的溝通也會(huì)容易得多，讓一個(gè)后端和一個(gè)前端去溝通，很難溝通。但如果有一個(gè)人懂產(chǎn)品懂設(shè)計(jì)懂前端懂后端，那溝通的結(jié)果顯然不一樣，因?yàn)樗麄冎v的，彼此都能聽(tīng)得懂。