Hybrid APP(混合模式APP)项目开发实战:内训课程培训大纲

   

课程概览

内训课程由来

社会上关于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通信根据实际需要,做不同的技术选型。

讲师介绍

 

 

 

免费手机网站模板 X
小程序在线为您服务!