html5编写网页代码_freeCodeCamp.org的未来-从向世界传授语言到编写代码的5年经验...
html5编写网页代码
freeCodeCamp went live in October 2014. In the five years since, we've done quite a bit.
freeCodeCamp于2014年10月上线。在此之后的五年中,我们做了很多工作。
In this article, we'll explore:
在本文中,我们将探讨:
- What the freeCodeCamp community has accomplished over the past 5 yearsfreeCodeCamp社区在过去五年中取得了什么成就
- Our annual budget, and the scale we now operate at我们的年度预算以及目前的经营规模
- 4 major improvements we just launched this week我们本周刚刚推出的4大改进
- Our big plans for 20202020年的宏伟计划
Here are a few numbers to bring home the magnitude of what this community has accomplished.
这里有一些数字可以带回这个社区所取得的成就。
More than 40,000 freeCodeCamp graduates are now working in tech at companies including Apple, Google, Microsoft, Amazon, and Spotify.
现在有40,000多位免费的CodeCamp毕业生在包括Apple,Google,Microsoft,Amazon和Spotify在内的公司从事技术工作。
Millions of people watch freeCodeCamp's YouTube channel each month.
每月有数百万人观看freeCodeCamp的YouTube频道 。
Millions of people read freecodecamp.org/news each month.
每月有数百万人阅读freecodecamp.org/news 。
And people ask - and answer - thousands of tech-related questions each month on freecodecamp.org/forum.
人们每个月都会在freecodecamp.org/forum上提出和回答与技术相关的数千个问题。
freeCodeCamp.org is now one of the most-used technology sites on the entire web.
freeCodeCamp.org现在是整个网络上最常用的技术站点之一。
freeCodeCamp是一个由捐助者支持的高效非营利组织。 (freeCodeCamp is a highly efficient donor-supported nonprofit.)
freeCodeCamp has served more than 1 billion minutes of technology education so far in 2019. And our total annual budget is only $373,000.
截止到2019年,freeCodeCamp已经为10亿分钟的技术教育提供了服务。我们的年度总预算仅为$ 373,000。
That means that so far this year we've provided...
也就是说,到目前为止,我们已经提供了...
(1,120,000,000 minutes / $373,000) = 3,002 minutes
(1,120,000,000 minutes / $373,000) = 3,002 minutes
= 50 hours of use per dollar
= 50 hours of use per dollar
That's right - 50 hours of free technology education for every donor dollar given.
没错-每捐赠一美元,即可获得50个小时的免费技术教育。
freeCodeCamp is 10x more cost-effective than most online learning tools.
freeCodeCamp的成本效益是大多数在线学习工具的10倍。
We're 100x more cost-effective than most in-person adult education programs like universities, coding bootcamps, and trade schools.
我们的成本效益比大多数面对面的成人教育计划(例如大学,编码训练营和贸易学校)高100倍。
Even though we're a US-based NGO, only about 20% of people who use freeCodeCamp.org are here in the US.
即使我们是美国的非政府组织,使用freeCodeCamp.org的人中也只有约20%在美国。
Most of the people who use freeCodeCamp.org live in countries where people survive on $10 per day or less.
使用freeCodeCamp.org的大多数人生活在每天靠10美元或更少的钱维持生计的国家。
When you donate to freeCodeCamp, you're ensuring these people don't have to skip meals just so they can afford to learn to code.
当您向freeCodeCamp捐款时 ,您将确保这些人不必只是为了让他们有能力学习编码而不吃饭。
You're ensuring that they can have access to the same free, time-tested learning resources that you have access to.
您要确保他们可以访问与您有权访问的相同的免费,经过时间考验的学习资源。
freeCodeCamp的未来 (The future of freeCodeCamp)
Now that you've seen the scale that freeCodeCamp operates at - and its sheer donation efficiency - let's talk about the future.
现在,您已经了解了freeCodeCamp的运行规模-以及巨大的捐赠效率-让我们来谈谈未来。
How are we going to help even more people understand the technology tools of our time?
我们将如何帮助更多的人了解我们时代的技术工具?
本周的主要更新 (This week's major updates)
For the past year, the freeCodeCamp community has been working on a variety of performance and usability features.
在过去的一年中,freeCodeCamp社区一直致力于各种性能和可用性功能。
We just shipped these improvements to production this week. They are now live at freecodecamp.org.
我们本周刚刚将这些改进交付生产。 他们现在位于freecodecamp.org上。
Here are some of the improvements we made.
这是我们所做的一些改进。
改进1:我们对课程进行了数百次改进和错误修复 (Improvement 1: We made hundreds of curriculum improvements and bug fixes)
Teachers and developers have gone through freeCodeCamp's curriculum and tightened up instructions and tests. The result is an even clearer, easier to understand learning experience.
老师和开发人员已经完成了freeCodeCamp的课程,并加强了说明和测试。 结果是更清晰,更容易理解的学习体验。
Earlier this year, we started work on Version 7.0 of the freeCodeCamp curriculum. This is coming along well, and should go live in 2020.
今年年初,我们开始研究freeCodeCamp课程的7.0版 。 进展顺利,应该在2020年启用。
We will still offer the same 6 certifications. And you'll still build the same 5 certification projects required to earn each certification.
我们仍将提供相同的6种认证。 而且,您仍将构建获得每个认证所需的相同5个认证项目。
But we're replacing the optional lessons in our current curriculum with new practice projects. You'll learn:
但是,我们正在用新的练习项目代替当前课程中的可选课程。 您将学到:
- JavaScript by coding your own Role Playing Game line-by-line, test-by-test.通过逐行,逐项测试编写自己的角色扮演游戏来编写JavaScript。
- Typography by designing your own nutrition label.通过设计自己的营养标签来排版。
- Functional Programming by building your own spreadsheet app.通过构建自己的电子表格应用进行功能编程。
... and you'll learn dozens of other concepts and tools through similar project-oriented learning.
...,您将通过类似的面向项目的学习来学习许多其他概念和工具。
改进2:大胆的新设计 (Improvement 2: A Bold New Design)
We've combined retro-computing aesthetics with modern accessibility best practices. The result is new look I call "Command Line Chic."
我们将复古计算美学与现代无障碍最佳实践相结合。 结果是新外观,我称之为“命令行时尚”。
You can toggle between light mode and dark mode from your settings.
您可以通过设置在亮模式和暗模式之间切换。
And soon you'll be able to toggle dark mode right from freeCodeCamp's navigation, without even needing to sign in.
很快,您将能够从freeCodeCamp的导航中直接切换暗模式,而无需登录。
改进3:现在,在手机上编写代码变得更加容易 (Improvement 3: It's now much easier to code on your phone)
Since day 1, freeCodeCamp has worked to make it easier and easier to write code and run tests on your phone.
从第一天开始,freeCodeCamp致力于使编写代码和在手机上运行测试变得越来越容易。
Our new version is the next step toward that goal.
我们的新版本是实现该目标的下一步。
We've broken lessons down into a series of tabs so you can easily switch between your code, instructions, tests, and preview.
我们将课程分为一系列选项卡,以便您可以轻松地在代码,说明,测试和预览之间切换。
We've also moved the buttons to the bottom of the screen so you don't have to scroll to get to them.
我们还将按钮移至屏幕底部,因此您无需滚动即可到达它们。
These are the first steps toward an even easier to use mobile interface.
这些是迈向更易于使用的移动界面的第一步。
Try working through a few freeCodeCamp lessons on your mobile phone. It still isn't quite as convenient as having a mouse and keyboard, but it's much easier than it used to be.
尝试在手机上完成一些freeCodeCamp课程。 它仍然不像具有鼠标和键盘那样方便,但是它比以前容易得多。
改进4:一切都比以前快 (Improvement 4: Everything is way faster than before)
We re-architected freeCodeCamp to be a fast JAMstack React web app powered by Gatsby.
我们将freeCodeCamp重新设计为一个由Gatsby支持的快速JAMstack React Web应用程序。
Here is the Google Lighthouse score for freeCodeCamp's latest release:
这是freeCodeCamp最新版本的Google Lighthouse得分:
Here's freeCodeCamp's full server architecture so you can see how we're operating at scale using CDNs and powerful new tools like Gatsby and Netlify:
这是freeCodeCamp的完整服务器体系结构,因此您可以看到我们如何使用CDN和功能强大的新工具(如Gatsby和Netlify)进行大规模操作:
We now manage all of freeCodeCamp's codebase in a single GitHub repository so we can automatically build, test, and deploy new features and bug fixes.
现在,我们在单个GitHub存储库中管理所有freeCodeCamp的代码库,因此我们可以自动构建,测试和部署新功能和错误修复。
And for a more unified user experience, we've moved all user-facing subdomains of freeCodeCamp to subdirectories. For example, donate.freecodecamp.org
is now at www.freecodecamp.org/donate.
为了获得更统一的用户体验,我们已将freeCodeCamp的所有面向用户的子域移至子目录。 例如, donate.freecodecamp.org
现在位于www.freecodecamp.org/donate 。
freeCodeCamp 2020:更多Python。 (freeCodeCamp 2020: More Python.)
Python is by far the most popular search query on freeCodeCamp.
到目前为止,Python是freeCodeCamp上最受欢迎的搜索查询。
And it's the most popular topic on our YouTube channel.
这是我们YouTube频道上最受欢迎的话题。
Python is even becoming a part of standardized college exams in some countries.
在某些国家,Python甚至已成为标准化大学考试的一部分。
Even though we have a ton of popular learning resources on Python, up until now we haven't yet included Python in freeCodeCamp's core curriculum.
即使我们有大量关于Python的流行学习资源,但到目前为止,我们还没有将Python包含在freeCodeCamp的核心课程中。
Well, I'm happy to announce that we are adding Python projects and Python-specific certifications.
好吧,我很高兴地宣布,我们正在添加Python项目和特定于Python的认证。
We are especially focused on Numpy and TensorFlow - two libraries widely used for data science and machine learning.
我们特别关注Numpy和TensorFlow-这两个广泛用于数据科学和机器学习的库。
You can read more about our upcoming Python curriculum here.
您可以在此处阅读有关即将推出的Python课程的更多信息。
世界需要一个免费的非营利社区来学习编程和技术 (The world needs a free, nonprofit community for learning about programming and technology)
Yes, there are plenty of question-and-answer communities out there that cover technology basics.
是的,那里有很多涵盖技术基础知识的问答社区。
Yes, there are a lot of programming tutorial websites out there.
是的,那里有很多编程教程网站。
The key difference is freeCodeCamp.org is a grass roots effort.
关键区别在于freeCodeCamp.org是一项基层工作。
We do not answer to corporate overlords.
我们不回答企业霸主。
We are run by the developer community, supported by the developer community, and owned by the public.
我们由开发者社区运营,得到开发者社区的支持,并由公众拥有。
We will continue to work tirelessly to help as many people as possible learn to code.
我们将继续不懈地努力,以帮助尽可能多的人学习编码。
Together, we can build a future where everyone can harness the compounding superpower that is technology - not just a few engineers in Silicon Valley.
在一起,我们可以建立一个未来,每个人都可以利用技术的复合超级大国-不仅仅是硅谷的几个工程师。
We are able to accomplish all of this thanks to more than 5,000 people who donate $5 each month to freeCodeCamp.
多亏了5,000多人每月向freeCodeCamp捐款5美元,我们才能完成所有这些工作。
Remember my math from earlier? At freeCodeCamp's current level of efficiency, a single $5 donation buys the world the equivalent of 250 hours worth learning.
还记得我以前的数学吗? 按照freeCodeCamp当前的效率水平,单笔5美元的捐款就相当于向世界购买了250个小时值得学习的东西。
If you aren't donating yet, no worries. You can start donating $5 here.
如果您还没有捐款,那就不用担心。 您可以在这里开始捐款$ 5 。
祝freeCodeCamp社区生日快乐。 (Happy birthday to the freeCodeCamp community.)
Thank you to all of you who have helped turn this free education experiment into such a profoundly useful tool for people around the world.
感谢所有帮助将免费教育实验变成对世界各地人们如此有用的工具的所有人。
Here's to even more learning in 2020.
这是2020年的进一步学习。
翻译自: https://www.freecodecamp.org/news/the-future-of-freecodecamp-5-year-anniversary/
html5编写网页代码
相关文章:

程序员眼中的英文单词是这样的
来源:Jackie Han英语中一个单词可能有很多不同的意思。很多中国开发者外语本来就不好,概念是往往先入为主。甚至在不清楚一般意义的情况下,先记住了特定环境中的意思。 转载于:https://www.cnblogs.com/agileai/p/5166982.html

linux系统无法挂载U盘
插上U盘 [ 2407.650440] usb 1-3.3: new high speed USB device number 7 using s5p-ehci [ 2407.887332] usb 1-3.3: New USB device found, idVendor0951, idProduct1666, bcdDevice0100 [ 2407.894249] usb 1-3.3: New USB device strings: Mfr1, Product2, SerialNumber3 […

小程序输入框上推页面不上推
样式问题,把样式去掉就行

面试:你了解中兴吗_HTTP简介:您需要了解的所有内容
面试:你了解中兴吗In this article, I will walk you through how the world wide web works at a fundamental level.在本文中,我将向您介绍基本的万维网工作原理。 The core technology is HTTP - Hypertext Transfer Protocol. Its the communication protocol …

img-responsive class图片响应式
在BootStrap中,给<img>添加 .img-responsive样式就可以实现图片响应式。1<img src"..." class"img-responsive">转载于:https://www.cnblogs.com/zouyun/p/7761393.html

小程序开发卡券
前期准备 小程序内领取卡券 1.开发者须有一个有卡券权限的公众号(服务号)和认证后的小程序账号; 2.开发者须申请一个开放平台账号,并将小程序和公众号绑定在同一个开放平台账号下,关于开放平台的介绍请参照࿱…

php学习之道:WSDL具体解释(三)
通过声明方式定义绑定(binding)属性 假设你在服务中採用SOAP binding。你能够使用JAX-WS来指定一定数量的属性binding。这些属性指定相应你在WSDL中指定的属性。某些设置。比方參数类型,能够约束你实现的方法。这些设置也影响声明的效用。 SO…
什么是棉绒,它如何节省您的时间?
One of the biggest challenges in software development is time. It’s something we can’t easily get more of, but linting can help us make the most out of the time we have.时间是软件开发中最大的挑战之一。 这是我们无法轻易获得的更多东西,但是棉绒可…
可持久化线段树(主席树)【舰娘系列】【自编题】
[pixiv] https://www.pixiv.net/member_illust.php?modemedium&illust_id60083619 向大(hei)佬(e)势力学(di)习(tou) 前段时间做了一套大佬自己出的题(大佬竟然是个宅男2333),蒟蒻的我自然是只得了30分的暴力分:-( fleet 舰队 【题目描…

读书笔记——《黑客大曝光》(1/8)
第一部分 收集情报 案例研究 Tor系统基于洋葱路由器,是第二代低延迟匿名系统,用户可通过它在互联网上进行匿名通信。Tor网络的使用者必须在他们的系统上运行一个洋葱代理,这个代理允许它们在Tor网络上进行通信,并协商一个虚拟链路…

H5 自动播放背景音频,兼容安卓和苹果手机, ios createInnerAudioContext 无法自动播放解决
原因应该是IOS不允许自动播放音频,有两种解决方法 在main.js Vue.prototype.innerAudioContext = uni.createInnerAudioContext(); //创建播放器对象 Vue.prototype.playAudio = function(audioUrl) {console.log(播放)var innerAudioContext = Vue.prototype.innerAudioCont…

粒子耗尽 粒子滤波_如何使用粒子的强大蓝牙API
粒子耗尽 粒子滤波This post is originally from www.jaredwolff.com 这篇文章最初来自www.jaredwolff.com I was defeated. 我被打败了。 I had spent the whole night trying to get a Bluetooth Low Energy project working. It was painful. It was frustrating. I was r…

Android笔记(adb命令--reboot loader)
Android 的机器通过adb进入升级模式的方法 # adb shell # reboot loader 通过上面两个命令就进入升级模式了,通过工具升级就好了 为什么会写这简单的一篇呢?因为今天干了一件很傻很傻的事,特别记录下来。 业务那边今天急着要把机器寄给客户&a…

样式集(八)弹窗,规则弹窗,半透明弹窗
效果图: 代码: <view class"popupBlock" v-if"showPopupBlock"><view class"xxx"><image class"xxxImg" click"showPopupBlockfalse" mode"widthFix" src"../../stat…

typeof操作符的返回值
使用typeof操作符 对一个值使用typeof操作符可能返回下列某个字符串: 1):undefined——如果这个值未定义 2):boolean——如果这个值是布尔值 3):string——如果这个值是字符串 4):number——如果这个值是数值 5):object——如果这个值是对象或null,数组,…

