作为 Github | star 第一开源项目,已经超过18万 star;比之前最火的bootstrap的10万star还要多出8w,freeCodeCamp 越来越受关注,建站两年时间不到已经近40+万用户。这样一个项目是做什么的呢?你给几分?

对于很多程序员来说,他们必须不断的去编程教学网站学习,不断的充电,才能开发出符合市场的产品。对于很多想学编程的菜鸟来说,学编程简直像无头苍蝇乱撞,去各大编程教学网站学习,但是感觉无从下手,更不要说系统的学习编程技术。为了解决这个问题,W3Cschool引进国外开源编程学习项目freeCodeCamp,并做了中文翻译, 这是一套开源编程闯关学习系统。

如果你对codecamp开不了解,没关系,先看看用户体验。相信看了这些用户的推荐,你就明白codecamp是怎样的。

用户一:之前学习编程,总觉得自己像汪洋大海里的一片孤舟,学习的过程中没有目的和方向。codecamp给了我明确的目标,每做一题都离终点更近,学习的过程快乐而有趣,祝自己早日完成学习。

用户二:在FCC学习了一段时间,我重燃了年轻时的那颗心。那种打游戏冲关的感觉,碰上了,就停不下来。在这里,我们一起打“副本”,一起打boss 不同领域的码农都能发挥出自己最擅长的一面。

用户三:我以 web 开发零基础开始学习Code Camp,6 个月后,作为后端工程师,我得到了我的第一份工作。

用户四:在花了大量的时间尝试不同的编程教学网站后我才发现,CodeCamp 从一开始就是那么地与众不同。他们为不同水平的每个人都提供了最好、最多的用于学习编程并创建神奇的、适销的作品集的条理清晰的途径。

用户五:我喜欢边学边实践,虽然书本内容非常丰富,却是读得多实践少。后来与Code Camp 不期而遇,它让我边学边动手实践。与之前的拼命学习相反,我现在不只学习,而且一边学习一边开发一些很酷的项目。

用户六:Code Camp 提供了结构化的学习体验,相比其他免费学习网站,它更接近于真实的课堂。我最近受雇升级并维护当地医生办公室的网站,有额外收入和经历的感觉真是美妙。

用户七:Code Camp 提供的非常棒的、以目标为导向的课程正是我所需要的,并且最棒的是———— 100% 免费!

用户八:很久以来,我一直在找一个能让我持续感兴趣的学习编程的地方。我试过几个 Codecademy 和类似的地方,但事实证明没有一个能像Code Camp 一样吸引人。

用户九:Code Camp 让我更惬意于代码的某些方面,并且更多地以动手实践的方式帮助我复习和理解了概念性的内容。有的人通过理论学习来掌握知识,但是对我而言,只有亲自动手去做,我才能理解那些内容!

看了这么多,相信你对codecamp这款开源软件有所了解了吧,下面W3Cschool就为你详细的介绍一下这款零基础自学软件。

1.学习界面,你会看到这样的一个三栏模块

这个版块很好了解,很清晰,也很简洁直观。左边是课程区、中间是编程实操区、右边是运行效果显示区。左边给你讲实际操作方法,中间让你按照左边的方法来实践,右边显示你编写的程序效果。这样学习、训练、看效果的一步步学习的模式,同时达到学习和实战的效果。如果你的代码编写错误,那么你点下一步,系统将不会让你通过。直到你编写对了,才可以进入下一步。

示例:像玩游戏一样的闯关,一关一关闯过,比如学习Bootstrap网页布局开发

当你一关一关的闯过了,到最后,你写的代码全部都会累积起来,一个网页就形成了,你也就完成了一个课程。如果你要想继续学习其他课程,可以自由跳跃。我们推荐按照顺序来闯关,但是你也可以找自己感兴趣的教程来自由跳跃。

2.可选课程相关,主要是前端和算法相关课程

编程入门教程实战训练的课程大纲主要包括前端开发、数据可视化、后端开发、非盈利项目、面试攻略五部分。

已经翻译开放的编程闯关课程主要包括Html/CSS编程闯关、Javascript编程闯关、Bootstrap编程闯关、Jquery编程闯关四部分,另外还包括初级算法,中级算法,高级算法等算法学习篇章,具体可以查看http://www.w3cschool.cn/codecamp/list 。

3.学习路线,囊括入门学习方方面面

如果你是编程小白,零基础的学习编程,那么你可以点击开始闯关,进入HTML&CSS学习界面,从最基础的课程开始学习;

如果你有编程基础,或者在某一个领域比较擅长,想学习其他知识,那么你可以打开课程列表,点击你感兴趣的部分,进入学习界面。

看了上面的介绍,不知道你对Code Camp有没有更加深入的了解。不太了解也没关系,打开http://www.w3cschool.cn/codecamp进去看看就知道。这是一款完全免费的编程入门/提升教程实战训练,像打游戏冲关一样的学习编程,快来挑战吧!

