学html5做app开发可以从哪儿学起

来源：互联网发布：变号磁铁在淘宝怎么搜编辑：程序博客网时间：2024/04/28 11:13

我是做android开发的，发现现在公司对html5要求挺旺盛，于是乎准备学一下html5 做app开发相关的知识。去某培训机构看了一下他们做html5 app开发的课程体系：

1.前端页面基础

结构表现与页面重构：

1.认知行业，岗位，介绍HTML5课程体系，就业趋势以及行业未来展望；

2.HTML基础入门；

3.HTML5新增元素与特性，HTML5表单增强属性；

4.CSS基础，CSS选择器，核心属性；

5.CSS定位，盒模型，继承，布局；

6.CSS3新增选择器；

7.CSS3动画，过度动画，关键帧动画；

8.CSS3位移与变形处理；

9.图形、图像软件的使用（PS）；

10.各种浏览器兼容性以及处理方式；

11.垂直居中，水平居中的处理方式；

12.雪碧图处理，滑动门处理及高宽自适应等高级应用技术；

13.CSS统筹，CSS在大型项目中的应用；

2.JavaScript（原生）

JavaScript基础：

1.JavaScript历史；

2.JavaScript如何使用及运作原理；

3.JavaScript现代基本理论体系结构；

4.JavaScript基本语法；

5.JavaScript循环语句；

6.JavaScript函数；

7.JavaScript核心Api（如Array、String、Date、JSON、Math、RegExp）；

8.掌握BOM的用法；

9.掌握原生DOM操作的用法；

10.握事件，事件原理，事件代理；

11.掌握正则表达式；

12.掌握Cookie存储；掌握Cookie存储；

13.掌握JavaScript基本特效的制作方法；
JavaScript面向对象：

1.掌握 JavaScript 的面向对象基础；

2.掌握 Javascript 原型链 prototype；

3.掌握 Javascript 作用域链；

4.掌握闭包；

5.掌握 This；

6.掌握构造函数；

7.J掌握同源策略以及 Ajax；

8.掌握跨域以及解决方式；

9.掌握 JavaScript 动画的实现以及原理；

10.握事件，事件原理，事件代理；

11.熟悉 JavaScript 的设计模式；

3.NodeJs全栈开发

NodeJs：

1.掌握 jQuery 框架使用；

2.掌握 LESS 的使用；

3.掌握 ES6 特性讲解以及使用；

4.掌握 Gulp 前端编译工具的使用；

5.掌握 Express 框架的使用；

6.掌握 PC 端网站开发基本流程和技巧；

7.掌握浏览器/服务器的交互模型

8.掌握项目周期与技术评估；

9.掌握行业网站项目开发与迭代；

10.培养良好的沟通、表达和团队协作能力；

11.掌握快速学习方法，初步养成有竞争力的职业习惯；

12.综合运用 HTML+CSS，JS，jQuery，dot.js，Express，NodeJS 等技术，完成大型 PC 端项目开发；

4.移动端WebApp

移动端WebApp开发：

1.HTML5 概述以及应用场合；

2.手机浏览器的特点；

3.Viewpoint 视口，dpi，px 的区别；

4.meta 属性，缩放，拖放；

5.rem 实战，字体选择；

6.移动端事件模型；

7.响应式布局，弹性盒子模型；

8.硬件加速原理；

9.移动端性能优化点；

10.HTML5 画布：canvas；

11.HTML5 多媒体：video，audio；

5.框架与混合式开发综合实训

Amd+RequireJs+SPA：

微信场景应用

1.微信开发，如何调用微信 JSSDK，调用微信客户端功能，如获取地理位置，扫一扫，微信支付；

2.浏览器/服务器数据交互原理；

3.SPA 单页应用技术实战；

4.AMD 代码编写实战；

5.BootStrap 栅格布局；

6.前端模板，分页制作；

7.图片异步加载；

8.CSS3 特性使用；

9.如何快速的解决问题；

提供的小例子：

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"><title>three.js css3d - 元素周期表</title><style>html, body {    height: 100%;}body {    background-color: #68217A;    margin: 0;    font-family: Helvetica, sans-serif;;    overflow: hidden;}a {    color: #ffffff;}#info {    position: absolute;    width: 100%;    color: #ffffff;    padding: 5px;    font-family: Monospace;    font-size: 13px;    font-weight: bold;    text-align: center;    z-index: 1;}</style>

AngularJS 和Vue框架

.HybridApp开发【AngularJS框架】：

1.AngularJS 的解析过程分析；

2.指令（ng-app，ng-repeat，ng-show，ng-hide，ng-controler）；

3.过滤器（Filter，Date），自定义过滤器的书写；

4.路由 Router 配置；

5.表单验证；

6.双向绑定、依赖注入的理解；

7.服务，自定义服务的开发；

8.Controller 、Service、Directives 的实战；

9.使用 Angular.JS 开发一个项目；

10.打包，将项目嵌入到 Native 中；

.HybridApp开发【Vue框架】：

1.Vue.js语法结构；

2.响应式数据绑定系统；

3.组件系统，搭积木式开发；

4.模块化；

5.路由vue-router；

6.Vue.Js与服务器通信vue-resource；

7.生产发布；

React项目：

1.JSX语法结构；

2.页面生命周期；

3.组件以及参数传值；

4.案例以及使用；
微信小程序

1.视图层wxml；

2.页面生命周期；

3.逻辑层；

4.框架解密；

5.项目实训；
原生Native+HTML5：

1.WebView的配置；

2.HTML5和Java的互相调用；

3.如何调试问题；

4.混合式开发性能优化实践；

5.发布一个混合式APP；

Cordova：

1.Cordova环境安装；

2.如何调试，如何编译；

3.配置文件详解；

4.事件使用；

5.插件的使用；

6.开发一个项目；

0 0