定制开发软件所有权_职业所有权软件开发人员指南
定制开发软件所有权介绍 (Introduction) 您的职业正在流向大海吗? (Is Your Career Drifting Out To Sea?) Like a frog whos slowly being boiled in a pot but doesnt realize it, 2 years into my career I slowly came to discover that I wasnt progressing a…

转:在线框架引用 bootstrap/jq/jqmobile/css框架
bootstrap百度调用 <script src"http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script><link href"http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel"stylesheet" /> 使用 Bootstrap 中文…

曲线图实现,可滚动曲线图,自定义数据
实现可以拖动的曲线图,自定义X轴数据的缩进,自定义X轴显示多少格。 效果图 数据格式,数据说明代码可见 曲线图实现 u-charts.js 可以在官网下载 <template><view class="qiun-columns"><view class=""><view class="qiu…

MongoDB 删除数据库
MongoDB 删除数据库 语法 MongoDB 删除数据库的语法格式如下: db.dropDatabase() 删除当前数据库,默认为 test,你可以使用 db 命令查看当前数据库名。 实例 以下实例我们删除了数据库 runoob。 首先,查看所有数据库: &…

安装meme_通过构建Meme生成器学习React
安装memeMemes are great - theyre such a fun way of describing ideas and opinions. So its no coincidence that I picked a meme generator app as the capstone project in my free React course on Scrimba. The app works by pulling a random meme image from an API …

