FreeCodeCamp日志-基础前端项目完成
2017-02-25 20:17
316 查看
最近完成了FCC的第一个项目,也是得到FCC认证必须的第一个项目。在FCC整个流程中,这个项目之前的一些教程包括HTML/CSS,Bootstrap基础和简单的jQuery。但对我这样的初学者,同步学习一下Codecademy 上的同类型教程会更有帮助一些。
这个项目里一共有两个题目,都是静态网页的编写,甚至不需要CSS文件和JS文件。第一个是类似Wiki一样的名人介绍,另一个是个人简历的页面,然后在页面不同的位置用scrollspy实现自动翻页。
解决的思路不复杂,但我对于Bootstrap还不是很熟悉,花了很多时间去看它的文档中给的很多例子,好在官方提供的例子都很直观,用过一次心里就有印象了。使用了Bootstrap之后需要在自己的CSS里定制的内容就不多了,虽然最后完成的页面说实话还是挺难看的。我也看了其他很多完成者设计的页面,虽然看起来其貌不扬,但事实上也包含了很多设计元素在里面(?),所以这两个页面做完之后感觉想设计出一个有实际应用价值的页面还是有难度的。不过知道了如何操作之后再多练习就好了。
这次还没有解决的一个问题是链接的Bootstrap图标无法显示,只有一个小的实心按钮。
完成这两个题目中用到的一些知识我会单独总结出来,方便以后反复查阅。这一次主要包括:如何自定义图片形状,如何居中元素,和使用scrollspy。
我完成的页面在我的Github里,小弟目前还是个新手,希望有大神多指点。
这个项目里一共有两个题目,都是静态网页的编写,甚至不需要CSS文件和JS文件。第一个是类似Wiki一样的名人介绍,另一个是个人简历的页面,然后在页面不同的位置用scrollspy实现自动翻页。
解决的思路不复杂,但我对于Bootstrap还不是很熟悉,花了很多时间去看它的文档中给的很多例子,好在官方提供的例子都很直观,用过一次心里就有印象了。使用了Bootstrap之后需要在自己的CSS里定制的内容就不多了,虽然最后完成的页面说实话还是挺难看的。我也看了其他很多完成者设计的页面,虽然看起来其貌不扬,但事实上也包含了很多设计元素在里面(?),所以这两个页面做完之后感觉想设计出一个有实际应用价值的页面还是有难度的。不过知道了如何操作之后再多练习就好了。
这次还没有解决的一个问题是链接的Bootstrap图标无法显示,只有一个小的实心按钮。
完成这两个题目中用到的一些知识我会单独总结出来,方便以后反复查阅。这一次主要包括:如何自定义图片形状,如何居中元素,和使用scrollspy。
我完成的页面在我的Github里,小弟目前还是个新手,希望有大神多指点。
相关文章推荐
- FreeCodeCamp日志-基础前端项目完成
- FreeCodeCamp日志-基础算法编程完成
- FreeCodeCamp日志-基础算法编程完成
- 转行前端自我学习记录——freecodecamp项目实践小结
- freecodecamp小项目---个人网站
- freecodecamp项目---tictactoe
- FreeCodeCamp备查簿(6:#161-#190--JavaScript基础)
- Join Strings with join(连接字符串)freeCodeCamp上边的项目
- Factorialize a N umber(计算阶乘)—freeCodeCamp上边的项目
- 怎样更有乐趣的学习前端 之 FreeCodeCamp
- FreeCodeCamp基础算法题答案解析
- freecodecamp项目---twitch API
- 记录完成freeCodeCamp的过程
- freecodecamp小项目---弹幕发射器
- Split Strings withsplit(分割字符串)freeCodeCamp上边的项目
- 前端开发学习入门基地freecodecamp
- Reverse a String(翻转字符串)—freeCodeCamp上边的项目
- freecodecamp小项目---计时器
- freecodecamp小项目---城市天气预报查询
- FreeCodeCamp备查簿(5:#132-#160--JavaScript基础)