看github上有18万star的第一开源项目如何教你学前端编程的的更多相关文章

  1. GitHub上最火的74个Android开源项目

    GitHub上最火的74个Android开源项目 1.ActionBarSherlock ActionBarSherlock应该算得上是GitHub上最火的Android开源项目了,它是一个独立的库, ...

  2. GitHub上最火的40个iOS开源项目

    1. AFNetworking 在众多iOS开源项目中,AFNetworking可以称得上是最受开发者欢迎的库项目.AFNetworking是一个轻量级的iOS. Mac OS X网络通信类库,现在是 ...

  3. GitHub上非常受开发者欢迎的iOS开源项目(二)

    "每一次的改变总意味着新的开始."这句话用在iOS上可谓是再合适不过的了.GitHub上的iOS开源项目数不胜数,iOS每一次的改变,总会引发iOS开源项目的演变,从iOS 1.x ...

  4. GitHub上最火的74个Android开源项目(三)

    此前,推出的GitHub平台上“最受欢迎的开源项目”系列文章引发了许多读者的热议,在“GitHub上最火的40个Android开源项目(一).(二)中,我们也相继盘点了40个GitHub上最受欢迎的A ...

  5. GitHub上最著名的Android播放器开源项目大全

    GitHub上最著名的Android播放器开源项目大全                                                                          ...

  6. Github上如何查看当前最流行的开源项目

    先声明下:只针对初学者,大神的话勿喷. 针对题标的这个问题,按照如下步骤操作即可: 进入Github网站后,显示的页面如下所示: 点击"Explore"链接,进入如下页面: 页面上 ...

  7. GitHub上最火的40个Android开源项目(二)

    21.drag-sort-listview DragSortListView(DSLV)是Android ListView的一个扩展,支持拖拽排序和左右滑动删除功能.重写了TouchIntercept ...

  8. 深度学习动手入门:GitHub上四个超棒的TensorFlow开源项目

    作者简介:akshay pai,数据科学工程师,热爱研究机器学习问题.Source Dexter网站创办人. TensorFlow是Google的开源深度学习库,你可以使用这个框架以及Python编程 ...

  9. Github 上 10 个值得学习的 Springboot 开源项目

    Spring Boot 几乎继承了所有 Spring 框架的优点,同时还可以让项目的配置更简化.编码更简化.部署更方便.近两年受到很多开发者的追捧,也是火热的不行! 下面给大家整理了 10 个 Git ...

随机推荐

  1. tp三级联动

    <script type="text/javascript">$(document).ready(function(){  $("#province" ...

  2. Python 数据库连接池

    python编程中可以使用pymysql进行数据库连接及增删改查操作,但每次连接mysql请求时,都是独立的去请求访问,比较浪费资源,而且访问数量达到一定数量时,对mysql的性能会产生较大的影响.因 ...

  3. .NET中二进制图片的存储与读取

    判断HttpContext是否为空: string configPath = "img/defaultPhoto.png"; if (HttpContext.Current != ...

  4. oracle11g卸载,10g之类版本通用

    鉴于oracle一些比较稀奇的问题,本人没碰到的不能帮忙解决的.而且比较着急赶时间的亲们,我就只能推荐先卸载在安装的办法了,这个方法一般用时也就1个小时到1个半小时之间,切记按步骤删除,别漏删了,不然 ...

  5. (转)Unity笔记之编辑器(UnityEditor)

    在使用unity3d的过程中,时常会需要从场景中寻找或者调用一个对象,而Unity就提供了一个贴心的功能——拖拽.用鼠标拖一下中比写堆代码直观的多吧!但是Unity提供的远远不止这一丢丢,下面我们来简 ...

  6. AWS系列-申请MySQL

    1.1 打开aws控制台,可以直接搜索MySQL 1.2 打开MySQL(rds)控制面板 点击启动数据库实例(这个只是启动创建的意思,不是启动下面创建好的node.我也不懂为啥翻译过来是这个意思.. ...

  7. iOS - 导航栏UINavigationController经常使用属性

    1.设置导航栏标题 self.title = @"dylan_李伟宾"; 2.设置导航栏样式 设置方法: [self.navigationController.navigation ...

  8. python 之 多进程

    阅读目录 1. Process 2. Lock 3. Semaphore 4. Event 5. Queue 6. Pipe 7. Pool 序. multiprocessingpython中的多线程 ...

  9. http协议详解(1)

    HTTP协议报文格式 接下来我们看看HTTP协议(Hypertext Transfer Protocol――超文本传输协议)浏览器端(客户端)向WEB服务器端访问页面的过程和HTTP协议报文的格式. ...

  10. sql 循环表中记录

    =========================================================================循环排序查询数据=================== ...