Hybrid APP（混合模式APP）項目開發(fā)實戰(zhàn)：內(nèi)訓(xùn)課程培訓(xùn)大綱

課程概覽

內(nèi)訓(xùn)課程由來

社會上關(guān)于Hybrid App開發(fā)的培訓(xùn)課程很多，但都是講個皮毛，比如使用Cordova做混合APP開發(fā)，大部分時間都在講Cordova的設(shè)備、位置、網(wǎng)絡(luò)、文件、存儲等基礎(chǔ)知識，而對于開發(fā)過程中可能會遇到的支付通道的調(diào)用，服務(wù)器接口的穩(wěn)定性，數(shù)據(jù)包格式定義等，往往避而不談。而對于設(shè)備的兼容性，更是只字不提。再比如，基于React Native的開發(fā)，因為開發(fā)環(huán)境搭建步驟比較多，所以經(jīng)常花1/3的課程時間講解如何搭建開發(fā)環(huán)境，入門而止。延譽寶從實際開發(fā)的項目案例出發(fā)，帶著問題去學(xué)習(xí)基礎(chǔ)知識，快速適應(yīng)公司內(nèi)部快節(jié)奏的軟件開發(fā)需求。

內(nèi)容概述

Hybrid APP（混合模式移動應(yīng)用）是目前手機軟件開發(fā)使用的主流框架技術(shù)，平時我們用的最多的微信、支付寶等，都是采用混合模式開發(fā)的APP。本課程主要通過對WebView與Html5交互技術(shù)的講解，大家了解移動應(yīng)用中數(shù)據(jù)流程，以及如何與原生的手機硬件設(shè)備協(xié)同工作。具體來說，主要包括以下幾部分。

1、了解原生的安卓和iOS中APP的開發(fā)過程。

2、WebView與JavaScript交互分析。

3、JavaScript與移動設(shè)備交互過程分析。

4、Cordova開發(fā)環(huán)境搭建與基礎(chǔ)開發(fā)。

5、React Native開發(fā)環(huán)境搭建與基礎(chǔ)開發(fā)。

6、電商項目實戰(zhàn)開發(fā)：商品、購物車、訂單、支付。

7、電商項目實戰(zhàn)開發(fā)：會員、拼團、殺手以及各種促銷規(guī)則。

8、社區(qū)型APP實戰(zhàn)開發(fā)。

適合人群

1、小微創(chuàng)業(yè)者，拓展知識面，防控企業(yè)技術(shù)風(fēng)險；

2、有志于從事軟件開發(fā)者，熟悉簡單的網(wǎng)頁制作，最好了解一點JavaScript知識，想實際做Hybrid App項目開發(fā)者。

培訓(xùn)目標(biāo)

熟悉延譽寶團隊APP項目技術(shù)開發(fā)和團隊協(xié)作。

培訓(xùn)周期

三個月，每周4節(jié)理論課，2天實踐課。

課程大綱

第1部分 HTML5+CSS3

課程主題

PC端網(wǎng)站布局
WebApp頁面布局
css基本選擇器

培養(yǎng)目標(biāo)

了解常用瀏覽器和瀏覽器內(nèi)核； 了解語義化的概念； 掌握 HTML5 語法及使用技巧； 掌握 HTML5 常用標(biāo)簽。
掌握 CSS 語法及使用技巧； 掌握 DIV+CSS 布局方式； 掌握常見網(wǎng)頁布局模式。
掌握 Photoshop 切圖以及插件切圖； 能夠熟練使用開發(fā)人員工具進行頁面調(diào)試； 能夠根據(jù)PSD文件獨立完成靜態(tài)頁面的開發(fā)工作。
掌握 HTML5 新布局標(biāo)簽、多媒體標(biāo)簽； 掌握 CSS3 2D、3D 變換、動畫效果； 能夠使用CSS3新屬性美化修飾網(wǎng)頁； 了解移動端屏幕、移動端瀏覽器、操作系統(tǒng)的不同。
掌握常用移動端調(diào)試方法； 掌握常用移動端適配方法； 掌握 CSS 預(yù)處理器 less 的使用； 掌握常用移動端框架使用方法； 掌握常見移動端頁面開發(fā)； 掌握響應(yīng)式布局開發(fā)； 掌握 Bootstrap 開發(fā)響應(yīng)式頁面； 掌握適配不同終端的網(wǎng)頁開發(fā)技術(shù)選型。

