我的第一个网页代码

by Elliott McNary

埃利奥特·麦克纳里(Elliott McNary)

我在免费代码营的第一个月 (My First Month At Free Code Camp)

I wanted to build an app that would help artists to make more money.

我想开发一个可以帮助艺术家赚更多钱的应用。

I had a clear idea of what I wanted built. So I started searching for someone to build it for me. I was looking for a technical cofounder.

我对要构建的对象有一个清晰的想法。所以我开始寻找有人为我建造它。我正在寻找技术联合创始人。

But after a short search, I realized that most people who could code had their own ideas. They wanted to build their own dreams. Why would they want to help me build mine?

但是经过短暂的搜索，我意识到大多数可以编码的人都有自己的想法。他们想建立自己的梦想。他们为什么要帮助我建造我的矿山？

I read about how Yipit founder David Sinsky was able to learn the basics of coding in 8 weeks, so that he could build his Minimum Viable Product. This inspired me. 8 weeks! So I googled around for a few hours, trying to see how long this journey would take me, given the scope of the scope of my idea.

我了解了Yipit创始人David Sinsky如何在8周内学习编码基础知识，以便他可以开发自己的最小可行产品。这启发了我。 8个星期！因此，我搜索了几个小时，试图在给定我的想法范围的前提下，了解这段旅程将花费我多长时间。

What I found was discouraging. Learning to code well enough to build a sufficiently sophisticated product of my own would probably take thousands of hours.

我发现令人沮丧。学习足够好的代码以构建自己的足够复杂的产品可能要花费数千个小时。

好吧，我还是开始吧 (Well, I might as well get started)

Event though I ended up getting a Finance degree, (University of San Diego class of 2012), I’ve always been more fascinated with technology. But I never thought I was smart enough to learn to code. For starters, I wasn’t all that good at math.

尽管我最终获得了金融学位(2012年，圣地亚哥大学，University of San Diego)，但我一直对技术更着迷。但是我从来没有想过我足够聪明来学习编码。对于初学者来说，我并不是很擅长数学。

In retrospect, I just clung to a few precious excuses. Because, in reality, coding just didn’t give me instant gratification I hoped for — at least not in the first few hours.

回想起来，我只是抓住了一些宝贵的借口。因为实际上，编码并没有给我带来我所希望的立即满足-至少在最初的几个小时内没有。

My expectations around learning to code mirrored my approach to learning how to use digital audio workstations for making music. When I was sixteen, I downloaded FL Studio. I opened it for a few hours, but I couldn’t figure it out. So I deleted it.

我对学习编码的期望反映了我学习如何使用数字音频工作站制作音乐的方法。当我16岁时，我下载了FL Studio。我将其打开了几个小时，但无法弄清楚。所以我删除了它。

Finally, like six years later, I downloaded Ableton, and said — Elliott. Sit down and learn this. You want to make music, so put in the time.

最终，就像六年后一样，我下载了Ableton，然后说-Elliott。 坐下来学习。 您想制作音乐，所以要花时间。

So I did. After about 30–40 hours, I understood the workflow well enough to start making some pretty terrible beats!

所以我做了。大约30–40小时后，我对工作流程有了足够的了解，开始做出一些非常糟糕的节奏！

Coding was the same way for me. I tried learning to code once for like 2 hours. I couldn’t figure it out, and I never came back to it.

编码对我来说也是一样。我尝试学习一次编码大约2个小时。我想不通，也再也没有回来。

现在，回到我的第一个月的旅程 (Now, back to my first month’s journey)

First stop: looking for resources and reading articles about which language to learn. Next stop: fooling around with CodeAcademy and Code4Startup.

第一站：寻找资源并阅读有关学习哪种语言的文章。下一站：与CodeAcademy和Code4Startup一起鬼混。

I then ran across the story of how Quincy Larson learned to code. He’s a true inspiration to any aspiring programmers. I highly suggest you read his story.

然后，我讲述了昆西·拉尔森(Quincy Larson)如何学习编码的故事。他是任何有抱负的程序员的真正灵感。我强烈建议你读他的故事。

