文档章节

【免费直播课】第三期:AppCan基础之界面布局

 胖三
发布于 2015/02/13 10:34
字数 559
阅读 20
收藏 0
点赞 0
评论 0

小伙伴们,


界面布局是AppCan Hybrid移动应用开发直观展现的基础。通过本课的学习,深入了解AppCan Hybrid移动应用界面布局方式。界面布局共计四课时。希望通过界面布局的学习,使开发者可以快速的完成UI部分的设计。


课程目标:界面布局是AppCan Hybrid移动应用开发直观展现的基础。通过本课的学习,深入了解AppCan Hybrid移动应用界面布局方式。界面布局共计四课时。希望通过界面布局的学习,使开发者可以快速的完成UI部分的设计。

课程特色:案例式教学。

适用人群:有一定WEB前端基础,初步了解过AppCan开发环境,并且想进入移动互联网行业的所有开发者。

优惠方式:免费

直播时间:2月10日,19:00起

课程详情:

界面布局第一讲

通过本节课的学习,了解AppCan Hybrid移动应用界面布局的设计来源,分辨率适配和常用的CSS封装样式。
1、弹性盒子
2、分辨率适配
3、常用的CSS样式介绍
4、实战:使用模版快速布局

界面布局第二讲:

通过本节课的学习,了解AppCan Hybrid移动应用界面布局中栅格系统概念,可以熟练使用栅格系统的方式完成布局。
1、栅格系统
2、实战:栅格系统案例

界面布局第三讲:

通过本节课的学习,以经典App应用为例介绍手动布局。
实战:手动布局第1讲

界面布局第四讲:

通过本节课的学习,以经典App应用为例介绍手动布局。
实战:手动布局第2讲


2月10日(周三),AppCan将组织节前的最后一次直播活动,节前涨知识,不能错过。


先来温习前面的课程

【免费直播课】第二期:AppCan基础之多窗口框架

【免费直播课】第一期——AppCan基础之Hi AppCan

视频观看地址

http://edu.appcan.cn/study.html?code=119



预习下新课程

© 著作权归作者所有

共有 人打赏支持
粉丝 0
博文 2
码字总数 1375
作品 0
石家庄
AppCan 携手腾讯微博开放平台共推跨平台开发工具

日前,腾讯微博开放平台与国内首个基于HTML5移动应用开发平台AppCan达成战略合作。腾讯微博开放平台将率先引入专门定制的AppCan-SDK(SDK即软件开发工具包),这一举措将简化腾讯微博分享流程...

ruihe124724903
2012/05/10
0
0
AppCan VS PhoneGap - 对比两大移动开发平台

要说hybrid app 框架的典范,Phonegap和AppCan无疑是最受大家关注的。先说明,本人是App的开发者,对手机上的web app也研究一段时间。本文以技术角度去阐述一个事实:为什么AppCan比Phonega...

迷途d书童
2012/07/05
0
13
移动应用在线开发平台Appcan将支持开发者在线编译证书并将应用提交到苹果应用商店

Appcan是一个一站式在线开发移动应用的平台,允许开发者使用HTML+JS开发支持iOS、Android和Symbian平台的应用。在今天的36氪开放日上,Appcan宣布现在他们支持让开发者在线编译开发者证书并...

xiahuawuyu
2012/04/07
0
0
AppCan2.0开发经验分享

AppCan平台是一个Hybrid App开发平台,很多开发者一开始选择使用AppCan,是因为它开发出来的应用从响应速度上比较快,这也是我们做AppCan平台的目的之一。AppCan是一个Hybrid App开发框架,初...

阿新00
2012/10/31
0
1
浅谈跨平台移动应用开发AppCan 移动端UI2.0框架

我们会找到非常多的关于移动端的开发框架,诸如JqueryMobile,JQTouch,Sencha等,都是专门为移动端构建前端用的。开发者学起这些框架来,也非常的方便和快捷,可能大家用到比较多的是Jquer...

阿新00
2012/12/20
0
0
8个最受欢迎的移动跨平台开发引擎

针对不同平台以及跨平台工具的特性,结合对国内外开发者的调查结果,笔者综合评选了8个最受欢迎的引擎或框架,以协助跨平台开发者提高编程效率。 1. Cocos2d-x Cocos2d是一个开源框架,用于构...

冯京宝
2012/07/05
0
0
正益移动技术总监韩正刚:移动平台+应用,企业移动化转型最佳路线

