導語

中國互聯網產值突破萬億大關,并擁有全球最多的7億網民。海量用戶對上網體驗要求不斷提高,成為企業發展的關鍵,優質的前端體驗決定了品牌的認可度,前端工程師致力于優化瀏覽網頁的交互體驗,呈現用戶視覺上的體驗舒適性,是互聯網公司需求量巨大的高薪職業。

北大青鳥作為國內領先的職業教育培訓機構
行業大咖助你16周實現高薪夢想!

簡述

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

  • 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插件的使用。

  • PC項目實訓

  • 1、前端開發框架-Bootstrap;

  • 2、CSS預處理器-SASS;

  • 3、分布式版本控制系統-GIT;

  • 4、了解項目需求,項目流程;

  • 5、了解項目管理,模塊分配,項目時間預估;

  • 6、了解產品周期,參與團隊協作;

  • 7、綜合運用HTML+CSS,JS,JQ, Bootstrap,SASS,JQUERY UI, jquery easyui等技術,完成大型PC端項目開發。

  • HTML5+CSS3 精講

  • 1、HTML5與HTML4的區別, 表單域增強元素;

  • 2、CSS3選擇器, 文字與字體相關樣式;

  • 3、CSS3中的變形處理;

  • 4、css3中的過度動畫和關鍵幀動畫;

  • 5、彈性盒與媒體查詢;

  • 6、本地存儲,本地緩存;

  • 7、使用Canvas,svg繪制圖形;

  • 8、多媒體播放器開發 、workers。

  • WebAPP開發

  • 1、移動端切圖(viewport/meta,.Rem/vw的使用,iconfont,flexbox詳解,移動web特別樣式處理);

  • 2、頁面交互(Tap,touch,ECMAScript 5,ECMAScript 6);

  • 3、前端工程(gulp,webpack);

  • 4、移動端常用框架(css framework,Zepto,iScroll/lazyload,swiper);

  • 5、css framework + SPA framework + Zepto + iScroll + swiper 構建WebApp;

  • 6、微信場景項目。

  • 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 ) 上拉下載更多與下拉刷新

實戰項目演示

6個月后你也可以

国产成人AV在线影院_国产午夜激无码AV毛片不卡_国产亚洲AV夜间福利香蕉149