第2部分 JavaScript和JQuery

課程主題

JavaScript基礎(chǔ)語法
JavaScript進階
JavaScript高級編程
jQuery經(jīng)典案例

培養(yǎng)目標(biāo)

能夠掌握 JavaScript 基本語法； 掌握常見 JavaScript 算法； 掌握 DOM 的各種操作； 熟練使用面向?qū)ο笏枷脒M行 DOM 編程； 掌握 JavaScript 的高級語法； 掌握 JavaScript 常見兼容性方案。
獨立完成視頻網(wǎng)站的頁面搭建（包括 HTML結(jié)構(gòu)、CSS樣式、JavaScript 特效）； 掌握應(yīng)對業(yè)務(wù)編程的能力； 掌握團隊合作開發(fā)流程。
熟練使用 jQuery 操作 DOM； 熟練使用和編寫 jQuery 案例。

第3部分 前端框架

課程主題

數(shù)據(jù)可視化
Vue
React
Angular

培養(yǎng)目標(biāo)

掌握使用 D3.js 進行大數(shù)據(jù)可視化交互開發(fā)； 能夠掌握使用 Vue 技術(shù)棧進行項目開發(fā)； 能夠掌握使用 React 技術(shù)棧進行項目開發(fā)； 能夠掌握源代碼管理工具的使用； 能夠熟練掌握前后端分離開發(fā)模式； 能夠掌握使用主流框架開發(fā)門戶網(wǎng)站、管理系統(tǒng)、移動 Web 等客戶端； 能夠掌握 Webpack 項目構(gòu)建配置流程； 能夠掌握 Web 項目的部署與發(fā)布模式； 能夠掌握常見網(wǎng)站業(yè)務(wù)模塊開發(fā)。
掌握Angular常用的指令： 掌握如何定義和使用模塊與組件： 掌握路由的配置。

第4部分 Cordova項目開發(fā)實戰(zhàn)

課程主題

數(shù)據(jù)可視化
Vue
Angular
Cordova

培養(yǎng)目標(biāo)

能夠掌握源代碼管理工具的使用； 能夠熟練掌握前后端分離開發(fā)模式； 能夠掌握使用主流框架開發(fā)門戶網(wǎng)站、管理系統(tǒng)、移動 Web 等客戶端； 能夠掌握 Webpack 項目構(gòu)建配置流程； 能夠掌握 Web 項目的部署與發(fā)布模式； 能夠掌握常見網(wǎng)站業(yè)務(wù)模塊開發(fā)。
掌握Angular常用的指令： 掌握如何定義和使用模塊與組件： 掌握路由的配置。

第5部分 React Native項目開發(fā)實戰(zhàn)

課程主題

RN開發(fā)流程和原理
混合開發(fā)核心技術(shù)
項目經(jīng)驗和技巧

培養(yǎng)目標(biāo)

掌握使用 D3.js 進行大數(shù)據(jù)可視化交互開發(fā)； 能夠掌握使用 Vue 技術(shù)棧進行項目開發(fā)； 能夠掌握使用 React 技術(shù)棧進行項目開發(fā)。Redux+react-navigation開發(fā)技巧，基于react-navigation的App導(dǎo)航框架搭建，react-navigation高級應(yīng)用與實現(xiàn)動態(tài)導(dǎo)航器，react-navigation3x開發(fā)指南，全面屏的適配與優(yōu)化，如何適配iPhone 全面屏，小米、三星等全面屏與凹凸屏手機適配。

第6部分 接口服務(wù)器搭建和原理

課程主題

API接口通信協(xié)議的定義
基于ThinkPHP搭建Web服務(wù)器
大數(shù)據(jù)和負(fù)載均衡

培養(yǎng)目標(biāo)

本課程的培訓(xùn)目標(biāo)，除了基礎(chǔ)開發(fā)和項目實戰(zhàn)外，需要了解服務(wù)器端技術(shù)，即使在沒有，后端工程師的條件下，依然可以自力更生完成項目開發(fā)。Web服務(wù)器我們采用Nginx做負(fù)載均衡，后端部署多個Apache服務(wù)器。應(yīng)用服務(wù)器我們以ThinkPHP為主要開發(fā)技術(shù)，消息隊列使用Java開發(fā)，WebSocket通信根據(jù)實際需要，做不同的技術(shù)選型。

講師介紹