怎样更有乐趣的学习前端 之 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 欢迎加入~!

相关文章推荐

freecodecamp小项目---个人网站

这个简陋的网站只用了html和css效果; 项目效果: html代码: JZX WebPage --> ...

FreeCodeCamp中文网练习代码7

$(document).ready(function() {     $("#target1").css("color", "red");     $("#target1").prop("disa...

记录完成freeCodeCamp的过程

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

js的一些入门题目(freecodecamp)

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

FreeCodeCamp(一)学习笔记

FrontEndDevelopmentCertificationHTML5andCSSSay Hello to HTML Elementshello world Hello worldHeadline...

FreeCodeCamp中文网练习代码1

.red-text {     color: red;   }   h2 {     font-family: Lobster, Monospace;   }   p {     font-size:...

.properties文件的用法(jdbc.properties)mysql数据库配置信息优化

这种文件以key=value格式存储内容 代码中可以使用Properties类来读取这个文件 String value=p.getProperty(key); 就能得到对应的数据 一般这个文件作为一些...

Spring 3.0 学习-环境搭建和三种形式访问

理论学习 ·PO(persistent object)是持久化对象,所谓的持久化就是和数据库对应的主要是字段上,典型的应用是在hibernate中通过实体对象直接操作数据库的增删查改。一般提供get、...
  • bestcxx
  • bestcxx
  • 2016年09月09日 17:10
  • 1987

FreeCodeCamp之前端开发学习笔记1

1、有三个影响HTML元素布局的重要属性:padding(内边距)、margin(外边距)、border(边框)。 元素的 padding 控制元素内容 content和元素边框 borde...
  • acmjk
  • acmjk
  • 2016年12月09日 15:25
  • 288

freecodecamp JavaScript学习(-)

freecodecamp JavaScript学习 Understanding Uninitialized Variablesjavascript变量未初始化时,初始值为underfined 如果对未...
  • xyq3949
  • xyq3949
  • 2017年05月17日 14:11
  • 96
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:怎样更有乐趣的学习前端 之 FreeCodeCamp
举报原因:
原因补充:

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