Anyway, Quincy and a team of other like-minded programmers have built a community called Free Code Camp. You work through an intensely difficult curriculum. Then — after about a thousand of hours learning — you get to build applications for nonprofits in need.

无论如何，昆西和其他一群志同道合的程序员共同建立了一个名为Free Code Camp的社区。您需要完成非常困难的课程。然后，经过大约一千小时的学习，您便可以为有需要的非营利组织构建应用程序。

My favorite part about Free Code Camp is that it doesn’t beat around the bush. They doesn’t feed me sugary lies like:

关于Free Code Camp的我最喜欢的部分是它不会在丛林中挣扎。他们不喂我含糖的谎言，如：

Learn to Code Ruby on Rails in two weeks! Only $300!

在两周内学习编码Ruby on Rails！只要$ 300！

No. Free Code Camp was real with me. They said:

不。免费代码营对我来说是真实的。他们说：

Hey, this is going to take a long time for you to learn, but we’re here to help you along the way.

嘿，这将需要很长的时间来学习，但是我们会一路为您提供帮助。

I liked that.

我喜欢那个。

I started Free Code Camp on Nov 2nd, and it quickly became an obsession. I began waking up at 5:30am before work so that I could get in a couple hours of coding. As soon as I got home from work, I’d once again hit the curriculum hard.

我于11月2日启动了Free Code Camp，很快就迷上了。我从上班前的5:30开始醒来，这样我可以花几个小时进行编码。下班回家后，我就再次努力学习课程。

I was addicted.

我上瘾了。

跳进篝火 (Jumping into a Bonfire)

Shortly after the Waypoints, I got into what are called the Bonfires. These algorithm scripting exercises were incredibly daunting when I first encountered them. I immediately had a wave of anxiety that I wouldn’t be able to do this. It felt like I was in way over my head.

在Waypoint之后不久，我进入了所谓的篝火晚会。当我第一次遇到这些算法脚本练习时，它们令人生畏。我立刻感到一阵焦虑，因为我无法做到这一点。感觉就像我在头顶上。

But I calmed down. I remembered that this wasn’t going to be easy. I remembered that for each of these Bonfires, there were tons of viable answers. It’s all good —I told myself — if I stick with it, I’ll eventually find one.

但是我冷静了下来。我记得这并非易事。我记得对于每个篝火，都有大量可行的答案。一切都很好-我告诉自己-如果坚持下去，我最终会找到一个。

I hit the books hard, arming myself with knowledge of JavaScript methods and data structures, so that I could more easily complete the Bonfires. When I completed my first Bonfire, I was ecstatic. (Technically it was the second Bonfire — the first Bonfire just involves changing a boolean value.) It felt like I’d just solved world hunger or something.

我努力学习这些书，使自己掌握了JavaScript方法和数据结构的知识，从而可以更轻松地完成篝火晚会。当我完成第一场篝火晚会时，我欣喜若狂。 (从技术上讲，这是第二个篝火晚会-第一个篝火晚会涉及更改布尔值。)感觉就像我刚刚解决了世界饥饿之类的问题。

I’d been so incredibly frustrated while trying to figure out a solution. And that made solving the problem all the sweeter.

试图找出解决方案时，我感到非常沮丧。这样一来，解决问题的过程就变得更加轻松。

That’s when I discovered what I love about programming: I love struggling. I love push myself. I love knowing that there is a solution. And that I just need to find it.

从那时起，我发现了自己对编程的热爱： 我热爱挣扎。 我喜欢推动自己。 我喜欢知道有一个解决方案。 我只需要找到它。

I started cruising through the Bonfires with the help of the amazing people who hang out in the Gitter chatrooms. Quick shout-out to @qualitymanifest and @allanarmstrong — you always seem to be there when I need help.

在吉特(Gitter)聊天室闲逛的令人惊奇的人们的帮助下，我开始在篝火旁巡游。快速向@qualitymanifest和@allanarmstrong大喊大叫 -当我需要帮助时，您似乎总是在那里。

My main gripe with learning to code in general was not knowing whether what I’m learning is actually useful.

我对学习编码的主要抱怨是不知道我所学习的内容是否真正有用。

