![](https://mmbiz.qpic.cn/mmbiz_gif/lcqu27pSxn5MZrIuOVWLBicI5lpdLicwY9s3RMRUC9QibZEkwFwJMHoB3M5NPVXMxhNoIGNFSBZwvGJmvFEe7cKXA/640?wx_fmt=gif&tp=webp&wxfrom=5&wx_lazy=1)
作品信息 作品名叫作:酷前端网站设计与制作学生姓名:莫心怡、李欢欢指点老师:陈鹏
作品介绍:
酷前端网站是一个前端分享交流型网站。它针对传播学院数字出版专业的学生为她们供给专业的学习方向和就业方向上的选取,为她们搭建平台,将师兄师姐和师弟师妹们联系起来。除此之外,还会收集整理前端学习资源和好物分享等,给师弟师妹们供给一个便利查阅前端学习资料的资源库。
创作源自:
经过表情包来打破人们对“程序员”的刻板印象。面向的目的人群是大一大二的学生,表情包的风格更亲切,更有趣,更吸引人。全部网站的基本风格是营造有趣、好玩、容易的氛围。 ![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elzSZbWrZgZp7NqhQ9q7BaklEfKLxXmbsVvasFricKuoicl0axSSg2vefA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1) 板块一:首页![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8el45STgKAtIIfgPmCaf1icodtEXhqn1IY5Oj64ovmPSevdgicLD9ODM4MQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
包括以下几个内容:
logo;咱们是谁;咱们在做什么;以及vlog。 经过拍摄师兄的一日工作来介绍前端工程师这个职业和让人们摒弃对前端的刻板印象而去拍摄的vlog。
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8el3l7Go6UqpOyaMXXJ0iaOoNVxMnjt0XfCPiaDzhvrlJoAC1669fefrIicg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1) 01咱们是谁?咱们是17级数字出版专业的师姐,做这个网站的目的是想要给20级以上的师弟师妹们供给数字出版专业学生的就业方向选取。
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elapOBOq3hib08ibXInXAg576lzEgVeQicK5hGpuLOECLGQUnvibhWjH7qTw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1) 02咱们做什么?
咱们采访了从事前端的师兄师姐们,获取最新的就业市场信息,同期亦会按照新生在选取前遇到的有些广泛性问题进行疑难解答。另外,咱们还会与师兄师姐们一块讨论前端周期性的学习内容等,咱们亦会在这儿供给学习资源和生活好物。
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8el0f6mlbcez9TpXhSUepGXw5HialrkfGaCWjz4KHNl2CmhCcibzY2xQGuQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1) 03前端一日vlog:
是跟拍了师兄一天完成的,从家里到办公室,选取了机构周边好看的商场圈起始拍,开展一天的工作。想要让师弟师妹们对前端工程师有更深入的认识和摒弃人们对前端工程师的刻板印象。 04联系咱们
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elCpBHFkIddj5wzzkiauZk1FQDb6oQGSNI7E5XsXAw90txmFicsj1vtJNQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
板块二:学习
包括以下几个内容: 01入门须知
想要学习前端的朋友们,能够先来认识认识。
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elQt1wRLic6bcNP3cB25ae7MH7R3Gibdu8SViasH1cFoH50BnrAznzwphCw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
入门须知包含三个部分: ①“前端工程师,我能够吗?”这一部分是针对想要晓得自己是不是适合前端和是不是能够从事这个就业方向的朋友进行分析和解答的,有著名的霍兰德职业兴趣测试;
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elJBo0M2A0gATIeW6fYia1gvdoDmXh1y2dgsgic1ibTtR4xj6DO6dxM9egA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
②“从零学习前端研发”这一部分是针对已然决定要学习编程,亦爱好Web研发,但便是不晓得能够从哪里起始的朋友们进行学习方向的指引;
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elzRhIDGLTv9ia0Dy1v7aKZeANmLCo3K3EKwXOBYGIsqicLyGjrMknk6hA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1) ③“前端是什么?”这一部分是针对不晓得前端工程师是做什么的朋友们进行答疑解惑。
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elJjvUVV3iaEZG8j7fDF1evSREjJX6udKZrfSxK6NuTuXK2OsGic96VEkw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1) 02先辈分享
按照前期收集的问题反馈,对师兄进行采访,整理总结和答疑师弟师妹们的疑惑点;
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elLUJYUEnHjK1ia1gWIOyFc90iac0EF55PZcPcd0AzDuGBDM5kv3noCYnw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elNj2lYibGRJCcXynhBAjRtAzy2cB8JjIwMpR9vten1PR4lsaickbp1Zxw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1) 03学习进阶
收集整理了前端学习的过程和学习的内容。分为初、中、终极三个周期的学习资料分享。
①初级周期:前端的入门学习。这儿有前端人员常用的研发工具,入门学习的路线和入门学习的书籍、网站、视频的举荐。
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8el5N79ibMzoIvL0HFXpJUOf0G6WNjor4GSpbicE3EDU3VEDgn4DkqzSbcA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1) ②中级周期:前端的中级学习。这儿有前端人员中级学习的路线和中级学习的书籍、网站、视频的举荐。
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elH3rDYTaaR5ibKUWbItNcn3DicxXmI0hoPIjCK3bibPNwBUuVU1Xics7Fdw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1) ③终级周期:前端的高级学习。这儿有前端人员高级学习的路线,高级学习的书籍、网站、视频的举荐和拓展学习资料。
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elhoA3JMQhBVcK3chVR8Ccn6HCiaMqlt59ibQTcWO97Yicg2s9TV00UwouQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
板块三:分享
包括以下三个内容: 01有助于解除你就业迷茫的文案
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elboSAtH4dB5q7xrl1j22taHAjPD4ic07v2ZtHt9KzajnAGI6M10kpYlg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elFe63XzSk42OnmfpVY9yaVgYpA2oXjDhou6rDWKhcNuTHvAJhPADNFA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1) 02容易一刻
这儿有使你听了会安静的纯音乐,帮忙你放松紧张身体的运动,不费脑子、不费体力 、纯感受乐趣的解压游戏,还有小众APP。
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8el3uxuicaCU6jdtVlOicgrKDxwTYH9cEKbK7Oia7vKl0SM0k0oLN3o5ePoA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1) 03好物分享
享受生活其实特别有趣。这里有加强你生活质量的小技巧;有经常运用的鼠标、耳机、键盘等;还有宿舍好物,居家好物,清洁好物等。
![](https://mmbiz.qpic.cn/mmbiz_png/lcqu27pSxn5bnXpd7xicYSwWkl1cQQ8elysWl9CE8xgcPkVibtPF21bY9azExDJCz3jvTezkNcfASLx8NFQxPIbQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1)
板块四:活动 策划了一个云交流的活动
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
板块五:留言板 收集更加多想要学习和认识前端的朋友们的疑问,并进行整理,会与前端先辈探讨,最后再做一个输出反馈。
END
编辑 | 19数版1方小丽 19图文3林志贤
审核 | 19传策1吴密纯 19数版2王冰宜
发布 | 18传策1卢曜翔
![](data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)
|