新一代信息技术正引领世界变革，5G、人工智能、物联网、大数据、云计算……正向我们迎面走来！“物联网+”、“云计算”以及“大数据”等领域发展迅速，市场对程序人才的需求十分旺盛。
正是因为良好的就业前景和需求，许多有志青年选择广州市白云工商技师学院就读信息工程系，学习先进ＩＴ技术成为专业程序人才！
经过一个学期的学习，这群进校前的电脑小白们个个都能成为制作各种精美网站，程序设计开发游戏的大神！
多姿多彩的，别样趣味的课业训练
今天小编就带你去看看21级计算机程序设计五年制高技3班、移动班的学子学习后课业训练成果。
作品展示
01：《怪物猎人世界》
视频展示
图片效果
作品名称：《怪物猎人世界》
应用技术:HTML5 + CSS3 JavaScript iconfont字体库 VSCod_IDE
成员:李俊生（也是组长）
分工:
HTML5 +CSS3 ：李俊生
JavaScript ：李俊生
指导老师：费译萱
项目介绍：怪物猎人世界官网是一款大型3A游戏官网，它总体充满了游戏的欢乐成分。在对于项目的编写我想让这个网站在对于手机屏也能正常显示，所以我在里面写了媒体查询，让它在max-width=960px时拥有相对应的响应式。还有，用于导航时的轮播图，我用了原生的JS制作的，制作了："在我们点击左或者右的按钮时整体的DIV盒子移动一个导航栏的宽度，再加上transition: all 0.2s的动画缓冲作用下，移动起来十分舒服，丝滑。"（移动左右的方式是对于手机滑屏方向）在对于我的网站的图标，我采用了阿里巴巴的开源字体图标库“iconfont”。在我需要的图标那块元素上加上类名即可拥有字体图标与样式。
02：《华为商城》
视频展示
图片效果
作品名称：《华为商城》
班级：21级程序设计5年三班
团队：黄越强
指导老师：费译萱
项目介绍：本项目通过windows系统使用了Javascript语言和HTML与css互相搭配完成的，引用了iconfont库和bootstrap框架，将近100张图，代码不含框架和库写了4680多行
03《中国农业银行》
视频展示
图片效果
作品名称：《中国农业银行》
班级:21级计算机程序设计五年制高技三班
团队：陈泽童、张凯颖、范永恒、褚子仪、唐泽洋、梁锦洲
指导老师：费译萱
项目介绍：主要实现了用户登录与注册模块、首页模块、子页模块、
应用技术：HTML、JavaScript、css
应用框架：jQuery、swiper
04《OmoFun动漫网站》
视频展示
图片效果
作品名称：《OmoFun动漫网站》
班级：21程序设计三班
团队：廖远昊 梁炎彬
指导老师：费译萱
开发环境：HBuilder X Swiper
项目介绍：可以查看动漫，但不支持播放，实现功能:
热榜选项卡 主页轮播图字体图标引用了https://ionic.io/ionicons/v4 //这个网站好像是国外的打开项目字体，图标可能加载缓慢实现四个页面
05《微软》
视频展示
图片效果
作品名称：《微软》
班级：21程序设计五年制高技3班
团队：李亟桦
指导老师：费译萱
项目介绍：实现了首页模块、推荐模块、回到顶部模块、轮播模块、鼠标触碰实现动态效果
应用技术：HTML、JavaScript、Css3
06《学成在线网站》
视频展示
图片效果
作品名称：《学成在线网站》
班级：21级程序设计五年高级3班
团队：林炜雄
指导老师：费译萱
开发环境：HBuilder X
项目介绍：学成在线借鉴了MOOC（大型开放式网络课程，即MOOC（massive open online courses））的设计思想，是一个提供IT职业课程在线学习的平台，它为即将和已经加入IT领域的技术人才提供在线学习服务，用户通过在线学习、在线练习、在线考试等学习内容，最终掌握所学的IT技能，并能在工作中熟练应用。
07《素材库》
视频展示
图片效果
作品名称：《素材库》
班级：21级移动互联网五年制高技班
团队：谢仁发
指导老师：费译萱
项目介绍：主要使用HTML+CSS+JS,以及jQuery框架等前端技术，实现了页面的动画跳转功能，动态功能，结合伪类hover鼠标移入实现精美样式
应用技术：HTML
看到以上学长们的精彩作品，是不是很羡慕？你也一样可以的！目前我院2023级春季班已开启报名，请有意报名者抓紧时间！
广州市白云工商技师学院
欢迎您
