全棧工程師培訓(xùn)
【所屬機(jī)構(gòu)：頑石教育】
全棧工程師培訓(xùn)，從WEB基礎(chǔ)階段、JavaScript階段、jQuery階段、HTML5新特性、高級框架階段、微信小程序等課程內(nèi)容學(xué)起，讓學(xué)員掌握端開發(fā)、界面設(shè)計、產(chǎn)品設(shè)計、數(shù)據(jù)庫等等多種技術(shù)，能夠很好地在一個項目中發(fā)揮作用，提高溝通效率，降低溝通成本。
課程背景
現(xiàn)代項目的開發(fā)，需要掌握多種技術(shù)?；ヂ?lián)網(wǎng)項目，需要用到后端開發(fā)、前端開發(fā)、界面設(shè)計、產(chǎn)品設(shè)計、數(shù)據(jù)庫、各種移動客戶端、三屏兼容、restFul API設(shè)計和OAuth等等，比較前衛(wèi)的項目，還會用到Single Page Application、Web Socket、HTML5/CSS3這些技術(shù)以及像第三方開發(fā)像微信公眾號微博應(yīng)用等等。所以說一個現(xiàn)代化的項目，是一個非常復(fù)雜的構(gòu)成，我們需要一個人來掌控全局，他不需要是各種技術(shù)的專家，但他需要熟悉到各種技術(shù)。對于一個團(tuán)隊特別是互聯(lián)網(wǎng)企業(yè)來說，有一個全局性思維的人非常非常重要。而這個人我們稱之為全棧工程師。 |
適合人群
icon 如果你自制力強(qiáng)、有上進(jìn)心，想通過學(xué)習(xí)來改變現(xiàn)狀，那么我們讓你點(diǎn)亮高薪人生！
icon 打造令人驚艷的前端用戶體驗，成為職場中的搶手人才。
icon 業(yè)余時間掌握前端開發(fā)技能，輕松實現(xiàn)職業(yè)轉(zhuǎn)化。
icon 向往成為一個全棧工程師，跟隨大咖工程師，親手實現(xiàn)你的創(chuàng)意。
全棧工程師課程體系
| 階段名稱 | 技術(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游戲-消消樂 | |||
| 高級框架階段 | 模塊化 | 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)用-音樂列表播放 | |||
| Nodejs與Express | 1.安裝Node于CMD命令 | 1.了解Nodejs 2.獨(dú)立安裝Nodejs環(huán)境 3.熟悉CMD命令行操作 4.掌握Express安裝 5.掌握Express路由的應(yīng)用 6.掌握請求方式POST與GET 7.掌握J(rèn)SONP的使用 8.掌握數(shù)據(jù)過濾 9.掌握數(shù)據(jù)庫基本操作 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.實現(xiàn)前后端交互 | |||
| 11.Post參數(shù)請求 | |||
| 12.Get參數(shù)請求 | |||
| 13.JSONP跨域處理 | |||
| 14.過濾數(shù)據(jù) | |||
| 15.Nodejs鏈接數(shù)據(jù)庫 | |||
| 16.Server增刪改查 | |||
| ECMAScript6 | 1.babel轉(zhuǎn)換器 | 1.掌握ES6與ES5的區(qū)別 2.掌握babel轉(zhuǎn)換器的使用 3.掌握ES6聲明新特性 5.掌握數(shù)組，對象，字符串函數(shù)的擴(kuò)展 6.掌握箭頭函數(shù)的應(yīng)用 7.掌握Class類的聲明 8.掌握繼承的實現(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類 | |||
| 9.類的繼承Extends | |||
| 10.Promise | |||
| 11.Module模塊 | |||
| 12.Proxy | |||
| 13.Generator | |||
| 14.Generator | |||
| CSS預(yù)處理語言Less | 1.Less環(huán)境搭建與編譯 | 1.了解CSS預(yù)處理語言的優(yōu)勢 2.掌握Less環(huán)境搭建 3.了解Less的服務(wù)器端渲染 4.掌握Less的使用語法 5.掌握Sass的基本使用 | |
| 2.Less服務(wù)器端渲染 | |||
| 3.Sublime Text安裝插件 | |||
| 4.Less語法-變量、混合、嵌套 | |||
| 5.Less語法-計算、函數(shù) | |||
| 6.Less語法-繼承、引導(dǎo)判斷 | |||
| 7.Sass使用 | |||
全棧工程師的價值
項目越大，溝通成本越高，做過項目管理的都知道，項目中的人力是1+1<2的，人越多效率越低。因為溝通是需要成本的，不同技術(shù)的人各說各話，前端和后端是一定會掐架的。每個人都會為自己的利益而戰(zhàn)，毫不為己的人是不存在的。 而全棧工程師的溝通成本幾乎為零，因為各種技術(shù)都懂，胸有成竹，自己就全做了。即使是在團(tuán)隊協(xié)作中，與不同技術(shù)人員的溝通也會容易得多，讓一個后端和一個前端去溝通，很難溝通。但如果有一個人懂產(chǎn)品懂設(shè)計懂前端懂后端，那溝通的結(jié)果顯然不一樣，因為他們講的，彼此都能聽得懂。
熱門課程更多+
