100天設計100個網站來學編程-----個人暢想

   我是學藝術的。吸引我學習藝術的原因是它能夠探索人們如何向外界表達他們本身。後來學會了Dreamweaver，與CMS內容管理系統，再後來也曾想自定義開發。

   

我要在100天裏經過創建100個「網站」來學習寫程序。今天是first天。

4個多月前，我決定要學學編程。

請無視我之前沒有編程經驗，在學校也歷來沒有上過任何「技術」課程。我決定要在100天裏創建100個「網站」，一天不落。

背景

我是學藝術的。吸引我學習藝術的原因是它能夠探索人們如何向外界表達他們本身。咱們穿什麼衣服，咱們的興趣愛好，還有溝通方式。過去的日子裏我嘗試着用繪畫和雕刻來捕捉這種自我投影。

然而現在是2013年，咱們再也不受制於物理媒介。咱們有網絡！網絡很棒，由於它把過去阻礙咱們溝通的屏障打破了。溝通的門檻如此低，以致於咱們爲了溝通和相互交流而被迫創建虛擬身份。

我以爲這種虛擬的交互太難以想象了，但我並不知足於作旁觀者打打醬油。我想要創建起溝通的通道，使得這些交互成爲可能。

學習編程最好的途徑是什麼？左思右想了很長時間，我決定就他*的開始作吧。可是不能只是漫無目的地開始，我下決心堅持一種簡單而又嚴格的結構：
1. 天天創建一個網站，連續100天。
2. 天天都登陸網站後臺，每一個網站的欄目必需要發一貼。廣告條也及時更新。
3. 我寫的每句代碼必須在GitHub（開源）上公開，這樣你們都能看到。

把本身學習中的錯誤和誤區都公開是很讓人沒面子的。但事實上，若是你想學習編程，你就要準備犯不少錯誤。不要認爲僅僅由於你的代碼可能看起來有點 二，就意味着應該中止編程。還有你沒必要成爲某類人，你沒必要成爲數學奇才，沒必要要任何預備知識，由於編譯器並不介意你蠢。你須要的只是敲下鍵盤。

不上速成營（bootcamp），不用參考書。當我決定了要編程，第一步就是解決如何着手的問題。有不少選項可供考慮。有無數課程能夠學習，有無數速成營能夠註冊，可是它們都不是我要的。我認爲學習編程很像學習輪滑。你可能須要人幫你扶上溜冰鞋，可是得到真正的技巧你得本身走兩步。

我認爲最好的學習方法就是解決實際碰到的問題。這就是我決定不去遵守課程和參考書的主要緣由。經過遵循本身的路徑，我可以以最符合邏輯的順序，也就 是我剛好遇到問題的時候，處理新鮮概念和問題。當我遇到難題時，我就去Stack Overflow上搜索。若是我要邁出一大步，像開始一門新的語言或者平臺，我只會找參考書作一下引導，到我能邁過去就能夠了。

日復一日。在家工做的主意可不怎麼高明，所以我絕大多數編程是在SoMa的一個至關不錯的合夥辦公室。這裏提供 我一個辦公桌，可以給家裏打電話，除此以外，我還有免費的可樂喝，還有果凍豆吃。硬件方面，我用13吋的Macbook Pro，鏈接兩個顯示器，由於若是要說有什麼是我鍾愛的，那必定是大顯示屏。我桌上還有一個小Jambox揚聲器，晚間舞會上會用。

我每星期的開始會寫一篇博客，總結一下上個星期的自我感受。我天天把代碼推送到GitHub，部署當天的網站，而後發一個每日帖。作完以後，我一般會在讓網站上線前修正無數先前留下的bug和錯別字。目前這樣已經作了100次。

從CSS到Javascript再到Rails。起初個人網站十分簡陋，一點html，一點css還有數行javascript。隨着時間的推移，它們變得愈來愈複雜。我作過遊戲，計算器，時鐘，還有傻喵星人。如今我十分愜意地使用CSS，流利地用javascript作開發。最近，我開始用PHP，Rails來創建動態網站，這樣可讓人相互溝通，還能夠建立我的檔案。用Rails編程超有意思，由於它容許我從作遊戲和玩具過渡到構建實際工具上。我不肯定下一步接着嘗試什麼技術，或者項目最後我要用什麼平臺，反正很是酷就是了。

這個項目尚未一個清晰的路徑，讓我探尋那些能發揮我想象力的某種觀念。我要在下一步從事的工做彷佛很大程度上受我當前正在從事的工做的影響。比我當初猜測的程度還要更甚。項目早期，我想製做一個很簡單的天氣app， 我須要找到怎樣查詢天氣數據的辦法。出乎意料的是我對API開始產生興趣了。可是ajax不能工做在跨網域上，因此這讓我轉向JSONP。老實說，我歷來 沒有想到我會對JSONP產生興趣。到後來，由於支持JSONP的API極度缺少，我突發靈感，事不宜遲開始工做在Rails上。