Thunder团队第三周 - Scrum会议7
Scrum会议7 小组名称:Thunder 项目名称:i阅app Scrum Master:胡佑蓉 工作照片: 邹双黛在照相,所以图片中没有该同学。 参会成员: 王航:http://www.cnblogs.com/wangh013/ 李传康:htt…

修改u-charts的点的大小和线的粗细
效果图: 修改源码,找到u-charts.js , 修改他画布的点的大小,在这两行框的地方,改了就好了 完整代码: <template><view class"qiun-columns"><view class""><vie…

Swift中使用typealias定义一个闭包closure
在OC中我们定义一个Blocks是这样定义的: typedef void (^ZWProgressHUDCompletionBlock)();在Swift中定义一个闭包是这种: typealias ZWProgressHUDCompletionBlock()->Void转载请注明。。。欢迎大家增加交流群:爱疯、爱Coding:…

react中使用构建缓存_如何在React中构建热图
react中使用构建缓存Heat maps are a great way of visualizing correlations among two data sets. With colors and gradients, it is possible to see patterns in the data almost instantly.热图是可视化两个数据集之间相关性的一种好方法。 使用颜色和渐变,可…
oracle rman异机恢复
Oracle源主机Oracle目标主机主机平台CentOS6.2(final)CentOs6.2(FInal)主机名 vickrmanIP地址192.168.1.11192.168.1.10实例名字orclorclOracle版本号11.2.0.411。2.0.4Oracle数据文件存储filesystemfilesystem控制文件路径/u01/a…

