作为 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. 打包iOS应用程序

    如果想要将做的iOS应用程序装到自己的iOS设备上测试.或者装在别人的iOS设备上,或者想发布到App Store里,先要给应用签名.签名就要有证书,这就需要申请证书的过程了. 把自己的应用程序装到设 ...

  2. Confusing Date Format UVALive 7711 给定mm-mm-mm格式的时间。年份(1900-1999)只给了后两位数,问有多少种合法的排列使时间正确。

    /** 题目:Confusing Date Format UVALive 7711 链接:https://vjudge.net/contest/174844#problem/A 题意:给定mm-mm- ...

  3. node.js安装与入门使用

    一个基于 Chrome V8 引擎的 JavaScript 运行环境. Node.js 的包管理器 npm,是全球最大的开源库生态系统. 提供事件驱动和非阻塞I/O API,可优化应用程序的吞吐量和规 ...

  4. 第二百三十节,jQuery EasyUI,后台管理界面---后台管理

    jQuery EasyUI,后台管理界面---后台管理 一,admin.php,后台管理界面 <?php session_start(); if (!isset($_SESSION['admin ...

  5. 第二百二十七节,jQuery EasyUI,ComboTree(树型下拉框)组件

    jQuery EasyUI,ComboTree(树型下拉框)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解EasyUI中ComboTree(树型下拉框)组件的使用方法,这个 ...

  6. 嵌入式驱动开发之dsp 算法优化vlib emcv---算法优化

    http://www.opencv.org.cn/forum.php?mod=forumdisplay&fid=9

  7. 【vijos】1757 逆序对(dp)

    https://vijos.org/p/1757 有时候自己sb真的是不好说... 我竟然想了半天都没想到这个转移. 我是有多傻.... 我们设f[i][j]表示1~i的排列且逆序对恰好是j的方案数. ...

  8. 在Intellij IDEA下用X-debug调试PHP

    用Intellij IDEA使用X-debug来调试PHP,主要需要配置的部分有三个地方,分别为php.ini的配置,IDEA的配置和浏览器的配置,主要如下: php.ini(wamp修改的是phpF ...

  9. VC++显示文件或文件夹属性

    When you select a file or folder in Explorer window, and choose 'Properties' from the menu, you get ...

  10. Qt 配置文件QSettings读取以及中文问题

    QSettings settings("xxxx.ini",QSettings::IniFormat);settings.setIniCodec(QTextCodec::codec ...