概述

在這個(gè)教程里我們將為EVE Online游戲創(chuàng)建一個(gè)角色投票應(yīng)用（受Facemash的啟發(fā)），EVE是一個(gè)大型多人在線游戲。請點(diǎn)擊播放下面美妙的音樂，來進(jìn)入本教程的學(xué)習(xí)氛圍當(dāng)中。

Your browser does not support the audio tag.
(EVE Online – Kronos (2014) Release Theme) 當(dāng)你聽著這首音樂時(shí)，想象你正身處宇宙深空的某個(gè)小行星帶，一邊從小行星中挖取稀有礦物，一邊警戒著雷達(dá)上隨時(shí)可能出現(xiàn)的宇宙海盜，同時(shí)，你還正在研究太空站推進(jìn)系統(tǒng)的設(shè)計(jì)圖，為你的宇宙艦隊(duì)制造零件，并在完全由玩家需求和供給控制的交易系統(tǒng)下達(dá)買賣指令，另外還從遙遠(yuǎn)星系趕來的大型宇宙貨船上卸貨。在你的戰(zhàn)艦旁邊，是裝有微型曲速裝置的超高速截?fù)魴C(jī)和武裝到牙齒的戰(zhàn)斗飛船，它們都是你的忠實(shí)護(hù)衛(wèi)。在這場自由的游戲中，你可以計(jì)算如何從行星最優(yōu)化的萃取礦物，也可以投身一場有數(shù)千玩家參與的大型宇宙會(huì)戰(zhàn)?！@就是EVE Online。 在EVE Online中每個(gè)玩家都有一個(gè)3D形象以代表他們的角色，我們要開發(fā)的這個(gè)應(yīng)用就是來為這些角色形象投票，以選出它們中最好看的。不管怎樣，你的目標(biāo)是學(xué)習(xí)Node.js和React，而不是EVE Online。但我想說的是：“在一個(gè)教程里，趣味即使不是最重要的，也至少和教程的主要目的同樣重要。”我之前創(chuàng)建[New Eden Faces](http://www.newedenfaces.com/)的唯一目的是學(xué)習(xí)Backbone.js，我創(chuàng)建[TV Show Tracker](https://github.com/sahat/tvshow-tracker)的目的是為了學(xué)習(xí)AngularJS。這些日子以來，貌似大家都開始用一個(gè)簡單的TODO應(yīng)用來當(dāng)做教程項(xiàng)目，但對我來說，上面這些項(xiàng)目的任何一個(gè)，都比一個(gè)簡單的TODO應(yīng)用要有趣得多。 編寫這些教程，我所學(xué)到的就是，無論是錄屏、書籍還是視頻教程，在學(xué)習(xí)一項(xiàng)新技術(shù)時(shí)，沒有什么比創(chuàng)建一個(gè)讓你有激情的小項(xiàng)目更高效的了。  項(xiàng)目完整源代碼： [https://github.com/sahat/newedenfaces-react](https://github.com/sahat/newedenfaces-react) 基于和我之前教程同樣的精神（[TV Show Tracker](http://sahatyalkabov.com/create-a-tv-show-tracker-using-angularjs-nodejs-and-mongodb/)和[Instagram Clone](https://hackhands.com/building-instagram-clone-angularjs-satellizer-nodejs-mongodb/)），本教程將是一篇全棧的JavaScript教程，我們將從零開始構(gòu)建一個(gè)完整的應(yīng)用。 > 注意：這個(gè)項(xiàng)目是對我之前[New Eden Faces](http://www.newedenfaces.com/)項(xiàng)目的重制，那是我使用Backbone.js編寫的第一個(gè)單頁面應(yīng)用。它已經(jīng)在[OpenShift](https://www.openshift.com/)上基于Node.js 0.8.x穩(wěn)定的運(yùn)行兩年多了。 對于給定主題的教程，我一般盡量少的做假設(shè)（如假設(shè)讀者擁有Node.js基礎(chǔ)之類），這也是為什么我的教程都是如此之長。不過即便如此，你至少也需要有一些客戶端JavaScript框架和Node.js的經(jīng)驗(yàn)，才能從這個(gè)教程中得到最大的收獲。 在開始之前，你需要下載并安裝下列工具： 1. [Node.js](https://nodejs.org/)，或[io.js](https://iojs.org/en/index.html) 2. [Bower](http://bower.io/) 3. [MongoDB](https://www.mongodb.org/downloads) 4. [gulp](https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md) 5. [nodemon](https://github.com/remy/nodemon#nodemon)