為什么學(xué)習(xí)WEB前端技術(shù)？

門(mén)檻低待遇好，發(fā)展前景巨大

　　自從HTML5與CSS3橫空出世以來(lái)，WEB前端的功能實(shí)現(xiàn)了質(zhì)的飛躍，并對(duì)傳統(tǒng)開(kāi)發(fā)產(chǎn)生了巨大的沖擊，BAT名企、創(chuàng)業(yè)企業(yè)、中小型企業(yè)，二三線城市均需要Web前端+全棧工程師尤以二三線城市及創(chuàng)業(yè)型企業(yè)對(duì)此類全能型人才急需，并開(kāi)出較高薪資聘用。而普通高校一般還未能開(kāi)設(shè)相關(guān)課程，前端開(kāi)發(fā)可以說(shuō)是時(shí)代的新風(fēng)口。

 

學(xué)習(xí)WBE前端的要求

零基礎(chǔ)也可以，7大領(lǐng)域覆蓋

全真課程項(xiàng)目，契合企業(yè)需求才是學(xué)習(xí)的關(guān)鍵

PC端頁(yè)面重構(gòu)

　　1、認(rèn)知行業(yè)、崗位、部分專業(yè)術(shù)語(yǔ)，就業(yè)趨勢(shì)與行業(yè)未來(lái)展望;
　　2、HTML5核心元素及布局應(yīng)用;
　　3、CSS3核心屬性及布局應(yīng)用;
　　4、圖形、圖像軟件的使用(PS,FW,AI);
　　5、瀏覽器兼容及解決方案;
　　6、圖片整合、滑動(dòng)門(mén)及寬高自適應(yīng)等高級(jí)應(yīng)用技術(shù);
　　7、初步接觸Javascript。

PC端交互開(kāi)發(fā)(原生JS)

　　1、Javascript基礎(chǔ)語(yǔ)法和變量、控制語(yǔ)句、循環(huán)語(yǔ)句、函數(shù)、事件處理、數(shù)組、常見(jiàn)排序算法;

　　2、DOM操作和BOM操作;

　　3、定時(shí)器、Cookie本地存儲(chǔ)、內(nèi)置對(duì)象、正則表達(dá)式、閉包、JS面向?qū)ο笳Z(yǔ)法、JSON、堆棧結(jié)構(gòu);

　　4、Ajax動(dòng)態(tài)讀取數(shù)據(jù)、異步操作、與DOM、JSON的結(jié)合使用;

　　5、各種主流瀏覽器兼容性處理;

　　6、單例、工廠、代理、觀察者等設(shè)計(jì)模式;

　　7、ECMA6.0新特性介紹。

 

　　PC端交互開(kāi)發(fā)(JQuery)

　　1、初識(shí)jQuery、jQuery的優(yōu)勢(shì)、jQuery框架核心功能、容易混淆的幾個(gè)概念;

　　2、jQuery各種選擇器的使用，及選擇器的應(yīng)用優(yōu)化;

　　3、Dom節(jié)點(diǎn)操作、插入、刪除、復(fù)制、移動(dòng)節(jié)點(diǎn)等操作;

　　4、事件處理、事件處理模型、事件處理機(jī)制、jQuery事件封裝機(jī)制、jQuery事件應(yīng)用;

　　5、jQuery中的動(dòng)畫(huà)、動(dòng)畫(huà)時(shí)間的概念、基本動(dòng)畫(huà)方法、復(fù)雜動(dòng)畫(huà)方法、停止動(dòng)畫(huà)與參數(shù)說(shuō)明、jQuery動(dòng)畫(huà)的隊(duì)列問(wèn)題;

　　6、表單開(kāi)發(fā)，設(shè)計(jì)可用性表單、表單驗(yàn)證、增強(qiáng)型表單;

　　7、Ajax、XMLHttpRequest 基礎(chǔ)、jQuery Ajax、工具函數(shù)、緩存;

　　8、在jQuery中編寫(xiě)插件、插件擴(kuò)展、插件應(yīng)用、jQuery.pagination分頁(yè)、jQuery.qtip信息提示、jQuery.artDialog彈出層、jQuery.jscrollpane滾動(dòng)條

　　9、理解模塊式開(kāi)發(fā)，以及requirejs插件的使用。

 

　　HybridApp 開(kāi)發(fā)基礎(chǔ)

　　1、Phonegap

　　1 ) HybridApp介紹(獨(dú)立App項(xiàng)目，嵌入式App項(xiàng)目，嵌入微信項(xiàng)目)

　　2 ) 工具與環(huán)境搭建

　　3 ) WebviewJsBridge(掃一掃，圖像選擇與上傳，加速器，地理定位，通訊錄，通知)

　　4 ) 構(gòu)建，打包與發(fā)布

　　5 ) Hybrid里頁(yè)面測(cè)試

　　2、微信接口開(kāi)發(fā)

　　1 ) 熟悉WebAPP嵌入微信流程

　　2 ) 本地開(kāi)發(fā)環(huán)境搭建與測(cè)試

　　3 ) JS-SDK使用

　　4 ) WebAPP X5瀏覽器兼容

 

　　Angular+ionic 框架

　　1、AngularJS

　　1 ) 基礎(chǔ)知識(shí)(ng-app,Modules,Controller,$apply,$watch)

　　2 ) 指令(ng-repeat,ng-class,ng-show,ng-hide)

　　3 ) 過(guò)濾器(date,limitTo,filter)

　　4 ) 表單(NgModelController，表單驗(yàn)證)

　　5 ) 服務(wù)(自定義服務(wù)，Angular提供的服務(wù)：$log,$timeout,$q,$http)

　　6 ) 其他(Controller as 語(yǔ)法，安全的依賴注入方法)

　　7 ) directive(指令，組件)

　　8) ng-router

　　2、ionic基礎(chǔ)

　　1 ) ionic css布局

　　2 ) ionic js指令布局

　　3 ) ionic路由 頁(yè)面切換

　　4 ) ionic-tabs

　　5 ) ionic側(cè)邊欄ion-side-menus

　　6 ) ionic列表 ion-list

　　7 ) 上拉下載更多與下拉刷新