課程概覽

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

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

內(nèi)容概述

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

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

2、WebView與JavaScript交互分析。

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

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

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

6、電商項(xiàng)目實(shí)戰(zhàn)開(kāi)發(fā)：商品、購(gòu)物車(chē)、訂單、支付。

7、電商項(xiàng)目實(shí)戰(zhàn)開(kāi)發(fā)：會(huì)員、拼團(tuán)、殺手以及各種促銷(xiāo)規(guī)則。

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

適合人群

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

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

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

熟悉延譽(yù)寶團(tuán)隊(duì)APP項(xiàng)目技術(shù)開(kāi)發(fā)和團(tuán)隊(duì)協(xié)作。

培訓(xùn)周期

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

課程大綱

第1部分 HTML5+CSS3

課程主題

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

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

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

第2部分 JavaScript和JQuery

課程主題

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

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

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

第3部分 前端框架

課程主題

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

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

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

第4部分 Cordova項(xiàng)目開(kāi)發(fā)實(shí)戰(zhàn)

課程主題

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

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

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

第5部分 React Native項(xiàng)目開(kāi)發(fā)實(shí)戰(zhàn)

課程主題

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

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

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

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

課程主題

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

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

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

講師介紹