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

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

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

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

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

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

這個很難。每天做出新的東西很難。新概念的挖掘會枯竭，頭腦風暴模式到執行模式的切換不是無縫連接的。但是這個項目裡最難的部分，在某種意義上來說，是我每天都感到一敗塗地。走出去的每一個網站都是半成品。因為我是個完美主義者，重做或者擴展網站的誘惑力對我來說相當強。前進的路不是一直縫縫補補和東敲西打來完美它。前進的路應該是移步到下一個概念並做出來。
& X+ z. Z+ d3 b! o( |6 z

網站
/ O/ U2 B7 X8 CDay 114 Image Palette
  y; ~8 l3 P3 E5 NDay 113 Window Master
Day 112 Check Sketch
Day 111 Down the Weight
Day 110 Effects
Day 109 ColorWorks
Day 108 Algae Tank
9 y/ C+ h8 |! Y* hDay 107 Serious Question
( u; u3 P* Z6 w& M$ p) n, d/ oDay 106 Wish
Day 105 Infinite Descent
6 p6 i) I! Y; ^) P& c* |! WDay 104 Emergency Off
$ [+ H/ k) A* f) ]) nDay 103 Word Clock
Day 102 Drying Paint
* I. C  F0 ^8 PDay 101 Globulator
Day 100 Song Machine
+ H% g# y1 G0 j; o( LDay 99 TOS
  Z- E" L- Z1 e% XDay 98 No One Is Watching
3 @; k# T. ^  X8 l1 O0 \* T# pDay 97 Text to Braille
Day 96 PostBored
' t7 B* ~# l- X# _/ _1 E  jDay 95 Sparklers
Day 94 Mastermind
( w, t/ B" H# C/ PDay 93 Swivel
5 e% a4 C  C) V0 ^8 f7 r3 IDay 92 Typing Test
) O: E: \: k- ^Day 91 Pinwheel
Day 90 Skinny Drinks
7 B3 v. k8 Y, O3 W0 F% m- {Day 89 Hourglass
& S$ ^* {1 R3 u& t7 {1 c+ j4 p! i1 X+ c, GDay 88 Quick Words
Day 87 Countdown Clock
Day 86 Snare
/ W) n0 ?  d7 |9 k0 ^Day 85 Fishy Friend
% v) s8 J0 A$ C3 G( l/ x. HDay 84 Liquor Likes
Day 83 Hollywood
Day 82 Text Scroller
Day 81 Capture
Day 80 Tiny Notes
Day 79 Present Value Calculator
4 e# n& E6 ?3 h7 S3 {- ^/ R! J1 dDay 78 Hangman
Day 77 YourSpace
% \0 O- d- |+ Q0 c1 n; A8 z% U6 ~. wDay 76 PixShow
' X. j5 m7 C& _  B( N  FDay 75 King of the Comments!
Day 74 Page View Graph
Day 73 Keep It Up
8 `' e5 s/ O7 y8 x# g& f6 F' `7 n3 eDay 72 Make A Dude
! N/ T6 J6 l- o1 Y# s1 P7 a* jDay 71 One Page
) u, H2 M- e) R1 @. l+ MDay 70 Click Counter
# D  H0 s$ G0 E% |Day 69 Leave A Note
Day 68 Metronome
Day 67 World Time
/ R4 J! V+ s& g6 R9 [! m7 H% sDay 66 Alien Attack
Day 65 Fade
Day 64 Screen Flood
( C  e) c7 ]! X7 V! O0 q' w# JDay 63 Memory Orbs
& w( E3 ]6 d" M# P; l7 ]- CDay 62 Confused Robot
8 X6 o8 s5 M4 |6 U7 r  p# TDay 61 Fix It
Day 60 Fizz Buzz
1 u" L, A3 }" e( v9 p- k7 [Day 59 Bubble Wrap
Day 58 Fireworks
+ B4 p5 B: |* g  B3 o7 p* s: M0 XDay 57 Bug Blaster
6 j! Q: H, L" k: |$ WDay 56 Hooray
7 k* L; E1 a6 C4 _4 NDay 55 Paratroopers
Day 54 Calculator
Day 53 Circle Invaders
9 U! ]3 Y+ F- lDay 52 Etch A Sketch
0 }7 `# O( {; W8 A% R  zDay 51 Memory
/ I0 G0 M3 ^6 Q5 m7 oDay 50 Color War
4 y* \2 I( B, w8 w+ oDay 49 Weather Now
Day 48 Static
9 E# |# F2 I$ }Day 47 PONG
/ b( J# ?# p$ z) C7 D4 Z* rDay 46 Snake
" y! q5 f7 |3 j2 `5 A6 YDay 45 Color Perception Test
. f% D* D6 m% t, b( _4 V0 I; w4 ZDay 44 Analog Clock
Day 43 Seeing Spots
9 f# l0 |# l6 b$ I0 X; O2 W# sDay 42 Magnetic Poetry
Day 41 Light Bulb
5 [) d7 `9 `- V9 B* ^9 FDay 40 Popping Bubbles
Day 39 Pixel Painter
Day 38 Type Attack
% Q0 a: o) k& S; _Day 37 Bouncy Balls
Day 36 Little Dude
Day 35 Buttons!
8 r/ Q  B2 g9 B" t4 K! XDay 34 Maneki-neko
Day 33 Random Word Generator
Day 32 Particle Waves
Day 31 Endless Throbbers
Day 30 Silly Kitty
  N( ]9 T9 U! P" JDay 29 Magic 8 Ball
Day 28 The Click Challenge
Day 27 Rain Maker
- A/ l2 c7 G/ |  t) uDay 26 Simon
Day 25 SCRAMBLED!
- Y6 a0 o+ X5 XDay 24 What is Your Email』s Impact?
1 A8 A# _3 w5 G8 B. K3 mDay 23 Stopwatch
) i1 f4 v# ^, z, t$ ^Day 22 Keep It Straight
Day 21 Teleprompter
Day 20 Smushing Fireflies
4 R) g4 x" b4 Q: bDay 19 How Much of an SF Hipster are You?
' v$ t1 w4 D& X' o) z. B' {; e4 QDay 18 Building Blocks
Day 17 Party Time?
Day 16 Caterpillar
Day 15 Dropping Boxes
Day 14 Tough Love
Day 13 Rock Paper Scissors
% L6 {4 e: ~! d- B& M1 _Day 12 Dice Roller
# D/ R. B1 Y+ ?- pDay 11 Color Clock
: p( o8 r& }/ Z! L( NDay 10 Sushi Jiggler
Day 9 Bouncing Ball
Day 8 More Drop Shadow!
$ V8 `, O- |3 ^Day 7 Technicolor Boxes
+ O7 t2 G8 ~. a2 PDay 6 Day Tracker
3 z& l  D8 }- k9 I7 [: h- ^Day 5 Secret Message
Day 4 Paint a Mondrian
" A1 a' z, m! K  F4 i8 \: iDay 3 Get a Random Color Background
Day 2 Make a Deal!
, @1 v1 Z' b& S- S. b$ @Day 1 Homepage
' ^" W9 J5 z$ D  @) y& M! C! g0 A+ o

- Q! ?6 X9 d% E) L+ M
8 a* Q8 s2 _$ P+ F* Q

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

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

牛人實在太多了，向其學習。。

哼，這也算網站 ，讓人淚奔呀
3 \) y" E' w$ s0 [

我勒個去。。。。這太注重量了吧
0 [- O7 s) R/ H

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

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

看標題嚇死人了。。。。。。。。。。。

堅持180天，太強大了，要是我肯定幾天就溜號了