課程概覽
內訓課程由來
社會上關于Hybrid App開發的培訓課程很多，但都是講個皮毛，比如使用Cordova做混合APP開發，大部分時間都在講Cordova的設備、位置、網絡、文件、存儲等基礎知識，而對于開發過程中可能會遇到的支付通道的調用，服務器接口的穩定性，數據包格式定義等，往往避而不談。而對于設備的兼容性，更是只字不提。再比如，基于React Native的開發，因為開發環境搭建步驟比較多，所以經常花1/3的課程時間講解如何搭建開發環境，入門而止。延譽寶從實際開發的項目案例出發，帶著問題去學習基礎知識，快速適應公司內部快節奏的軟件開發需求。
內容概述
Hybrid APP（混合模式移動應用）是目前手機軟件開發使用的主流框架技術，平時我們用的最多的微信、支付寶等，都是采用混合模式開發的APP。本課程主要通過對WebView與Html5交互技術的講解，大家了解移動應用中數據流程，以及如何與原生的手機硬件設備協同工作。具體來說，主要包括以下幾部分。
1、了解原生的安卓和iOS中APP的開發過程。
2、WebView與JavaScript交互分析。
3、JavaScript與移動設備交互過程分析。
4、Cordova開發環境搭建與基礎開發。
5、React Native開發環境搭建與基礎開發。
6、電商項目實戰開發：商品、購物車、訂單、支付。
7、電商項目實戰開發：會員、拼團、殺手以及各種促銷規則。
8、社區型APP實戰開發。
適合人群
1、小微創業者，拓展知識面，防控企業技術風險；
2、有志于從事軟件開發者，熟悉簡單的網頁制作，最好了解一點JavaScript知識，想實際做Hybrid App項目開發者。
培訓目標
熟悉延譽寶團隊APP項目技術開發和團隊協作。
培訓周期
三個月，每周4節理論課，2天實踐課。
課程大綱
第1部分 HTML5+CSS3
課程主題
PC端網站布局
WebApp頁面布局
css基本選擇器
培養目標
了解常用瀏覽器和瀏覽器內核； 了解語義化的概念； 掌握 HTML5 語法及使用技巧； 掌握 HTML5 常用標簽。
掌握 CSS 語法及使用技巧； 掌握 DIV+CSS 布局方式； 掌握常見網頁布局模式。
掌握 Photoshop 切圖以及插件切圖； 能夠熟練使用開發人員工具進行頁面調試； 能夠根據PSD文件獨立完成靜態頁面的開發工作。
掌握 HTML5 新布局標簽、多媒體標簽； 掌握 CSS3 2D、3D 變換、動畫效果； 能夠使用CSS3新屬性美化修飾網頁； 了解移動端屏幕、移動端瀏覽器、操作系統的不同。
掌握常用移動端調試方法； 掌握常用移動端適配方法； 掌握 CSS 預處理器 less 的使用； 掌握常用移動端框架使用方法； 掌握常見移動端頁面開發； 掌握響應式布局開發； 掌握 Bootstrap 開發響應式頁面； 掌握適配不同終端的網頁開發技術選型。
第2部分 JavaScript和JQuery
課程主題
JavaScript基礎語法
JavaScript進階
JavaScript高級編程
jQuery經典案例
培養目標
能夠掌握 JavaScript 基本語法； 掌握常見 JavaScript 算法； 掌握 DOM 的各種操作； 熟練使用面向對象思想進行 DOM 編程； 掌握 JavaScript 的高級語法； 掌握 JavaScript 常見兼容性方案。
獨立完成視頻網站的頁面搭建（包括 HTML結構、CSS樣式、JavaScript 特效）； 掌握應對業務編程的能力； 掌握團隊合作開發流程。
熟練使用 jQuery 操作 DOM； 熟練使用和編寫 jQuery 案例。
第3部分 前端框架
課程主題
數據可視化
Vue
React
Angular
培養目標
掌握使用 D3.js 進行大數據可視化交互開發； 能夠掌握使用 Vue 技術棧進行項目開發； 能夠掌握使用 React 技術棧進行項目開發； 能夠掌握源代碼管理工具的使用； 能夠熟練掌握前后端分離開發模式； 能夠掌握使用主流框架開發門戶網站、管理系統、移動 Web 等客戶端； 能夠掌握 Webpack 項目構建配置流程； 能夠掌握 Web 項目的部署與發布模式； 能夠掌握常見網站業務模塊開發。
掌握Angular常用的指令： 掌握如何定義和使用模塊與組件： 掌握路由的配置。
第4部分 Cordova項目開發實戰
課程主題
數據可視化
Vue
Angular
Cordova
培養目標
能夠掌握源代碼管理工具的使用； 能夠熟練掌握前后端分離開發模式； 能夠掌握使用主流框架開發門戶網站、管理系統、移動 Web 等客戶端； 能夠掌握 Webpack 項目構建配置流程； 能夠掌握 Web 項目的部署與發布模式； 能夠掌握常見網站業務模塊開發。
掌握Angular常用的指令： 掌握如何定義和使用模塊與組件： 掌握路由的配置。
第5部分 React Native項目開發實戰
課程主題
RN開發流程和原理
混合開發核心技術
項目經驗和技巧
培養目標
掌握使用 D3.js 進行大數據可視化交互開發； 能夠掌握使用 Vue 技術棧進行項目開發； 能夠掌握使用 React 技術棧進行項目開發。Redux+react-navigation開發技巧，基于react-navigation的App導航框架搭建，react-navigation高級應用與實現動態導航器，react-navigation3x開發指南，全面屏的適配與優化，如何適配iPhone 全面屏，小米、三星等全面屏與凹凸屏手機適配。
第6部分 接口服務器搭建和原理
課程主題
API接口通信協議的定義
基于ThinkPHP搭建Web服務器
大數據和負載均衡
培養目標
本課程的培訓目標，除了基礎開發和項目實戰外，需要了解服務器端技術，即使在沒有，后端工程師的條件下，依然可以自力更生完成項目開發。Web服務器我們采用Nginx做負載均衡，后端部署多個Apache服務器。應用服務器我們以ThinkPHP為主要開發技術，消息隊列使用Java開發，WebSocket通信根據實際需要，做不同的技術選型。
講師介紹
