為什么學習WEB前端技術？

門檻低待遇好，發展前景巨大

　　自從HTML5與CSS3橫空出世以來，WEB前端的功能實現了質的飛躍，并對傳統開發產生了巨大的沖擊，BAT名企、創業企業、中小型企業，二三線城市均需要Web前端+全棧工程師尤以二三線城市及創業型企業對此類全能型人才急需，并開出較高薪資聘用。而普通高校一般還未能開設相關課程，前端開發可以說是時代的新風口。

 

學習WBE前端的要求

零基礎也可以，7大領域覆蓋

全真課程項目，契合企業需求才是學習的關鍵

PC端頁面重構

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

PC端交互開發(原生JS)

　　1、Javascript基礎語法和變量、控制語句、循環語句、函數、事件處理、數組、常見排序算法;

　　2、DOM操作和BOM操作;

　　3、定時器、Cookie本地存儲、內置對象、正則表達式、閉包、JS面向對象語法、JSON、堆棧結構;

　　4、Ajax動態讀取數據、異步操作、與DOM、JSON的結合使用;

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

　　6、單例、工廠、代理、觀察者等設計模式;

　　7、ECMA6.0新特性介紹。

 

　　PC端交互開發(JQuery)

　　1、初識jQuery、jQuery的優勢、jQuery框架核心功能、容易混淆的幾個概念;

　　2、jQuery各種選擇器的使用，及選擇器的應用優化;

　　3、Dom節點操作、插入、刪除、復制、移動節點等操作;

　　4、事件處理、事件處理模型、事件處理機制、jQuery事件封裝機制、jQuery事件應用;

　　5、jQuery中的動畫、動畫時間的概念、基本動畫方法、復雜動畫方法、停止動畫與參數說明、jQuery動畫的隊列問題;

　　6、表單開發，設計可用性表單、表單驗證、增強型表單;

　　7、Ajax、XMLHttpRequest 基礎、jQuery Ajax、工具函數、緩存;

　　8、在jQuery中編寫插件、插件擴展、插件應用、jQuery.pagination分頁、jQuery.qtip信息提示、jQuery.artDialog彈出層、jQuery.jscrollpane滾動條

　　9、理解模塊式開發，以及requirejs插件的使用。

 

　　HybridApp 開發基礎

　　1、Phonegap

　　1 ) HybridApp介紹(獨立App項目，嵌入式App項目，嵌入微信項目)

　　2 ) 工具與環境搭建

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

　　4 ) 構建，打包與發布

　　5 ) Hybrid里頁面測試

　　2、微信接口開發

　　1 ) 熟悉WebAPP嵌入微信流程

　　2 ) 本地開發環境搭建與測試

　　3 ) JS-SDK使用

　　4 ) WebAPP X5瀏覽器兼容

 

　　Angular+ionic 框架

　　1、AngularJS

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

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

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

　　4 ) 表單(NgModelController，表單驗證)

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

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

　　7 ) directive(指令，組件)

　　8) ng-router

　　2、ionic基礎

　　1 ) ionic css布局

　　2 ) ionic js指令布局

　　3 ) ionic路由 頁面切換

　　4 ) ionic-tabs

　　5 ) ionic側邊欄ion-side-menus

　　6 ) ionic列表 ion-list

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