怎样更有乐趣的学习前端 之 FreeCodeCamp

原创 2017年04月18日 18:28:15


今天来说说 “边学边玩” 


今天我们长话短说,因为这是一个建议性的学习方法和安利文,没有任何商业利益,所以不要猜这是广告,而是实实在在的干货建议。你觉得好就赞赏,觉得无用可忽略


很多人反应说自己毫无基础,代码又是那么枯燥,看书就要睡着,我很难坚持,所以选择了交几万块参加培训班,就是为了让自己有个系统和目标入门。


那么今天我就给你介绍一个好久之前我就想给大家介绍的入门神器:


FreeCodeCamp


FreeCodeCamp(以下简称FCC)是全球最火的Web开发学习平台,为何很火,可以自行某度、我歌


它没什么特别的,只有一点:它会让你有打游戏的冲动,一步步过关升级,边学边玩,边做边学


很简单,它是一个网站,https://www.freecodecamp.com/ 类似在线编码教学网站,如果你英文不想看可以进入中文 www.freecodecamp.cn,完全照搬翻译过来的国内项目,不过还是和原版不太一样。


FCC它是个开源项目,全世界人员都可以参与并学习,这一点使它迅速扩大并得到一致好评,至于它的有点,我在这里简单概括一下,剩下的等你进去一步步闯关就会明白。


FCC特点和学习要点:


1. 鼓励 Learning by Doing的学习方式。你可以在这里学习到前端、后端、数据可视化等几乎涵盖所有的Web开发知识。主要还是以js为主。


2. 通过完成一个个像打游戏闯关一样来学习、升级。还可以加入聊天室或论坛和同学们交流,还可以加入学习小组,类似国内豆瓣小组讨论,互相监督。


3. FCC前面的一些题目比较基础,故意让你建立自信,但越往后,Boss越大,题越难做,知识点越多,你可能会慌,但不要急,你闯的关越多,说明你学习能力就越强。


4. FCC它更像是一本带图的习题练习画册而不是教科书,所以请不要把知识点寄托到它身上,它只是一个乐趣途径,而不是知识获取渠道,注重实战和乐趣,所以大部分知识点你必须亲自去搜去查,并理解,它只负责给你引路,让你坚持,切记切记!


5. 这一切都是免费的 。有这就足够了吧?




几张截图,感受一下






参考资料,直达链接
官网:freecodecamp
中文网:freecodecampCN

最后,不用谢我,也不用喷我,我只是帮助一些没机会找到或者接触到的人,帮助他们更好的成长和更加有乐趣的入门,这对我来说也是一种乐趣。

【前端你别闹 】webunao

可能是最帅的技术公众号

生活不只有技术,更有 欢乐 和 梦想

长按扫码关注,听我洗脑

版权声明:本文已在我的公众号 :前端你别闹(ID: webunao) 原创首发,转载请务必注明出处!,JS前端实用开发QQ群 :147250970 欢迎加入~!

js的一些入门题目(freecodecamp)

做了freecodecamp上面的一些题目,要求50小时的时间,然而我三小时左右搞完了(逃。     贴一下题目和代码把。      1  翻转字符串 先把字符串转化成数组,再借助数组的revers...
  • sky_miange
  • sky_miange
  • 2017年02月08日 04:03
  • 931

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

最近完成了FCC的第一个项目,也是得到FCC认证必须的第一个项目。在FCC整个流程中,这个项目之前的一些教程包括HTML/CSS,Bootstrap基础和简单的jQuery。但对我这样的初学者,同步学...
  • alexYooo
  • alexYooo
  • 2017年02月25日 20:17
  • 148

记录完成freeCodeCamp的过程

关于我 我是一个在国外念IT的学生,之前有一些it的背景。因为我本科是学地理信息的,也算是对编程入了门,学了些大学里很基础的C/C++,也用过OpenCV做过一些简单的应用。 自学全栈的过程 之...
  • alexYooo
  • alexYooo
  • 2017年02月23日 22:12
  • 298

FreeCodeCamp练习一

Create a Bootstrap Row中, 为我们的内联元素创建一个 Bootstrap 行。 在 h3 标签下创建一个 div 元素,并且带有 class 属性 row 。 但是“在你的...
  • huntedge
  • huntedge
  • 2016年07月08日 23:59
  • 610

[FreeCodeCamp-JavaScript]Intermediate Algorithm

在freecodecamp上学习js进行到中级算法部分了,这里记录一下,方便后面查看。 1.Sum All Numbers in a Range 我们会传递给你一个包含两个数字的数组。返回这两个数...
  • xionghuixionghui
  • xionghuixionghui
  • 2016年10月01日 00:29
  • 1497

[FreeCodeCamp-JavaScript]Basic Algorithm

最近在freecodecamp上学习js基本知识,在这里做个记载,方便后面复习查看。 1.Reverse a String 翻转字符串,先把字符串转化成数组,再借助数组的reverse方法翻转数组...
  • xionghuixionghui
  • xionghuixionghui
  • 2016年09月27日 22:07
  • 1157

FreeCodeCamp(一)学习笔记

FrontEndDevelopmentCertificationHTML5andCSSSay Hello to HTML Elementshello world Hello worldHeadline...
  • BATManer
  • BATManer
  • 2016年07月05日 23:21
  • 4273

FreeCodeCamp初级js算法题小结

github上前端训练营——FreeCodeCamp初级js算法题小结
  • idealrepublic
  • idealrepublic
  • 2016年11月04日 16:35
  • 1195

谷歌求职记:我花了八个月准备谷歌面试

原文链接:https://medium.freecodecamp.com/why-i-studied-full-time-for-8-months-for-a-google-interview-cc6...
  • u011240877
  • u011240877
  • 2016年12月17日 12:03
  • 11657

FreeCodeCamp之前端开发学习笔记1

1、有三个影响HTML元素布局的重要属性:padding(内边距)、margin(外边距)、border(边框)。 元素的 padding 控制元素内容 content和元素边框 borde...
  • acmjk
  • acmjk
  • 2016年12月09日 15:25
  • 346
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:怎样更有乐趣的学习前端 之 FreeCodeCamp
举报原因:
原因补充:

(最多只允许输入30个字)