WEB前端計算機專業(yè)三年制中專班

【專業(yè)介紹】

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

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

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

【專業(yè)設(shè)置】

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

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

【開發(fā)流程】

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

【發(fā)展前景】

一、電商運營時代

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

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

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

三、微信小程序

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

四、直播平臺崛起

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

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

【就業(yè)前景】

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

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

【課程內(nèi)容】

課程知識體系-前端/移動端：

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

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

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

表單實現(xiàn)簡單的搜索框、注冊登錄、信息錄入等頁面

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

JavaScript基礎(chǔ)語法；

完成京東商城的首頁搭建

二、前端程序

正則表達式的定義和使用；

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

面向?qū)ο缶幊?、原型與繼承、原型鏈；

熟練運用ES6新增語法；

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

熟練使用JQuery語法；

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

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

html5表單功能、增強的表單控件；

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

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

微信開發(fā)準(zhǔn)備（帳號注冊、空間申請、域名解析）；

微信公眾帳號開發(fā)及維護；

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

小程序組件及API使用

四、移動端APP開發(fā)

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

實現(xiàn)WEBApp的開發(fā)；

深度理解框架的MVC思想；

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

能夠獨立運用模塊化思想進行移動端項目的開發(fā)

課程知識體系-PC端：電商、門戶、企業(yè)、推廣、金融

課程知識體系-進階全棧開發(fā)：

全棧式大型框架搭建；

獨立開發(fā)完整版購物商城（vue移動版，微信小程序版）；

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

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

團隊分工協(xié)作，使用gt進行源代碼管理；

以及使用GitHub進行代碼托管；

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

學(xué)習(xí)多個項目的需求分析及開發(fā)流程；

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

課程知識體系-項目制作

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

一、覆蓋性擴展：專業(yè)，深度，廣度

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

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

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

【學(xué)校簡介】

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

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

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