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

Posted 2021-04-30 教学好助手

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

【大牛说】

移动web是什么？

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

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

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

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

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

当你看了原图，感觉再也不会爱了（辣眼睛，把图缩小点）！

另外，我们的衣食住行也和移动web息息相关，比如点开支付宝里面的每个应用，呈现的充值、缴费等网站（常说的M站）用的就是移动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及邮箱发放资源

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

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