欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  头条

第八期线上班优秀作业展示

程序员文章站 2022-03-02 22:53:02
...
第八期线上班,已经开课一个月了,参加的同学们学的怎么样呢?小编整理出部分学员的优秀作业,供大家学习参考!

以下为WEB前端作业,待PHP阶段学习一段时间后,再更新

1.优雅的课表:使用 table 练习制作简易课表--2019年09月06日

学员:小星

作业地址:https://www.php.cn/blog/detail/15402.html

第八期线上班优秀作业展示

(页面效果展示)

批改状态:合格

老师批语:这个课程表惊到我了, 一个普通表格也能做得这么完美

2. 美团移动端:中秋作业-仿美团触屏版-2019-9-12作业

学员:零度 的博客

作业地址:https://www.php.cn/blog/detail/15403.html

第八期线上班优秀作业展示

学员总结:

代码有2个问题点没解决的(老师有空就点评支个招,(#^.^#)):

1顶部右边的图标没居中

2.猜你喜欢的文字缩到最小会跑位。。

页面布局用flex布局,时间没多少(黑厂不放假。。),框架就没写了,布局看着简单,但是我还是得花5个小时左右才写出来,代码都是一步步测试写出来的,虽然有点狼狈。但是很开心。

批改状态:合格

老师批语:毕业想去美团吗? 他们的制服太黄了, 不好看,哈哈

3.饿了么移动端:仿饿啦么首页

作业地址:https://www.php.cn/blog/detail/15372.html

第八期线上班优秀作业展示

学员总结:

边写,边保存,边看效果, 对弹性盒子理解不够,基本上用内外边距的像素值多少才实现的.

批改状态:合格

老师批语:你们一个比一个优秀, 这个页面棒极了

4. 仿京东移动端:仿京东商城手机端首页--2019年9月10日

学员:cat的博客

作业地址:https://www.php.cn/blog/detail/15349.html

第八期线上班优秀作业展示

批改状态:合格

老师批语:远超出作业要求, 不错哟 仔细观察一下页面, 会发现有很多可以重用的小零件, 是否考虑过将它他制作成一个标准件呢

5.仿小米商城::flex布局--2019-09-10

学员:sjgbctjda的博客

作业地址:https://www.php.cn/blog/detail/15343.html

第八期线上班优秀作业展示

批改状态:合格

老师批语:还把小米做了, 不错, 是不是写上瘾了

6.仿:day9:flex弹性盒子布局 20190910

学员:阿乎乎的学习

作业地址:https://www.php.cn/blog/detail/15310.html

第八期线上班优秀作业展示

学员总结:

写的太慢了,来不及写其他的,上班时间偷偷摸摸的写!经过测试发现好像项目也可以做为flex容器来嵌套,二写的时候遇到了一个大坑浪费了一些时间,在写最新更新的时候因为p标签内的字符太长会影响项目的长度,我一度以为是图片的影响,但图片宽度又限制的,所以在这卡了很久!后来才发现是p元素内字符太长的影响,所以给它的父元素div增加了一个max-width的相对宽度,解决问题!!

批改状态:合格

老师批语:发现问题, 再通过自己思考找到答案, 这个方法相当正确 , 这回你终生难忘

7. 仿千图网:使用flex布局仿写千图网手机端页面--2019年9月10日

学员:

作业地址:https://www.php.cn/blog/detail/15419.html

第八期线上班优秀作业展示学员总结:内容太多,大家自己看吧

批改状态:合格

老师批语:写得不错, 还多做了一个

8. 前端框架布局:仿荔枝微课前端-2019年9月12日

学员:

作业地址:https://www.php.cn/blog/detail/15420.html

第八期线上班优秀作业展示

学员总结:

实现三个页页的效果

首页、学习、我的这三个页面

实际效果参考网址:https://www.icaoyuan.cn/0912/index.html

批改状态:合格

老师批语:制作的非常精美

9. 仿携程网移动端首页:制作携程网移动端首页。2019-09-10

学员:风吹

作业地址:https://www.php.cn/blog/detail/15432.html

第八期线上班优秀作业展示

学员总结:

这里面弹性盒子的使用频率很高,布局起来很方便。在特卖汇右侧中的,千款特价,*精选,周边玩乐,由于能力有限,没有想明白要怎么去用弹性盒子来完成,于是用了相对定位来做,显得很粗糙。

此次作业提升了弹性盒子、嵌套元素和导航用无序列表来做的熟练度。

批改状态:合格

老师批语:携程的主导航是有背景图的, 而且背景色还是渐变的,你可能是没有注意到

祝愿:

同学们,再接再厉,和老师们一起加油,再战2个月,学有所成,早日工作!

相关推荐:
1. 《九期线上直播授课班》,即将开始招生,敬请关注!
2. 第八期超大型CMS系统的开发教学详细介绍