[轉]180天做180個「網站」來學編程，今天是第115天

[轉]180天做180個「網站」來學編程，今天是第115天
"喜歡編程嗎？想學習編程嗎？是否還在為不是科班出身而猶豫？是否還在為找不到手把手的教程而彷徨？最近國外一位妹紙自學編程的故事，在程序員圈流傳開來。Jennifer Dewalt 之前是學藝術的，在學校時也沒上過任何「技術」課程。雖然如此，但決定通過在180天做180個「網站」來學編程。已經堅持 122 天了，寫了 122 篇博文記錄這些小項目，並且放在Github了。大家可以在第 115 天分享的博文中（中文版如下）看到是怎麼學習編程。"                          
————————————————————
我要在180天裡通過建立180個「網站」來學習寫程序。今天是第115天。
4個多月前，我決定要學學編程。
請無視我以前沒有編程經驗，在學校也從來沒有上過任何「技術」課程。我決定要在180天裡建立180個「網站」，一天不落。
今天是第115天。
! Z1 A3 Q$ Y$ `# Y0 {/ W
背景
0 r, [! z$ Z2 G2 V. ?: C! y$ z我是學藝術的。吸引我學習藝術的緣由是它可以探索人們如何向外界表達他們自己。我們穿什麼衣服，我們的興趣愛好，還有溝通方式。過去的日子裡我嘗試著用繪畫和雕刻來捕捉這種自我投影。
然而如今是2013年，我們不再受制於物理媒介。我們有網絡！網絡很棒，因為它把過去阻礙我們溝通的屏障打破了。溝通的門檻如此低，以至於我們為了溝通和相互交流而被迫建立虛擬身份。
6 _  d* u& Z% ^5 q7 @

我覺得這種虛擬的交互太不可思議了，但我並不滿足於做旁觀者打打醬油。我想要建立起溝通的通道，使得這些交互成為可能。
" {2 H5 G% }- s; h學習編程最好的途徑是什麼？冥思苦想了很長時間，我決定就他*的開始做吧。但是不能只是漫無目的地開始，我下決心堅持一種簡單而又嚴格的結構：
1. 每天建立一個網站，連續180天。
2. 每個網站必須要發一貼。
# w! Y- L: l: d5 k, y3. 我寫的每句代碼必須在GitHub（開源）上公開，這樣大家都能看到。
把自己學習中的錯誤和誤區都公開是很讓人沒面子的。但事實上，如果你想學習編程，你就要準備犯很多錯誤。不要認為僅僅因為你的代碼可能看起來有點二，就意味著應該停止編程。還有你不必成為某類人，你不必成為數學奇才，不必要任何預備知識，因為編譯器並不介意你蠢。你需要的只是敲下鍵盤。

不上速成營（bootcamp），不用參考書。當我決定了要編程，第一步就是解決如何著手的問題。有很多選項可供考慮。有無數課程可以學習，有無數速成營可以註冊，但是它們都不是我要的。我認為學習編程很像學習輪滑。你可能需要人幫你扶上溜冰鞋，但是獲得真正的技巧你得自己走兩步。
我認為最好的學習方法就是解決實際碰到的問題。這就是我決定不去遵照課程和參考書的主要原因。通過遵循自己的路徑，我能夠以最符合邏輯的順序，也就是我恰好遇到問題的時候，處理新鮮概念和問題。當我遇到難題時，我就去Stack Overflow上搜索。如果我要邁出一大步，像開始一門新的語言或者平台，我只會找參考書做一下引導，到我能邁過去就可以了。

日復一日。在家工作的主意可不怎麼高明，因此我絕大多數編程是在SoMa的一個相當不錯的合夥辦公室。這裡提供我一個辦公桌，能夠給家裡打電話，除此之外，我還有免費的可樂喝，還有果凍豆吃。硬件方面，我用13吋的Macbook Pro，連接兩個顯示器，因為如果要說有什麼是我鍾愛的，那一定是大顯示屏。我桌上還有一個小Jambox揚聲器，晚間舞會上會用。
我每星期的開始會寫一篇博客，總結一下上個星期的自我感覺。我每天把代碼推送到GitHub，部署當天的網站，然後發一個每日帖。做完之後，我通常會在讓網站上線前修正無數先前留下的bug和錯別字。目前這樣已經做了114次了。
4 P$ p4 @0 {( N+ w) J

從CSS到Javascript再到Rails。起初我的網站十分簡陋，一點html，一點css還有數行javascript。隨著時間的推移，它們變得越來越複雜。我做過遊戲，計算器，時鐘，還有傻喵星人。現在我十分愜意地使用CSS，流利地用javascript做開發。最近，我開始用Rails來建立動態網站，這樣可以讓人相互溝通，還可以創建個人檔案。用Rails編程超有意思，因為它允許我從做遊戲和玩具過渡到構建實際工具上。我不確定下一步接著嘗試什麼技術，或者項目最後我要用什麼平台，反正非常酷就是了。
  Z3 E" V) d; T這個項目還沒有一個清晰的路徑，讓我探尋那些能發揮我想像力的某種觀念。我要在下一步從事的工作似乎很大程度上受我當前正在從事的工作的影響。比我當初猜想的程度還要更甚。項目早期，我想製作一個很簡單的天氣app，我需要找到怎樣查詢天氣數據的辦法。出乎意料的是我對API開始產生興趣了。但是ajax不能工作在跨網域上，所以這讓我轉向jsonp。老實說，我從來沒有想到我會對JSONP產生興趣。到後來，因為支持JSONP的API極度缺乏，我突發靈感，事不宜遲開始工作在Rails上。
0 h! V, r& j" i  j8 i然而如果你只是。。。如何？當我告訴人們我正在做的，他們經常是立刻開始挑漏洞。我被問到過很多類似這樣的問題，「為什麼你不休息一天，然後明天做兩個？」我知道大家是好意，但是沒有任何漏洞，因為我定下的規則，要保證一天不漏。

這個很難。每天做出新的東西很難。新概念的挖掘會枯竭，頭腦風暴模式到執行模式的切換不是無縫連接的。但是這個項目裡最難的部分，在某種意義上來說，是我每天都感到一敗塗地。走出去的每一個網站都是半成品。因為我是個完美主義者，重做或者擴展網站的誘惑力對我來說相當強。前進的路不是一直縫縫補補和東敲西打來完美它。前進的路應該是移步到下一個概念並做出來。
2 T1 X3 C) m+ j6 Z  t
, d" p0 f" |# m8 K7 i
( c8 N1 W2 u: `/ J: o5 J) ]網站
Day 114 Image Palette
) f, r& X- y1 o, N9 n6 @3 \# }Day 113 Window Master
( W, M( z9 J$ C  Q0 ZDay 112 Check Sketch
2 k5 B/ X, r9 F" `2 eDay 111 Down the Weight
' Q* f9 U) u! u/ SDay 110 Effects
Day 109 ColorWorks
, F+ C& k, V6 j; E- z; mDay 108 Algae Tank
8 C$ _. {2 T7 _- b9 C$ PDay 107 Serious Question
Day 106 Wish
: N7 n; i5 h7 l/ g$ q5 UDay 105 Infinite Descent
( v! Q, C" q' v: C# C- ZDay 104 Emergency Off
$ i5 x/ V: }0 t: D3 |Day 103 Word Clock
3 X! [4 K+ O6 |: I5 `+ ADay 102 Drying Paint
Day 101 Globulator
Day 100 Song Machine
/ I( W, d9 D0 ?% C9 [# F" xDay 99 TOS
4 w/ N% f4 ^$ Y; {" X3 D2 a6 @' rDay 98 No One Is Watching
Day 97 Text to Braille
Day 96 PostBored
/ G* C0 f6 I: s3 LDay 95 Sparklers
5 f4 M% h$ ?" N" R- aDay 94 Mastermind
( w# E9 l: W- K9 ?& NDay 93 Swivel
Day 92 Typing Test
Day 91 Pinwheel
5 k+ B0 |$ l  s0 G; J( QDay 90 Skinny Drinks
( O$ P0 @) N  ?+ M7 h0 S; Q6 v  \$ ADay 89 Hourglass
5 @, p* c* A% }* h' _Day 88 Quick Words
9 ^; c/ V( f9 b  ?, v3 |Day 87 Countdown Clock
Day 86 Snare
Day 85 Fishy Friend
Day 84 Liquor Likes
. h9 e$ }, E* ADay 83 Hollywood
& Q. m% Q% t, S+ Q; D; s4 gDay 82 Text Scroller
Day 81 Capture
Day 80 Tiny Notes
3 u- w! J6 A  N# ^. {( VDay 79 Present Value Calculator
1 G. _1 m6 d# @8 nDay 78 Hangman
Day 77 YourSpace
Day 76 PixShow
- K3 k& k; }" i( z8 QDay 75 King of the Comments!
Day 74 Page View Graph
; c% V& G- h' l: i1 B, F3 ZDay 73 Keep It Up
Day 72 Make A Dude
9 Q* k) d! s5 ]# W1 {3 cDay 71 One Page
Day 70 Click Counter
# p+ I  F8 k( G6 \# h' |3 cDay 69 Leave A Note
Day 68 Metronome
Day 67 World Time
* o3 o6 _2 {- O0 ^$ D# q" Q- `# KDay 66 Alien Attack
- X/ N* V& ~  F. s5 r! V! YDay 65 Fade
4 p: H5 v9 N  z" }3 SDay 64 Screen Flood
Day 63 Memory Orbs
' f; i7 k! X+ MDay 62 Confused Robot
Day 61 Fix It
- E, a- M% o# b" u) V9 p, I- YDay 60 Fizz Buzz
Day 59 Bubble Wrap
Day 58 Fireworks
! `% f  G. O2 cDay 57 Bug Blaster
: P* f& k) V- l: W' d: U  c3 `Day 56 Hooray
Day 55 Paratroopers
Day 54 Calculator
& t: K% }$ i) l, c1 JDay 53 Circle Invaders
5 c, {& y  x4 k/ ?; m2 CDay 52 Etch A Sketch
Day 51 Memory
" v1 S& g( ^' s: }- g: Z: TDay 50 Color War
4 A, ]) |( D( wDay 49 Weather Now
7 G- i( y" W2 n' A/ `! M- bDay 48 Static
Day 47 PONG
4 O6 V+ c$ g( C* \Day 46 Snake
2 c. ^! k+ X( n$ @Day 45 Color Perception Test
Day 44 Analog Clock
) b6 ^+ t+ T) l, @: |Day 43 Seeing Spots
3 ?) x3 @6 p# W0 p+ l; QDay 42 Magnetic Poetry
4 `7 T, n: P* |* I! ^- B$ K% Z, }/ WDay 41 Light Bulb
Day 40 Popping Bubbles
6 o4 k  H' t. v8 }Day 39 Pixel Painter
Day 38 Type Attack
$ Q& R0 d' N/ R  ADay 37 Bouncy Balls
Day 36 Little Dude
Day 35 Buttons!
Day 34 Maneki-neko
  C- p4 N8 J; jDay 33 Random Word Generator
7 H& ?+ q2 @% q5 A, N* ^7 T/ uDay 32 Particle Waves
) Z2 @' q  k! a  n. _$ FDay 31 Endless Throbbers
3 p* ~& n, |% xDay 30 Silly Kitty
: P& p" ~" s5 w0 Y/ {) D% q$ a/ @1 zDay 29 Magic 8 Ball
2 N% S2 Z5 O) V- B7 }* Q. MDay 28 The Click Challenge
  d1 l, Z. d4 `9 q& r* ]Day 27 Rain Maker
) E* B$ y0 d( |5 f; W3 SDay 26 Simon
! E# y  Q: f7 g1 C& Q/ ]; ^, ^2 QDay 25 SCRAMBLED!
Day 24 What is Your Email』s Impact?
1 E7 M4 t& y7 H2 W7 t: ^Day 23 Stopwatch
* e0 |5 |+ M. v9 }& d& |; m! XDay 22 Keep It Straight
- i3 D7 n- }5 R0 }# [- {Day 21 Teleprompter
Day 20 Smushing Fireflies
Day 19 How Much of an SF Hipster are You?
7 F  g8 x1 s  E- z; A$ JDay 18 Building Blocks
) ]# `: t* E- C* r/ GDay 17 Party Time?
: Z% k) }* p+ m! i; y1 ?+ `Day 16 Caterpillar
Day 15 Dropping Boxes
$ ], Y6 U  N% X. K8 aDay 14 Tough Love
Day 13 Rock Paper Scissors
Day 12 Dice Roller
; k' `7 ~( n' i$ GDay 11 Color Clock
Day 10 Sushi Jiggler
% H$ L0 |" H0 K$ W1 f5 m& D" HDay 9 Bouncing Ball
2 u1 R, U& Z' O: W0 m. _- G5 C7 fDay 8 More Drop Shadow!
! O' a5 R, @8 R" TDay 7 Technicolor Boxes
# n- F+ w# R' G. s! q5 k& |7 j2 KDay 6 Day Tracker
Day 5 Secret Message
& Y4 V2 [# T. J  b, k$ f( RDay 4 Paint a Mondrian
Day 3 Get a Random Color Background
) N0 D; @9 h% U! S9 J5 [Day 2 Make a Deal!
! }# ]9 @0 H7 m- a) qDay 1 Homepage
  R) A7 c# z' V

! C  E" Y* j) @4 h
5 T* ]/ D: \9 k$ E

這個應該是每天一個頁面吧

還有這等牛叉事   不過貌似先要回去學藝術先

牛人實在太多了，向其學習。。
: X( |# c, p! e8 o- D1 s) y

哼，這也算網站 ，讓人淚奔呀

我勒個去。。。。這太注重量了吧

0 J3 g( Z/ v9 X6 v還有這等牛叉事   不過貌似先要回去學藝術先
3 G1 J. t+ y4 G8 T8 I5 p8 a

每天一種效果，作者憑興趣去做，開做很開心

看標題嚇死人了。。。。。。。。。。。
) P+ P1 V4 z- o! r+ [

堅持180天，太強大了，要是我肯定幾天就溜號了
% @: g, {) ?" l8 i! N