滑下一些滑索 (Sliding down some Ziplines)

Ziplines are small front-end projects like building a calculator, or portfolio page, or a pomodoro timer using HTML, CSS, and JavaScript.

Ziplines是小型的前端项目，例如使用HTML，CSS和JavaScript构建计算器，投资组合页面或番茄定时器。

The portfolio was pretty straightforward for me. It was primarily HTML and CSS, which I understood.

对于我来说，投资组合非常简单。据我了解，主要是HTML和CSS。

But when I got to the Pomodoro timer exercise, I freaked out again. I was in the depths of despair. I didn’t know how I was going to be able to pull this one off. I was so close to giving up. But I couldn’t. I had told too many people that I was learning to code.

但是当我参加Pomodoro计时器练习时，我再次感到恐惧。我处于绝望的深渊。我不知道我将如何完成这一任务。我已经快要放弃了。但是我不能。我已经告诉太多的人我正在学习编码。

So I buckled down and started googling. I supplemented my learning with Codecademy and other resources. I finally got started on the clock, and remember vividly when I figured out how to get it to change from 1:00 to 0:59.

因此，我屈服并开始谷歌搜索。我用Codecademy和其他资源补充了我的学习。我终于开始计时了，当我想出如何使它从1:00变为0:59时，我还生动地记得。

I was almost as excited as when the Seahawks beat the Packers in the NFC Championship in 2015. 0–16 at the first half. We came back and were going to the Super Bowl again.

当海鹰队在2015年NFC锦标赛中击败包装工队时，我几乎感到兴奋。上半场0-16。我们回来了，又要去超级碗了。

From there I realized that I could do this. I just needed to get to work.

从那里我意识到我可以做到这一点。我只需要上班。

And worked I have. I’m about to finish my front end projects. I don’t know if I’m learning quickly, if this is average, or if I’m taking longer than normal. I really don’t care. I’m going as fast as I can.

和工作，我有。我即将完成我的前端项目。我不知道自己是否学得很快，平均水平还是比正常水平更长的时间。我真的不在乎我会尽我所能。

我正在学习并挑战自我，这很棒 (I’m learning and challenging myself, and it’s awesome)

At this point, the idea for my original product for artists has now taken a back seat. Learning to program has become my main focus. Once I’m proficient, I’ll be able to build whatever I want. Until then, back to Free Code Camp and its helpful community!

至此，我为艺术家创作的原创作品的想法已经退居二线。学习编程已成为我的主要重点。一旦我精通，便可以构建自己想要的任何东西。在此之前，请回到Free Code Camp及其有用的社区！

I can’t thank the Free Code Camp team enough for what they’re doing. It’s nice to see people building something without millions in venture capital funding or dreams of billions of dollars in quick profit.

我对Free Code Camp团队所做的一切表示感谢。很高兴看到人们在没有数百万风险投资资金或没有数十亿美元的快速利润的梦想的情况下建设企业。

It’s awesome to participate in something that is literally changing the way education works. Quincy and the team are doing something amazing.

参与真正改变教育方式的事情真是太好了。昆西和团队正在做着令人惊奇的事情。

At this point, I realize that I sound like a Justin Bieber-obsessed 14 year old. But the support and knowledge that this community has given me — and all of its campers — is absolutely astounding.

在这一点上，我意识到自己听起来像是贾斯汀·比伯(Justin Bieber)痴迷的14岁。但是，这个社区给我(及其所有营员)提供的支持和知识绝对令人震惊。

You can learn to build these things. A little over a month ago, I had no coding experience. Now I’m using APIs to build things that I never imagined I’d be able to build in a million years.

您可以学习构建这些东西。 一个多月前，我没有编码经验。 现在，我正在使用API来构建我从未想象过的能够在一百万年内构建的东西。

If you are trying to learn to code, join Free Code Camp.

如果您想学习编码，请加入Free Code Camp 。

And if you have a moment, check out my Zipline projects on CodePen.

如果有时间，请在CodePen上查看我的Zipline项目。

This is just the beginning. And I couldn’t be more excited about the future.

这仅仅是开始。我对未来感到无比兴奋。