返回文章列表

Repl.it 線上程式開發服務

程式語言
Code Gym | Repl.it

目前網路上有一些線上程式開發服務,這些服務能夠讓你直接在瀏覽器上編輯和執行程式,有效的降低你在學習程式語言初期,因為不同程式語言的環境所造成學習上的阻礙,之前我曾經寫過一篇Coding Ground 線上程式開發服務,就是提供了這樣方便的服務。

本文要介紹給你另一個功能更多的線上程式開發服務Repl.it,它提供許多目前常見的各種程式語言,像是Java、Python、Javascript、PHP…等多種程式語言,我之前曾撰寫過一篇文章討論企業最常用的程式語言排名,而Repl.it這個服務則包含了這些排名前面的程式語言,並且他還提供了程式碼儲存、檔案管理和檔案上傳的功能,當你免費申請帳號之後就能夠取得免費的網路空間儲存程式碼或是上傳的檔案。

另外它也是一個很好的教學平台,讓老師透過此平台出作業,並且修改學生做完的作業,接下來本文將會教你如何使用這個服務的各項功能,並如何分享你的程式碼在其他網站上面。

網站名稱:Repl.it

網站連結https://repl.it/


 步驟1

若要使用網站上的各項功能,首先需要申請一個免費帳號,申請過程很簡便,如果遇到需要填寫帳號以外的資訊,可以先直接點選Save,先完成帳號申請後就可以直接使用。

若你是老師,想要使用網站中教學功能,請在申請帳號時勾選下方的「I’m a teacher」。

步驟2

請點選右上角「my repls」,由於我們現在剛建立完帳號,所以目前沒有儲存過的程式碼,所以我們會看到一個歡迎頁面,請點選右邊按鈕「Start coding now」。

步驟3

接著選擇你要使用的程式語言,你可以直接在搜尋欄位中輸入你要找的程式語言名稱,例如:Java,以下我們將以Java程式語言作為示範教學。

步驟4

選擇好你要使用的程式語言以後,我們將進入編寫程式的頁面,首先你會看到三個區塊,從左至右說明:

  • 最左邊是「檔案管理」區塊,你可以在這個區塊建立檔案或檔案夾,以Java來說你可以使用import語法操作不同package的物件。
  • 接下來是中間的區塊,是我們最主要編輯輸入程式碼的地方,圖示中紅色框框裡面是Java程式語言列印字串在銀幕上的語法,引號中的Hello World就是我們期望列印出的文字,請同學將文字內容給為自己的名字,例如:Hello Ryan,然後點選上方按鈕「run」開始執行程式。
  • 最後是右邊的區塊,這是執行後的結果,如果正常運作你可以看到你的名字被列印在這個地方,如果程式執行有錯誤發生,也會在這個區塊列印出相關的錯誤訊息。

步驟5

如果你要將程式碼分享在其他地方,像是Github或是Facebook,那麼你可以很方便的使用工具列上「share」的按鈕分享,另外,它提供一個方便的功能就是你可以直接在其他網頁中嵌入你的程式碼,你只要將下方embed空格中的HTML語法複製到你的網頁上,就可以讓瀏覽者直接執行或是修改執行碼。

下方是使用剛才示範的程式碼,並且使用嵌入的功能,是不是很方便呢?而且這個服務是免費的,如果另外付費的話他還會有其他更豐富的功能,有興趣的話可以參考它的官網說明。

 另外補充一下,若你在申請帳號時有點選你是老師,那麼你就可以使用classroom的功能,建立課程做教學文件和出程式作業。

老師出完作業後,可以使用自動測試的功能判斷學生的作業是否正確,從自動測試的範本中可以看到,網站是使用JUnit的工具來自行撰寫客製化的測試程式,如果你對JUnit有興趣可以參考Code Gym的Java課程,當中有課程單元特別針如何使用JUnit做單元測試的教學。

特色

1. 不需要額外安裝軟體,專注在程式學習當中。

2. 適合老師教學使用的工具,方便作業批改。

3. 方便分享程式碼,並且有嵌入程式碼功能。

影片教學

 

 

 

 

 

 

 

Code Gym 致力於創造實用的高品質線上課程,幫助想要學習程式語言和IT技術的朋友,能透過我們的課程,學習相關知識,創造出屬於你自己的作品

瀏覽所有課程