您的位置:首页 > Web前端

FreeCodeCamp日志-基础前端项目完成

2017-02-25 20:17 393 查看
最近完成了FCC的第一个项目,也是得到FCC认证必须的第一个项目。在FCC整个流程中,这个项目之前的一些教程包括HTML/CSS,Bootstrap基础和简单的jQuery。但对我这样的初学者,同步学习一下Codecademy 上的同类型教程会更有帮助一些。

这个项目里一共有两个题目,都是静态网页的编写,甚至不需要CSS文件和JS文件。第一个是类似Wiki一样的名人介绍,另一个是个人简历的页面,然后在页面不同的位置用scrollspy实现自动翻页。

解决的思路不复杂,但我对于Bootstrap还不是很熟悉,花了很多时间去看它的文档中给的很多例子,好在官方提供的例子都很直观,用过一次心里就有印象了。使用了Bootstrap之后需要在自己的CSS里定制的内容就不多了,虽然最后完成的页面说实话还是挺难看的。我也看了其他很多完成者设计的页面,虽然看起来其貌不扬,但事实上也包含了很多设计元素在里面(?),所以这两个页面做完之后感觉想设计出一个有实际应用价值的页面还是有难度的。不过知道了如何操作之后再多练习就好了。

这次还没有解决的一个问题是链接的Bootstrap图标无法显示,只有一个小的实心按钮。

完成这两个题目中用到的一些知识我会单独总结出来,方便以后反复查阅。这一次主要包括:如何自定义图片形状,如何居中元素,和使用scrollspy。

我完成的页面在我的Github里,小弟目前还是个新手,希望有大神多指点。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: