小编在学校学习时,确定了自己的未来路线是走后端开发,当时想自己做个网页练手。何苦前端知识不够完备,只是略微了解,因此小编在网上查找有没有其他办法,于是小编找到了这个非常牛掰的前端资源网站——CodePen。
CodePen的使用非常简单,基本上我们只需要复制粘贴里面自己想要的资源代码到自己的编译器上就行了,然后加几行代码将CSS和JavaScript文件导入到HTML中即可(别告诉我你是后端程序员,所以不会这种操作,这算是很基础了,不是借口哦)
CodePen可以使用GitHub账号登录,里面展示了当前比较火的一些组件或者完整网页,开源地提供了HTML,CSS,JavaScript的全部代码,我们只需要复制使用即可。
小编就以上面打开的这个登录页面为例,在IDEA上演示一遍吧。
第一步:创建HTML,CSS,JavaScript文件,复制粘贴相应的代码
HTML
CSS
JavaScript
第二步:在HTML文件里面加入两行代码分别将CSS和JavaScript两个文件导入进去。
导入CSS
导入JavaScript
当然,导入CSS和JavaScript的方式不止这一两种,这里小编主要介绍这个网站,所以就不一一演示啦。
第三步:直接运行HTML文件,查看得到的网页样式是否符合预期
成功啦!是不是很简单,作为CV程序员我们只要会复制粘贴也能运行出一个不错的网页(这个网站资源是开源的哦,并没有抄袭不抄袭一说)。
当然,我们只是把静态页面做出来了,数据和后台都需要我们自己再花时间去搭建,我们只是省去了前端的大部分工作,为想练习后端技术的程序员提供了一个不错的资源。