大牛说 | 浅谈移动Web开发-如何实现京东商城首页

Posted 教学好助手

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了大牛说 | 浅谈移动Web开发-如何实现京东商城首页相关的知识,希望对你有一定的参考价值。

作者介绍:码大牛,成长于传智播客和黑马程序员的专家型顾问。

【大牛说】


移动web是什么?

前面讲了,不少老师希望能开放一些移动web的资源,做项目使用。今天大牛终于整理好了一个视频资源包。

很多老师可能听到“移动web”这个词感觉到陌生,其实你对它很熟,你的身边每时每刻都有移动web的身影存在。

比如你玩过的html5小游戏,就属于移动web产品。比较常见的有HTML5版的切水果游戏,看到各式各样的水果被你切成两段,要命的炸弹挑战你的专注度,就忍不住想去切两刀,并且这款游戏老少皆宜。


你玩过五子棋吗?既可以选择人机对战,也可以选择人人对战,一般智商高的人都爱玩几个棋牌游戏,大牛也爱玩!

大牛说 | 浅谈移动Web开发-如何实现京东商城首页

除了HTML5游戏,你爱不释手的电影也和移动web有关系,各种大片,超酷炫,超震撼,超有型,超爱。

当你看了原图,感觉再也不会爱了(辣眼睛,把图缩小点)!

大牛说 | 浅谈移动Web开发-如何实现京东商城首页

另外,我们的衣食住行也和移动web息息相关,比如点开支付宝里面的每个应用,呈现的充值、缴费等网站(常说的M站)用的就是移动web技术。

大牛说 | 浅谈移动Web开发-如何实现京东商城首页

其实移动web就是根据不同移动智能终端而产生的web技术,技术包括HTML5javascript的各类框架,终端则包括手机、pad、互联网电视……


你想知道移动web网页是如何实现的吗? 

大牛整理好移动web资源,规划好学习路线,等你来拿(大牛QQ 2011168841)。

“前端学习”的活动已经进入最后一个极端了,这一阶段需要完成京东移动端APP首页的制作,效果呈现如下图所示。

主要学习技术点:移动web开发简介、viewport、商品组合样式。

有的人可能还不清楚活动情况,让我们回顾一下这次活动的情况。

1.活动流程:每周发一个阶段视频资源,共3次,每阶段设置测试环节(这周是第三次发放,查看第一阶段点,第二阶段点);

每个阶段的目标和主要学习内容如下所示:

第一阶段——各类小demo的制作,主要学习:大前端开发与全栈开发的定义、sublime3安装和包管理器安装、列表、表单、HTML+CSS

第二阶段——完成翻页美女相册的制作,主要学习:Dom、数组、函数、对象

第三阶段——完成京东移动端APP首页的制作,主要学习:移动web开发简介、viewport、商品组合样式

2.活动奖励:测试通过者可获得额外的资源奖励(绝密内部素材、源码、教学笔记)。测试未通过者,邀请两位计算机老师加码大牛QQ2011168841即可获得奖励,被邀请老师需要注明渠道“前端活动邀请”;

3.测试方式:一道题(小窗码大牛老师索取);

5. 资源发放方式:以QQ及邮箱发放资源


针对这次技术点,大牛专门准备了一份测试题,放心都是视频中讲过的,不会太难。

测试通过者可获得额外的资源奖励(传智播客绝密内部素材、源码、教学笔记)。
测试未通过者,小窗私聊大牛领任务过关获得奖励吧!


以上是关于大牛说 | 浅谈移动Web开发-如何实现京东商城首页的主要内容,如果未能解决你的问题,请参考以下文章

入门移动端混合开发 实战京东 APP

移动端web开发主流方案选择

浅谈基于Web的跨平台桌面应用开发

商城项目实战 | 1.1 Android 仿京东商城底部布局的选择效果 —— Selector 选择器的实现

浅谈商城项目

谷歌开发大牛国内首次亲授AngularJS