我的第一個網頁代碼

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.

這僅僅是開始。我對未來感到無比興奮。