关于freecodecamp网站

         自学前端有半个月了，基本了解了HTML、CSS、JS、Jquery的知识，又在慕课网上巩固了HTML+CSS。昨天自己用最原始的方法做了了静态的百度首页，虽然耗时一天，但是从中发现了所学知识在实践中会遇到的问题，并且靠自己去反复查阅文档、吃透盲点，解决了很多问题，看来实践真的是检验真理的唯一标准。

       今天在知乎上发现了freecodecamp这个网站，果然是个不错的网站，很适合前端自学者，它会一步一步地带你完成学习课程，像闯关一样，看着自己的分数一分一分往上涨，感觉还是不错的。当然了，基础学习是相对简单的，后面还会让你去做一些项目，很期待哦。其实慕课网和freecodecamp有一点像，不过freecodecamp是外文网站。当然了，我是在中文版的网站上学习的，还是中文亲切一点嘛。在freecodecamp学习到第一个大任务Build
a Tribute Page时，出现了一个英文版的视频，其实就是英文网站上原来的视频，看了一下，把视频中的内容和中文网站上翻译过来的内容作了一个对比，突然想到之前有一课讲Jquery中的Target a Specific Child of an Element Using jQuery一段时，有一点我总是想不明白，现在仔细一想才发现是翻译过来的文字给我造成了一点困扰。情况是这样的：







        上面是课程内容、代码页面、和实现效果，我按照示例内容，在第10行插入$(".target:nth-child(3)").addClass("animated bounce"); 以后，观察到#target5和#target2跳动了。再看示例内容的讲解：



       它说的是给目标元素的第三个子元素添加class，我当时迷糊了好一会儿，想当然的认为目标元素是class等于target的元素，也就是6个button，但是目标元素的第三个子元素是什么呢？显然没有。这里对target:nth-child(n)给出的定义显然不太准确，我又搜寻了其他资料里的相关内容，发现这样的定义更为准确且易懂：jQuery的:nth-child(n)选择器用于匹配作为父元素下的第n个(或特定顺序的)子元素的元素，将其封装为jQuery对象并返回。按照这个定义，class等于target的元素（button）的父元素，也就是<div
class="well" id="left-well">和<div class="well" id="right-well">这两个div，他们的第三个子元素才是这里应该选定的对象。

       看来翻译问题也成为学习中遇到的一个问题，当然了，不管遇到什么问题，多去查阅一些不同的相关资料有助于更好的理解知识。

       接下来准备再慕课网上把bootstrap的知识好好过一遍。