课程概览
内训课程由来
社会上关于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通信根据实际需要，做不同的技术选型。
讲师介绍
