【專(zhuān)業(yè)介紹】

從事Web前端開(kāi)發(fā)工作的工程師，他的主要職責(zé)是利用HTML/CSS/JavaScript/等各種Web技術(shù)進(jìn)行客戶(hù)端產(chǎn)品的開(kāi)發(fā)。完成客戶(hù)端程序（也就是瀏覽器端）的開(kāi)發(fā)，開(kāi)發(fā)JavaScript以及Flash模塊，同時(shí)結(jié)合后臺(tái)開(kāi)發(fā)技術(shù)實(shí)現(xiàn)用戶(hù)數(shù)據(jù)的交互，進(jìn)行豐富的網(wǎng)絡(luò)開(kāi)發(fā)，致力于通過(guò)相應(yīng)技術(shù)改善用戶(hù)體驗(yàn)。簡(jiǎn)單來(lái)講，web前端就是頁(yè)面制作人員，是與客戶(hù)距離近的程序員。

【培訓(xùn)目標(biāo)】

PSD、前端代碼、瀏覽器。將UI設(shè)計(jì)師設(shè)計(jì)好的圖片(PSD)以代碼的形式展現(xiàn)到可執(zhí)行的設(shè)備載體上。

【專(zhuān)業(yè)設(shè)置】

所謂web前端就是網(wǎng)絡(luò)給用戶(hù)展示的東西，這里面可能包含了設(shè)計(jì)，交互，用戶(hù)數(shù)據(jù)等等。 然而這里又引申出初級(jí)，和前端等級(jí)別。畢竟前端做出來(lái)的效果還是有水平之間的差距。當(dāng)下前端項(xiàng)目越來(lái)越多。

WEB前端應(yīng)用技術(shù)：HTML、CSS、JavaScript、框架使用、服務(wù)器基礎(chǔ)、微信開(kāi)發(fā)、H5混合編程

【開(kāi)發(fā)流程】

【職業(yè)架構(gòu)】

【發(fā)展前景】

一、電商運(yùn)營(yíng)時(shí)代

今年天貓雙十一1682億銷(xiāo)售額再一次印證中國(guó)電商市場(chǎng)的輝煌，而在各種電商購(gòu)物節(jié)的運(yùn)營(yíng)造勢(shì)中，H5傳播成為重要一環(huán)，BAT對(duì)Web前端技術(shù)熱情不減。

二、互聯(lián)網(wǎng)+創(chuàng)業(yè)潮

互聯(lián)網(wǎng)+發(fā)展戰(zhàn)略推動(dòng)傳統(tǒng)行業(yè)紛紛投身互聯(lián)網(wǎng)，帶動(dòng)大眾創(chuàng)業(yè)潮。小規(guī)模的互聯(lián)網(wǎng)公司更需要精通前端、后端、移動(dòng)端的Web前端全棧工程師。

三、微信小程序

微信小程序經(jīng)上線(xiàn)就受到熱捧，特別是中小企業(yè)，沒(méi)有自主開(kāi)發(fā)APP技術(shù)實(shí)力，但急需輕型應(yīng)用平臺(tái)。只需招聘Web全棧工程師即可獨(dú)立完成小程序開(kāi)發(fā)。

四、直播平臺(tái)崛起

2016年被稱(chēng)為網(wǎng)絡(luò)直播元年，各大網(wǎng)絡(luò)直播平臺(tái)拔地而起，迅速占領(lǐng)公眾視野，Web前端全棧工程師技術(shù)在網(wǎng)絡(luò)直播平臺(tái)搭建中無(wú)可替代。

市場(chǎng)發(fā)展：政府推動(dòng)，政策引導(dǎo)；生產(chǎn)模式改變；產(chǎn)品的迭代更新；高端技術(shù)的涌現(xiàn)

【就業(yè)前景】

2018年web前端崗位全年共招聘136848人，平均每月招聘人數(shù)需求11412人，其中11月招聘需求多，高達(dá)15062人。

根據(jù)北京市場(chǎng)分析：91.5%的HTML5前端工程師月薪6K以上，79%的工程師月薪8K以上，月薪10K以上的從業(yè)者占到了總數(shù)的62.9%。平均月薪則達(dá)到了12850。

【課程內(nèi)容】

課程知識(shí)體系-前端/移動(dòng)端：

一、Web開(kāi)發(fā)基礎(chǔ)

