Web大前端(移動端+HTML5)精修班
第一階段 WEB前端核心CSS+HTML5+CSS3 (6周)
01WEB前端核心基礎:
前端開發環境介紹:通過Dreamweaver、HBuilder、Notepad++制作出跨越平臺限制和跨越瀏覽器兼容性的頁面; HTML標記規范,CSS基礎,CSS核心屬性,CSS樣式類型,選擇器與權重,繼承、控制元素性質,CSS高級應用,CSS文檔統籌,整站案例; 瀏覽器兼容與寬高自適應;
02HTML5+CSS3移動端:
HTML5新增的元素與屬性; 表單域增強元素; CSS3選擇器; 文字字體相關樣式; CSS3位移與變形處理; CSS3 2D轉換與過度動畫; CSS3 3D轉換與關鍵幀動畫; 彈性盒模型; 媒體查詢; 響應式設計; 企業級BootStrap開發高級課程; 移動端WEB實戰案例;
第二階段 JavaScript交互開發(8周)
01WEB原生JavaScript交互開發
JavaScript的主要特點、應用與組成; JavaScript運算符優先級與數據類型的轉換規則; JavaScript條件判斷語句:if語句、switch語句; JavaScript流程控制-循環控制語句; JavaScript函數的調用與參數使用; 函數-驗證登錄的案例; 對象Object與String對象; 利用Date對象制作網頁時鐘案例; 的for.in循環語句(遍歷對象); 創建Array對象; String對象抽獎案例演示; JavaScript正則表達式與正則表達式的創建; 支持正則表達式的 String 對象的方法與表單驗證案例; 事件-鼠標鍵盤事件; 事件-頁面相關事件; 注冊與移除事件監聽器; document獲取文檔中各類元素; 創建各類節點與JS的DOM操作; DOM操作通過文檔根節點獲取節點; BOM操作;
02JavaScript工具庫自主研發
高性能、輕量級類 DOM庫; 事件庫; AJAX庫的實現; 原型和繼承庫;
03移動前端中面向對象進階與 ES5/ES6應用
移動端中設計模式(觀察者模式開發等); 原型對象和原型鏈; 構造函數; 執行上下文棧與執行上下文; 變量對象與活動對象; 作用域鏈; 閉包:要執行的代碼塊; ES5中的核心特性; ES6中重要知識點;
第三階段 jQuery與javascript交互特效開發應用(6周)
01Javascript實戰
1. 自適應瀑布流 ; 2.淘寶首頁輪播圖 ; 3.淘寶分類菜單 ; 4.淘寶放大鏡 ; 5. 微博彈出可拖拽窗口 ; 6.仿蘋果菜單 ; 7.微信聊天界面 ; 8.模擬windows可拉伸窗口 ; 9.模擬煙花爆炸效果 ; 10.照片墻 ; 11.土豆懸浮菜單 ; 12.微信打飛機游戲;
02 jQuery程序交互特效開發
jQuery框架基本選擇器; jQuery層級選擇器和基本篩選器; jQuery可見性過濾器和表單過濾器; jquery側邊欄; 網頁定位導航特效; 滑動門特效; 焦點圖輪播特效; jQuery頂部導航效果; jQuery瀑布流特效; 仿京東多條件篩選; 京東商城左側分類導航; 小米電商
第四階段 AngularJS+移動端開發高級應用(3周)
01 Angularjs
Angularjs概述和數據綁定; Angularjs$scope作用域以及代碼壓縮; Angularjs內置指令; Angularjs購物車項目; Angularjs表單驗證; Angularjs用戶注冊項目; Angularjs自定義指令; Angularjs過濾器; Angularjs服務; Angularjs自定義服務; Angularjs彈窗服務項目; Angularjs插件; Angularjs外部插件ui-router使用; 圖書商城實戰案例;
02 WEB端+移動端+PHP完成項目實戰
Ajax進階、跨域與 Defered; PHP基礎; 完全掌握MySQL數據庫的基本使用; MySQL數據庫的多種高級應用; 掌握數據庫的備份還原及性能優化操作; Apache與 Nginx 環境搭建與配置; 接口的定義; Mock數據; Restful; 前后端聯調; 前端安全(XSS,CSRF,JSON注入); WEB端+移動端+PHP完成項目實戰;
第五階段 移動端項目開發+微信端開發(5周)
移動端HTML5
Canvas 基礎知識; 繪制矩形、圓弧、線段、曲線、漸變與圖像; Canvas 圖表繪制案例; localStorage、sessionStorage 與離線緩存; animate.css; Yo/Mui; touch.js; zepto.js; swiper; IScroll;
微信場景
WeUI; Swiper animate 在微信場景項目中的使用; 常見的頁面布局; 常見的交互與動畫; 微信端實戰項目;
企業級WebAPP開發實戰
WebApp項目實戰 ; 微信場景開發 ; Angular框架 ; ionic 框架 ; Angular+ionic 項目實戰;
企業級Hybrid開發實踐
phonegap;微信接口開發;
應用 Ionic開發 WebApp項目
css components; ionic基于 angularJS擴展的交互指令介紹; blank模板的安裝; 頭部與尾部; 內容區域; 列表; 區域滾動; 下拉刷新與上拉加載; 頁簽導航; 背景層與旋轉 SVG圖標; loading 效果; actionsheet 效果; 彈出窗口; 彈出浮動層; 底部滿屏滑動窗口; ionic 自帶的 swiper滑動; 基于 swiper組件的 swiper滑動; 頁面導航切換; 側邊欄菜單;
應用 React.js開發 WebApp
(1) React簡介 (2) JSX (3) 組件的生命周期 (4) 數據流 (5) 事件處理 (6) 組件的復合 (7) mixin (8) DOM操作與表單 (9) 動畫 (10) 性能優化與服務端渲染 (11) 項目實戰 2、React Native (1) 環境搭建與配置 (2)Flexbox布局介紹 (3)在React Native中使用導航 (4)動畫和滑動菜單 (5)使用React Native播放音頻與繪制Canvas (6)自定義視圖 (7)應用程序狀態 (8)使用Node來實現服務端API (9)深入理解JavaScript promise (10)fetch簡介 (11)在IOS中使用SQLite (12)項目實戰
第六階段 WEB開發擴展+NodeJS(6周)
Git免費、開源的分布式版本控制系統,用于敏捷高效地處理任何或小或大的項目; Bower客戶端技術的軟件包管理器; Compass系統是美國Newpoint Technologies有限公司的核心產品,是廣播電視等行業的網絡監控及管理系統。 gulp.js - 基于流的自動化構建工具; mongoDs; grunt; webPack;
NodeJS
Node.js介紹與交互式運行環境REPL; Node.js基礎詳解 ; 模塊與NPM包管理工具 ; 使用Buffer類處理二進制數據 ; 使用File System類在Node.js中操作文件系統 ; TCP與UDP數據通信 ; HTTP與HTTPS ; Process/Child Processes進程與子進程 ;
第七階段 畢業作品整理與就業應聘(4周)
畢業設計指導與整理;WEB前端開發高級講師及WEB前端開發資深工程師指導你完成畢業作品,以備應聘時使用;
對學習過的所有課程和自己做一個完美的總結。要求必須完成成整套WEB前端網站實戰作品并完成移動網站開發作品;
就業應聘技巧與職業規范:就業形勢分析及指導;畢業學員在應聘前應該做的準備。