作者：Andrey Azimov 原文：I learned to code, build a web app and launch it on Product Hunt in 2 months 譯者：Garrik 轉載請表面出處 —— 由 Garrik 分享

轉載請表面出處

我是Andrey

我來自烏克蘭，為Railsware遠端工作。 像很多在科技公司工作的人們一樣， 我夢想著擁有一款屬於自己的，每天被人們所使用的應用。 我夢想著有一天我能夠實現這個願望。

現有問題

現在， 我在巴厘島遠端工作。 恰巧巴厘島是一個世界上最負盛名的衝浪聖地。 我在這裡開始學習衝浪。 但當我開始準備衝浪的時候， 我發現我很難去理解現有的衝浪預測應用，例如Magic Seaweed，所提供給我的大量的資料，像潮汐，膨脹，週期，風速，方向等等。

上面這款應用提供了整整十頁內容去指導使用者如何去理解那些資料。 擁有大量的資料無疑是很好的，但是如果大多數人都無法理解它們，對於使用者來說這款應用實在是缺乏可用性。

要是我能夠把這些原始資料用程式碼進行分析，然後提示這些資料的可用性，這樣會不會更好呢？

我很想去實現這個想法，但是我知道我不能。 因為我從來沒有正式的寫過程式碼。 而且我也完全不知道從何開始。 我甚至沒有錢去僱傭一個團隊去為我製作這款軟體。 所以我只能選擇暫時放棄。

Pieter Levels

幾個月之後， 在Dojo, 這是一個在巴厘島的眾創空間，我遇到了Peter Levels, 他設立了一個目標在十二個月內創立十二個創業公司 並上線 Nomad List。 他的行動啟發了我去嘗試創立自己的應用，並且他建議我去看這個視訊。

下面是他的理論：

• 解決你自己遇到的問題
• 遠離那些創業講座
• 用搜索引擎去學習寫程式碼
• 遠離課程，書籍， 培訓機構
• 做現在你自己技術允許的事情(e.g. 不要去浪費時間學那些對於你來說太難的新東西)
• 靠自己去做

按照他的這些概念我想要去嘗試寫程式碼並且創立自己的應用。 我並沒有準備去做一個技術大牛， 能夠用程式碼實現我的想法就足夠了。

開始吧

在2016年11月3號，我在Namecheap花 $6 買了whentosurf.co這個域名。 僅僅是買了一個域名，就已經讓我激動萬分了。

之後我在atspace.com上面找到了免費的主機，並且把我的第一個“Hello World” HTML頁面上傳了上去。

我開始去想我可以在哪裡得到我需要的資料呢？ 我在Google上面搜尋天氣APIs，之後我找到了World Weather API. 它提供兩個月的免費使用時間，我可以在上面找到一切我想要的資料。

對於打程式碼我可以說是完全小白。 所以我開始嘗試那些我以前見過的程式碼語言。

我的第一個計劃非常簡單：從API上得到資料然後列印在我的HTML頁面上。 這應該是非常容易。 我還想通過改變一行程式碼去測試是否這些資料能夠快速應用。 在沒有應用任何框架，伺服器，編譯的情況下這應該也不會很難。 不像那些大公司每天只改幾行程式碼，做事縝密。 我應該快速開發。

前進，前進，前進

我開始第一次嘗試寫JavaScript。 對於很多新手來說， 只用一個瀏覽器去編譯你的程式碼是很棒的。 但是Javascript還是有些難對於我來說。 尤其是非同步回撥函式更是讓我難以理解。

var getJSON = function(url,callback){
    var xhr = new XMLHttpRequest();

天哪，太難了

Python

當我想到Python， 它的程式碼有很好的可讀性， 但是我需要去安裝Django框架，並且需要為它設定一個伺服器。 所以的之一切就只是為了執行程式碼！ 我毅然決然的跳過了Python.

PHP

我又嘗試了PHP， 我知道很多人並不喜歡PHP， 你需要Ruby, Node, React等等。 但是我並不在乎。 因為它的學習成本是最低的對我來說。 PHP在我的macOs和瀏覽器裡已經預安裝好了。 不用再費額外力氣了。

在幾分鐘之內，我呼叫了我的第一個API並且得到了資料。

下面就是我最開始的程式碼：

$url=’http://api.worldweatheronline.com/premium/v1/marine.ashx?key=2a5fc1776e234e14a7e172153160312&q=-8.659263,115.130158&format=json&tide=yes&tp=1&date=;

$json = file_get_contents($url);

$data = json_decode($json);

$swell_period = $data->data->weather[0]->hourly[0]->swellPeriod_secs;

在一夜之間我做出了我的第一個Web應用：

幾天之後，我在網上找到了一些設計啟發，並且做出了新的介面：

我真的很驕傲

No git

與此同時，我身邊的很多人建議我用GitHub, 不要再用FTP上傳檔案了。

但是我真的不喜歡每次像這樣用git

git add
git commit -m "Bla Bla Commment"
git push origin master

相反的，我只是建立一個資料夾，然後備份昨天的資料。 雖然我不用git。 但是我還是有我自己基本的版本控制系統。

設定我的Web伺服器

我的免費主機確實是有點太破了。 幾周之後，它就開始不好好運行了， 大家開始建議我部署自己的VPS。

我有點慌了，我確實很想解決伺服器的問題。 但是我的主機已經開始停止工作了。 所以我在DigitalOcean花了$5，按照他們的教程一步一步的搭建。 Oskar，一個瑞士小夥子，我在眾創空間遇到了他，當我在VPS上遇到問題的時候他幫了我很多。

搬到HTTPS

這個小障礙沒能阻止我前進。 我現在需要從瀏覽器獲得使用者的定位。 我用JavaScript去實現它。 但是Chrome只允許獲取定在擁有HTTPS認證的站點。 所以要想做到這一點我開始學習部署Lets Encrypt。 這個東西這的非常難， 但是我還是再一次按照教程一步一步的實現了它。 之後我的站點搬到了HTTPS：

已經半程了

一個月之後， 我的程式碼開始變得越來越臃腫。 但是通過我的那些瘋狂註釋，我還是知道每一段程式碼都是在做什麼的。

獲得使用者回饋

另一個我在眾創空間遇到的人Marc，建議我把應用執行到Ipad上，並和一個意見箱一起安放在牆上。 這個建議很合理，因為在這裡40%的人都是衝浪者（從沙灘到Dojo只需要一分鐘）。 我的意見箱就像下面這樣：

一天之後，我只獲得了很少的一些意見。 很明顯這個方法行不通呀。 衝浪者們看見這個應用並不是很激動。 大家並不很對這個應用感興趣。

絕望黑沼澤

當我最初的熱血開始燃燒殆盡。 激動已經不再。 它開始變得有些痛苦了。 我白天要做我的主要工作， 晚上還要熬夜去完成這個應用。

我給我的衝浪教練看我的應用， 他很快就說這行不通， 因為影響最佳衝浪時間的因素實在太多了。

我意識到他可能是對的，因為我還沒能成功預測衝浪時間呢。 我的資料不夠廣泛，我的能力也不夠去整合分析這些資料然後得出一個最佳時間。

我的應用現在也只能在巴厘島用，我也沒能讓它足夠可靠到能夠應用在世界各地。 我希望世界上所有的衝浪愛好者都能開啟 http://whentosurf.co 然後立刻獲得和他相關的衝浪資訊。

我想要放棄了，因為為什麼我要做一個沒人願意用的應用呢？ 而且我要怎麼獲得所有的資料來讓我的應用在全世界得以應用呢？

我的眼睛也感染了。 我的眼睛非常紅，不能夠長時間盯著電腦螢幕。

但我還是滴完眼藥水，繼續打程式碼 : )

