FreeCodeCamp日志-基础前端项目完成
来源:互联网 发布:外交官拉杆箱 知乎 编辑:程序博客网 时间:2024/05/22 17:37
最近完成了FCC的第一个项目,也是得到FCC认证必须的第一个项目。在FCC整个流程中,这个项目之前的一些教程包括HTML/CSS,Bootstrap基础和简单的jQuery。但对我这样的初学者,同步学习一下Codecademy 上的同类型教程会更有帮助一些。
这个项目里一共有两个题目,都是静态网页的编写,甚至不需要CSS文件和JS文件。第一个是类似Wiki一样的名人介绍,另一个是个人简历的页面,然后在页面不同的位置用scrollspy实现自动翻页。
解决的思路不复杂,但我对于Bootstrap还不是很熟悉,花了很多时间去看它的文档中给的很多例子,好在官方提供的例子都很直观,用过一次心里就有印象了。使用了Bootstrap之后需要在自己的CSS里定制的内容就不多了,虽然最后完成的页面说实话还是挺难看的。我也看了其他很多完成者设计的页面,虽然看起来其貌不扬,但事实上也包含了很多设计元素在里面(?),所以这两个页面做完之后感觉想设计出一个有实际应用价值的页面还是有难度的。不过知道了如何操作之后再多练习就好了。
这次还没有解决的一个问题是链接的Bootstrap图标无法显示,只有一个小的实心按钮。
完成这两个题目中用到的一些知识我会单独总结出来,方便以后反复查阅。这一次主要包括:如何自定义图片形状,如何居中元素,和使用scrollspy。
我完成的页面在我的Github里,小弟目前还是个新手,希望有大神多指点。
1 0
- FreeCodeCamp日志-基础前端项目完成
- FreeCodeCamp日志-基础算法编程完成
- 记录完成freeCodeCamp的过程
- freecodecamp项目---twitch API
- freecodecamp小项目---计时器
- freecodecamp项目---tictactoe
- 前端小白入门day1 freecodecamp学习到的html和css基础
- Log日志项目完成取消
- freecodecamp小项目---弹幕发射器
- freecodecamp小项目---个人网站
- 又一个带前端项目开发完成
- 前端开发学习入门基地freecodecamp
- FreeCodeCamp之前端开发学习笔记1
- FreeCodeCamp基础算法题答案解析
- freecodecamp小项目---城市天气预报查询
- 前端项目完成后记得要屏蔽错误啊
- 怎样更有乐趣的学习前端 之 FreeCodeCamp
- web前端html+css基础 项目实例
- 算法训练 数字三角形
- CodeForces
- Maven+Spring+MVC结构中,jetty/tomcat是如何启动项目的
- Android AccessibilityService源码分析
- 文章标题 胜利大逃亡 HDU-1253
- FreeCodeCamp日志-基础前端项目完成
- 数据结构学习笔记 Day 7
- Codeforces 777E 贪心或LIS+线段树
- 设计模式——简单工厂、工厂方法、抽象工厂
- FLV学习(七)FlvParser源码阅读(5)解析视频标签
- 使用shaderMaterial实现平行光下的高光效果
- bzoj 1143 && bzoj 2718 最长反链
- 算法训练 Torry的困惑(基本型)
- 计算机程序的思维逻辑 (67)