高阶函数-lambda表达式
#2.6 map()# 第一个参数传入一个函数,,第二个参数为一个可迭代对象li_1 (1,3,5,7)def funcA(x): return x*xm1 map(funcA,li_1)print(type(m1))print(m1())# 2.6 reduce()# 第一个参数传入一个函数,第二个参数 可以迭代对象 ,…

CSS动画效果无限循环放大缩小
效果图: CSS动画效果无限循环放大缩小 <image class"anima" mode"widthFix" click"nav" src"/static/1_btn.png"></image>.anima {animation-name: likes; // 动画名称animation-direction: alternate; // 动…

solidity 编程练习_学习Solidity编程语言并开始为区块链开发
solidity 编程练习Learn to program in Solidity in this full tutorial from Dapp University. Solidity is an object-oriented programming language for writing smart contracts. It is used for implementing smart contracts on various blockchain platforms, most not…

性能测试之二——常用的性能测试策略
性能测试的常用策略有: 1、基准测试 单用户测试需要打开控制台,获取Analysis结果() 2、并发测试 多用户在同一时间做同一事情或执行同一操作,针对同一业务(LR精确到毫秒),一般测试并…

KBEngine服务器环境搭建
1.概要及环境 KBEngine是一款开源服务端引擎(中文官网http://kbengine.org/cn/),能够在Linux、Windows下部署,为了学习方便,我们在本机Windows下进行服务器环境的搭建。 1)服务端源代码 https://github.com…