近期,应麦子学院邀请,录制了《移动端前端实训》的视频教程,现已部分上线,还请大家多多指点!
实训项目介绍
实训项目是原来广联达兴安得力的微信商城的项目,项目是真实项目。目的是通过微信商城来推广广联达兴安得力的软件产品。
为了保证原来项目的版权,本次实训并非原封不动把原来的项目搬过来,而是把原来项目代码重新编写!
实训内容介绍
按理说,移动端项目应该精简,能少用东西的尽量少用。本次移动端实战项目,为了给大家普及更多地知识点,我用SASS处理器,来书写css,用requirejs模块化管理项目中的js。图片的加载采用canvas加载图片!
具体课程大纲如下:
一、移动端流行技术介绍
1、本次课程介绍及移动端主流框架介绍
2、移动端开发注意事项
二、移动端前端简单部署
1、移动端前端基础架构
2、sass对css的管理
3、requirejs模块化加载js
三、微信商城前端实战
1、固定头部制作。
2、微商城slide图片制作
3、商品列表页面制作
4、商品图片canvas加载制作
5、商品列表滑动加载效果制作
6、商品详情页面制作
7、商品详情页面交互制作
8、商品详情部分css3动画效果制作
9、购物车页面制作
10、订单详情页面制作
11、订单详情交互
12、IOS和安卓不同浏览器常见bug
13、个人中心页面-用户基本信息页面制作
14、个人中心-用户地址增删改
15、个人中心-用户订单列表
16、移动端登陆注册页面制作
17、移动端常用的表单验证
18、商品搜索页面制作
四、移动端前端性能优化。
1、合并压缩js和css,减少http请求
2、常见js书写方面优化
3、js和css加载顺序,和image的http请求
视频地址
麦子学院视频地址:http://www.maiziedu.com/course/web/513-6976/
少扔板砖
因为本次视频课程是本人第一次录制,中间难免有些问题!有些不对的地方,还希望大家多多指点!另外声明一下,视频中的某些观点,都是我个人观点,不具有代表性。
另外,移动端主流框架和注意事项,还有很多,短短时间,难免介绍不全。希望大家多多提出宝贵意见,但是不要恶意语言攻击!谢谢!