近日,畅享网携手appcan成功举办企业“移动化”案例分享沙龙。本次沙龙由新城控股集团星翼空间总经理從申主持,精准聚焦“移动化”成功转型案例。在演讲嘉宾分享之后,到会的50余位IT界专业人...

玄学酱
05/08
0
0
phonegap/cordova plugin

蛋疼的是你不能用native去写app,那么只能用个中间件来完成,现在选择无疑是cordova,国内的多用appcan(去年用过,个人感觉除了有点乱之外其他的还ok),先来讲讲cordova插件,因为很多时候...

kore_wang
2014/11/10
0
1
MobinSDK:多页面应用模型+底层服务基于HTML5的Web应用开发平台

MobinSDK 是一套基于HTML5的、用于开发移动终端和桌面端Web应用的开发平台,包括Mobin Web应用框架 Mobin Web应用开发工具两大块。 随着移动设备的快速崛起,随之伴随而来的是APP呈现爆发式增...

xiahuawuyu
2012/06/18
0
0
无需编程创建应用大盘点:Yapp让你在一分钟之内生成个性化手机软件

无需艰深的编程知识来开发软件一向是人们最关注的技术,除了有像Codecademy这样的趣味编程网站外,无需编程知识设计应用的创业公司也数不胜数,下面的Yapp便是一个在几分钟内就能设计出一个i...

xiahuawuyu
2012/04/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

python3.6用的外库遇到的问题

要用到wmi库 pip install wmi 装后不能用还要安装pywin32库。 要用到crypto加密模块安装pip instal pycrypto装后不能用。要安装pycryptodome。...

oisan_
5分钟前
0
0
select, poll, epoll I/O复用介绍

什么是I/O复用? 内核监视多个文件描述符(I/O文件句柄),一旦某个描述符就绪(一般是读就绪或者写就绪),能够通知应用程序进行相应的读写操作。 I/O多路复用又被称为“事件驱动”(比如读写事...

xiaoxlm
5分钟前
0
0
【Spring 系列 给IOC容器添加组件的几种方式总结】

给Spring 注册Bean的几种方式总结。其中使用@Import注解是Spring Boot 完成自动配置的一个核心注解。 1、Spring 中给IOC容器添加组件的几种方式 在Spring的配置文件中,配置Bean(基于XML方式...

HansonReal
6分钟前
2
0
bootstrapTable语言包设置

###方法一引入不同的语言包 <script src="bootstrap-table-zh-CN.js"></script> ###方法二引入全语言包 <script src="bootstrap-table-locale-all.min.js"></script>//然后在初始化前设计默......

momo1987
7分钟前
0
0
Saltstack 常用命令

1、拷贝文件到客户端 # salt 'slaver.test.com' cp.get_file salt://apache.sls /tmp/cp.txt 2、拷贝目录到客户端 # salt 'slaver.test.com' cp.get_dir salt://test /tmp 3、显示存活的客户......

硅谷课堂
8分钟前
0
0
致初学者-如何学好Python这门编程语言?[图]

致初学者-如何学好Python这门编程语言?[图]: 对于很多Python3初学者,往往会面临以下问题:Python2和Python3我该学习哪一个?是否要安装Linux系统学习Python?Python3有各种版本我该安装哪...

原创小博客
10分钟前
1
0
E31---setopt=protected_multilib=false

今天在云服务器上装nginx,需要先安装一些依赖库比如zlib, ,但是安装zlib时候报错。 yum install -y zlib zlib-devel 1 (-y 指的是如果需要选yes no的自动y)下面是报错 Protected multil...

侠客行之石头
14分钟前
0
0
HTTP常见面试题

Http与Https的区别: HTTP 的URL 以http:// 开头,而HTTPS 的URL 以https:// 开头 HTTP 是不安全的,而 HTTPS 是安全的 HTTP 标准端口是80 ,而 HTTPS 的标准端口是443 在OSI 网络模型中,H...

JK_OPERA
16分钟前
0
0
python爬取站长素材网页图片保存到ppt中

网站地址:http://sc.chinaz.com/tupian/index.html 直接上代码: import requestsfrom bs4 import BeautifulSoupfrom pptx import Presentationfrom pptx.util import Inchesimpor......

你为什么不吃药
18分钟前
1
0
Ubuntu 18.04 swap空间的修改

一、准备工作 执行“sudo swapon -s”命令,查看是否已经存在swap file 二、修改swap file # 如果第一步存在swapfile则需要先禁用sudo swapoff /swapfile# 修改swap 空间的大小为2Gs...

Iceberg_XTY
21分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部