视频教程上线,大家多多指教!

15350次浏览

近期,应麦子学院邀请,录制了《移动端前端实训》的视频教程,现已部分上线,还请大家多多指点!

实训项目介绍

实训项目是原来广联达兴安得力的微信商城的项目,项目是真实项目。目的是通过微信商城来推广广联达兴安得力的软件产品。

为了保证原来项目的版权,本次实训并非原封不动把原来的项目搬过来,而是把原来项目代码重新编写!

实训内容介绍

按理说,移动端项目应该精简,能少用东西的尽量少用。本次移动端实战项目,为了给大家普及更多地知识点,我用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/

少扔板砖

因为本次视频课程是本人第一次录制,中间难免有些问题!有些不对的地方,还希望大家多多指点!另外声明一下,视频中的某些观点,都是我个人观点,不具有代表性。

另外,移动端主流框架和注意事项,还有很多,短短时间,难免介绍不全。希望大家多多提出宝贵意见,但是不要恶意语言攻击!谢谢!

Tags: 随感教程前端

相关文章: