妙味优秀学员:付飞 结课作品展示

半年前,作为一个代码小白的他,从 "Hello world" 开始,到第一个页面、再到第一个特效、然后是第一个 repository……在踏入 “WEB前端开发” 这条路之前,这位叫做 付飞 的小伙子,已递交了一份自己的答卷,他期待从这个作品开始,正式步入 “WEB前端开发” 之旅!

专业是《机械自动化》的他,毕业后的 2 年时间里,经历了几份不同的工作,例如曾经在国企工厂的流水线干过,又从事过售后技术支持的工作,经常出差替客户解决技术问题,然而这些缺乏想象力的工作,却并不能让他感觉未来有任何精彩。此外,性格偏理性的他,在学习期间就对 “高数、二维、三维、求导” 等数学问题乐此不疲,因此他就在想,放弃之前固化的生活和相对较乏味的工作环境,转身投入编程的世界,看看能否在编程领域找寻到自己的一片天?因此他来到了妙味课程,选择了从零开始,学习全套前端知识体系。

“聊聊你的作品吧?”——我问他。

“嗯,好的。其实学到差不多要准备作品时,我也没想太多,索性就从一个简单的项目开始吧,不管好不好,做了再看。所以我就到 设计师联盟 网站,还有 知乎 上推荐的那些酷站看了看,从中找了一个这样的作品去实现~”

“首先这个作品是响应式的,正好可以练习一下我的布局能力,你可以拖拽浏览器窗口大小去看它在不同分辨率下的变化。”

“然后这个作品的页面切换动画较多,它们是通过 hash 进行切换的,这样网页内容之间的过渡很平顺柔和,这也是我喜欢的理由之一,虽然技术实现上也并非高大尚~~”

“其实在做之前,对它进行一些分析是很有必要的。这些页面内容在切换时,大量用到了竖条依次展开的方式,既然转场动画用到它的频次较多,那我就把它封装成函数,调用起来就方便很多……你试试看鼠标滚轮滑动时,页面也可以切换的。”

作品截图:

PC端访问:http://cool.miaov.com/fufei/

移动端适配:

移动端访问:

“要是说一句话来总结这个作品,你会怎么形容呢?”——我最后问他这个问题。

他想了一会,说道:“学习是件辛苦的事,但是收获会让人快乐!”

- 付飞 小档案 -

姓名:付飞

年龄:24

住址:北京

手机:132 9560 6605

邮箱:jndxfufei@163.com

Git:https://github.com/fortress-fight

课程咨询QQ:2852509868、2852509867、2852509866
课程咨询电话:010-57269690
客服在线时间:周一至周五 9:30-18:00 周六至周日 10:00-17:00

妙味网友
请登录后留言,请登录注册