第二回合

我和我的朋友們談論了這一切， 他們告訴我別管那麼多，繼續開發就是了。 Pieter告訴我這個很正常的，而且很多人在這裡都選擇放棄了，只是因為害怕沒能繼續下去。

在下一週我開始硬核起來，我用一個建立在金錢上的責任分配系統去督促我們完成任務，完成我的衝浪應用。

哪怕沒人用我的應用，我也要完成它，我也要讓它最終上線。

從晚上八點到早上六點， 我們聽著歌，喝著茶。

最佳時間的公式

如果我想知道怎麼獲得最佳衝浪時間，但我還不會用程式碼實現它。 我只能去嘗試些別的方法了。 我列了一個表格，然後實驗各種公式：

試驗過後，我把它們轉換成程式碼

終於差不多了

現在我的應用開始可以為全世界任何一個地方進行評分。 即使這個地方並沒有海灘。沒關係，這只是我的第一個版本。至少它現在已經差不多像樣了：

準備上線

第一個基本版本已經正式上線了。 這篇部落格在這裡也該差不多結束了，因為我才剛剛上線這款應用不是嗎。 我會持續更新後續內容的。

我的計劃是：

• 我在Product Hunt上提交了這款應用（我不想依靠他人，相反的我想靠應用本身去獲得成功。）

• 在網上和社交媒體上與衝浪愛好者小組進行聯絡，和他們分享這款應用，並且獲得回饋，持續改進應用。

• 獲得使用者的郵箱在應用底部欄，根據他們的定位，我可以持續為他們傳送最新的衝浪資訊。（雖然我還沒有些這部分程式碼）為了讓他們能夠持續訪問應用。

• 如果這一切都開始起作用了， 提供給新手更好的使用體驗，以與像Magic Seaweed這樣的大應用進行對抗。

花費的時間 & 金錢

時間：

我用 Toggl記錄下來我所花的時間，大概有118個小時。

金錢：

• 域名 = $6/年
• 伺服器 = $5/年
• 總共：$11

如果我讓一個軟體公司來開發這款應用，我敢肯定他們一定會花 $29,989以上 : )

工具使用

我用了：

我的程式碼是開源噠

我的程式碼在GitHub上是開源的。純硬核，無MVC，全都放在了一個檔案裡。

我學到了什麼？

• 解決自己遇到的問題。 這樣做更好，因為這些問題是你真的關心的。 把找到最佳衝浪時間點作為我的執念，這樣可以讓問題更簡單（但依舊很難）。 你是你的第一個使用者！

• 找那些站在你的目標上的人做你的導師，眾創空間是一個很好的地方，那裡已經有很多人已經做出了成功案例。

• 通過做而學。 別花時間去看教材啦。 學會用搜索引擎配合那些你所知道的知識。 如果你真的需要一位導師，真正好的是那些不要錢的，因為他們已經成功了，不再需要你的錢了！別去找所謂的創業導師，他們只是想吸走你的錢而已。

• 別怕新技術。 我開始時害怕寫程式碼，之後是APIs，設定伺服器，再之後是HTTPS。 但是當我真的使用它們的時候，其實這些就是紙老虎而已。

• 前進，前進，前進！千萬別放棄。不斷地嘗試直到你完成了你的應用。

保持聯絡

這就是我與我寫在胳膊上的日常計劃 : )

如果你喜歡我的故事，你可以在Twitter上與我取得聯絡。 告訴我你對我的程式碼和應用的看法，怎麼能讓我的應用變得更好。

謝謝，

Andrey。