熟悉網(wǎng)站開(kāi)發(fā)的具體流程；

頁(yè)面的結(jié)構(gòu)化布局；

表單實(shí)現(xiàn)簡(jiǎn)單的搜索框、注冊(cè)登錄、信息錄入等頁(yè)面

學(xué)習(xí)盒模型；

JavaScript基礎(chǔ)語(yǔ)法；

完成京東商城的首頁(yè)搭建

二、前端程序

正則表達(dá)式的定義和使用；

常用內(nèi)置對(duì)象（Math、Date、Number、Boolean）；

面向?qū)ο缶幊獭⒃团c繼承、原型鏈；

熟練運(yùn)用ES6新增語(yǔ)法；

利用AJAX技術(shù)與后臺(tái)進(jìn)行數(shù)據(jù)交互；

熟練使用JQuery語(yǔ)法；

封裝和發(fā)布JQuery插件

三、微信小程序/H5開(kāi)發(fā)

html5表單功能、增強(qiáng)的表單控件；

Canvas繪制及圖像處理、SVG元素及使用；

ECharts框架的使用、百度地圖API；

微信開(kāi)發(fā)準(zhǔn)備（帳號(hào)注冊(cè)、空間申請(qǐng)、域名解析）；

微信公眾帳號(hào)開(kāi)發(fā)及維護(hù)；

微信小程序開(kāi)發(fā)WXML/WXSS語(yǔ)法；

小程序組件及API使用

四、移動(dòng)端APP開(kāi)發(fā)

使用移動(dòng)端開(kāi)發(fā)環(huán)境，結(jié)合APP框架技術(shù)；

實(shí)現(xiàn)WEBApp的開(kāi)發(fā)；

深度理解框架的MVC思想；

掌握Vue、React、angular等前沿框架；

能夠獨(dú)立運(yùn)用模塊化思想進(jìn)行移動(dòng)端項(xiàng)目的開(kāi)發(fā)

課程知識(shí)體系-PC端：電商、門(mén)戶(hù)、企業(yè)、推廣、金融

課程知識(shí)體系-進(jìn)階全棧開(kāi)發(fā)：

全棧式大型框架搭建；

獨(dú)立開(kāi)發(fā)完整版購(gòu)物商城（vue移動(dòng)版，微信小程序版）；

使用less/sass 搭建響應(yīng)式項(xiàng)目；

應(yīng)用webpack與gulp移動(dòng)端項(xiàng)目的構(gòu)建；

團(tuán)隊(duì)分工協(xié)作，使用gt進(jìn)行源代碼管理；

以及使用GitHub進(jìn)行代碼托管；

理解開(kāi)源代碼庫(kù)以及版本控制系統(tǒng)的相關(guān)知識(shí)；

學(xué)習(xí)多個(gè)項(xiàng)目的需求分析及開(kāi)發(fā)流程；

實(shí)現(xiàn)辦公OA項(xiàng)目全站（pc版，移動(dòng)版，微信小程序版）

課程知識(shí)體系-項(xiàng)目制作

【教學(xué)優(yōu)勢(shì)】

一、覆蓋性擴(kuò)展：專(zhuān)業(yè)，深度，廣度

二、學(xué)習(xí)技巧培養(yǎng)：編程思想，邏輯思維，項(xiàng)目經(jīng)驗(yàn)培養(yǎng)

三、工作經(jīng)驗(yàn)培養(yǎng)：六個(gè)月課程學(xué)習(xí)等于1年+工作經(jīng)驗(yàn)，項(xiàng)目支撐，職業(yè)素養(yǎng)，傳統(tǒng)文化教育

【學(xué)員風(fēng)采】

【學(xué)校簡(jiǎn)介】

北京商鯤教育院校雄安校區(qū)位于河北省任丘市，北距北京150公里，東臨天津100公里，西臨保定70公里，距雄安新區(qū)核心區(qū)50公里，處在雄安新區(qū)經(jīng)濟(jì)輻射圈內(nèi)。東有106國(guó)道和京九鐵路，西有大廣高速，北有津保高速，南有保滄高速，交通便利，經(jīng)濟(jì)發(fā)達(dá)。

2017年渤海石油職業(yè)學(xué)院停止學(xué)歷教育招生，與北京商鯤教育控股集團(tuán)合作辦校，建立北京商鯤教育院校雄安校區(qū)。

【學(xué)校環(huán)境】