然而若是你只是。。。如何？當我告訴人們我正在作的，他們常常是馬上開始挑漏洞。我被問到過不少相似這樣的問題，「爲何你不休息一天，而後明天作兩個？」我知道你們是好意，可是沒有任何漏洞，由於我定下的規則，要保證一天不漏。

   

這個很難。天天作出新的東西很難。新概念的挖掘會枯竭，頭腦風暴模式到執行模式的切換不是無縫鏈接的。可是這個 項目裏最難的部分，在某種意義上來講，是我天天都感到一敗塗地。走出去的每個網站都是半成品。由於我是個完美主義者，重作或者擴展網站的誘惑力對我來講 至關強。前進的路不是一直縫縫補補和東敲西打來完美它。前進的路應該是移步到下一個概念並作出來。

網站
Day 114 Image Palette
Day 113 Window Master
Day 112 Check Sketch
Day 111 Down the Weight
Day 110 Effects
Day 109 ColorWorks
Day 108 Algae Tank
Day 107 Serious Question
Day 106 Wish
Day 105 Infinite Descent
Day 104 Emergency Off
Day 103 Word Clock
Day 102 Drying Paint
Day 101 Globulator
Day 100 Song Machine
Day 99 TOS
Day 98 No One Is Watching
Day 97 Text to Braille
Day 96 PostBored
Day 95 Sparklers
Day 94 Mastermind
Day 93 Swivel
Day 92 Typing Test
Day 91 Pinwheel
Day 90 Skinny Drinks
Day 89 Hourglass
Day 88 Quick Words
Day 87 Countdown Clock
Day 86 Snare
Day 85 Fishy Friend
Day 84 Liquor Likes
Day 83 Hollywood
Day 82 Text Scroller
Day 81 Capture
Day 80 Tiny Notes
Day 79 Present Value Calculator
Day 78 Hangman
Day 77 YourSpace
Day 76 PixShow
Day 75 King of the Comments!
Day 74 Page View Graph
Day 73 Keep It Up
Day 72 Make A Dude
Day 71 One Page
Day 70 Click Counter
Day 69 Leave A Note
Day 68 Metronome
Day 67 World Time
Day 66 Alien Attack
Day 65 Fade
Day 64 Screen Flood
Day 63 Memory Orbs
Day 62 Confused Robot
Day 61 Fix It
Day 60 Fizz Buzz
Day 59 Bubble Wrap
Day 58 Fireworks
Day 57 Bug Blaster
Day 56 Hooray
Day 55 Paratroopers
Day 54 Calculator
Day 53 Circle Invaders
Day 52 Etch A Sketch
Day 51 Memory
Day 50 Color War
Day 49 Weather Now
Day 48 Static
Day 47 PONG
Day 46 Snake
Day 45 Color Perception Test
Day 44 Analog Clock
Day 43 Seeing Spots
Day 42 Magnetic Poetry
Day 41 Light Bulb
Day 40 Popping Bubbles
Day 39 Pixel Painter
Day 38 Type Attack
Day 37 Bouncy Balls
Day 36 Little Dude
Day 35 Buttons!
Day 34 Maneki-neko
Day 33 Random Word Generator
Day 32 Particle Waves
Day 31 Endless Throbbers
Day 30 Silly Kitty
Day 29 Magic 8 Ball
Day 28 The Click Challenge
Day 27 Rain Maker
Day 26 Simon
Day 25 SCRAMBLED!
Day 24 What is Your Email’s Impact?
Day 23 Stopwatch
Day 22 Keep It Straight
Day 21 Teleprompter
Day 20 Smushing Fireflies
Day 19 How Much of an SF Hipster are You?
Day 18 Building Blocks
Day 17 Party Time?
Day 16 Caterpillar
Day 15 Dropping Boxes
Day 14 Tough Love
Day 13 Rock Paper Scissors
Day 12 Dice Roller
Day 11 Color Clock
Day 10 Sushi Jiggler
Day 9 Bouncing Ball
Day 8 More Drop Shadow!
Day 7 Technicolor Boxes
Day 6 Day Tracker
Day 5 Secret Message
Day 4 Paint a Mondrian

 其實，我仿的網站也多，網站模板也及時換，以前用WordPress，後來用Joomla，可是自定義又很辛苦，改來改去也煩，並非很滿意。

網頁編輯器也常常更換，從Dreamweaver，frontpage,tablestyle,最後到webmatrix......

end，think，thinking？？

如何完美。。。。。。