線上程式設計教學資源

除了收集各大平台與網站相關的資源外,另外也從各開放原始碼中收集相關的訊息,以收集彙整線上資源為主,另外也參考與此主題相關的論文,達到資料的全面性。

線上程式設計編譯工具

一個網站前端設計開發平台,Codepen 可以透過一個簡化的測試用例來演示並找出 Bug也可找出特定的設計模型。初學者可觀看其他人分享的原始碼,觀摩其做法來學習,同時也能夠線上即時檢視程式執行的結果,讓修改過的原始碼能夠即時呈現更改的情形。由於JS、CSS與HTML三者各佔有一個區塊,當程式碼較多的時候,在閱讀上就比較不方便。

隨地隨時編程是件愉悅的事, 在 Repl.it  可學習語言有Python、C++、C#、JavaScript,也支援中文輸出。除了支援各式不同的程式語言以外,最重要的是只要有網路就能夠線上程式設計,不需要另外建立開發環境,可使用 Fork 方式直接使用其他人分享的專案來修改,也能以分享方式將程式碼發到社群網站上,當然對程式設計最有幫助的應該就是輔助工具了。

線上教育平台

透過簡單易懂的講解及100 題精闢的練習,只要辦一個帳號就可以線上擁有不錯的練習空間,照著它提供的解說和範例一路練習下去,可以打好 Python 的基礎。課程透過 Step-by-Step 方式演示程式運行情形,讓使用者在學習過程中,rackpoint更能了解該程式碼中,每個變數的變化,同時在每個課程都有腦筋急轉彎的練習題,要學好程式設計,就從實際練習開始。



這網頁並不是一個線上學習平台,而是一個類似於論壇,只要選擇有興趣的程式語言,點進去可以看到許多人推薦此語言的線上學習資源。好處是因為是其他人推薦的,所以對於學習內容的品質有保障。 

提供HTML, CSS, Javascript等等各種Web相關的程式語言教學,以及提供"Try It Yourself"的功能可以即時呈現程式碼的結果。也有一些測驗可以檢驗學習的成果,此網站對於邊實做邊學習有著很大的幫助。

遊戲化學習

Code.org 是一個非營利組織,主要服務對象以4歲以上為主,讓使用者在遊戲中學習程式,而且支援多國語言。跟 Scratch 的主要差異在 Code.org 著重於讓使用者學習基礎的邏輯概念,而 Scratch 隨著複雜度的提高,使用者相對需要更精密更完善的思考,偏重於運算思維的學習。


提供難度Easy到Hard的題目來讓使用者練習演算法,可用多種程式語言線上寫程式與自動驗證,也有線上討論區可以討論各種問題。甚至LeetCode成為許多公司面試時的考試題目,論壇也有人在上面分享公司面試時的題目與解法或是工作選擇


codewars蒐集了許多katas給使用者練習,並且可以透過完成許多kata來解鎖更多的功能與成就。在這個平台上有著階級制度,完成更多katas讓自己的階級提高提升排名也可以上傳自己設計的kata等等,讓使用者會更有興趣來解題。平台提供許多語言可讓使用者選擇自己熟悉的程式語言來使用。


微軟提供的線上學習資源,特別的是微軟有規劃學習路徑,可從微軟產品或想成為的腳色等等來選擇。有些課程,如資料科學,只要修習過規畫的所有課程與專案,更可獲得微軟提供的認證學位。


線上課程推薦

講師:孔令傑

開課單位:推動大學程式設計教學

課程針對沒有程式設計基礎的學員,從零開始介紹所謂的「運算思維」(computational thinking)。所謂運算思維,是一套以解決問題為目標的思考方式,能被電腦解決的問題時特別適合以運算思維思考,同時可作為正式學習程式設計的前導課程。



講師:馬尚彬

開課單位:推動大學程式設計教學

課程讓非資訊科系的學生初步了解軟體開發的工程方法,讓學員對軟體與軟體產業有更清楚的認識,並提升學員參與軟體專案之團隊合作能力。


講師:曾俊雄、黃登揚、廖峻鋒

開課單位:推動大學程式設計教學

課程大綱:JavaScript設計是一種直譯式語言、物件導向的程式語言;簡單來說,就是JavaScript只要透過下指令方式,就能夠把內建功能範本叫出來協助運作不須經過編譯器。



講師:曾俊雄、黃登揚、廖峻鋒

開課單位:推動大學程式設計教學

HTML 文件是由標籤 (tag) 和內容交織而成的文字文件。HTML 標籤通常是成對出現的,像 <p>Hello</p>,但部分HTML 標籤是單獨存在的,像 <img src="sample.png">。HTML 標籤是一種將內容和版面混合在一起的文件。



講師:曾俊雄、黃登揚、廖峻鋒

開課單位:推動大學程式設計教學

電腦程式語言在電腦出現時就已開始,但網路程式語言發展的較慢,大概前後順序如下: HTML 、JavaScript、 Java、 XHTML、 DHTML、CGI、 ASP、 PHP 、 JSP。 課程以HTML/CSS、JavaScript基礎、JavaScript進階、網頁文件結構(DOM)切入,學習網頁程式設計基礎。



講師:劉寧漢

開課單位:推動大學程式設計教學

利用APP Inventor 2圖像化程式設計工具,搭配實際的農業APP開發案例,學習在Android手機上開發程式,並藉由基礎程式設計的練習,了解程式開發過程與程式邏輯。



講師:余能豪、吳賦哲、葉正聖

開課單位:推動大學程式設計教學

引領學生在製作遊戲的過程中,能體驗到程式設計的樂趣。期望學員能不再害怕程式語言,甚至提升學生對寫程式的熱忱。 課程幫助學生了解程式設計的基本概念,培養運算思維之外,更能一起加入動手玩玩看。


講師:蔣宗哲

開課單位:推動大學程式設計教學

在大數據的時代,運用程式有效率地處理資料、分析內涵與呈現結果是相當實用且重要的能力。課程將以資料分析應用引導學生學習程式設計。


講師:蔣宗哲

開課單位:推動大學程式設計教學

引領學生探索程式設計的樂趣與跨域結合契機;培養學生設計程式與應用軟體搜集與處理資料、量化與視覺化資料、以證據為本的決策能力、培養學生理解、定義、敘述和解決問題的能力。


講師:江玥慧

開課單位:提升大學通識教育計畫

本課程旨在培養學生對生成式AI的理解,並學會如何運用ChatGPT來輔助程式設計學習。學生將學習如何設定有效的提示詞,指導ChatGPT產生有用的程式碼和解決方案,進而善用ChatGPT來深化程式設計的學習歷程。

講師:莊永裕

開課單位:提升大學通識教育計畫

程式設計是一個看不見的思考過程,不僅需要學會語法、針對問題寫下解法,還需要自行想像該解法的執行狀況,並藉由與實際執行結果進行比較,以回饋修正自己的解法。因此,正確地理解程式碼結構與控制流程可說是寫程式的第一步。本課程的目標為協助學生了解程式基本的控制流程,並能善用各類方法與工具來釐清自己的程式設計思考。

講師:陳耀輝

開課單位:提升大學通識教育計畫

希望學生修課後能運用數位科技技術有效率地收集資料與進行前處理。

講師:陳宗和

開課單位:提升大學通識教育計畫

希望學生修課後能運用數位科技技術有效率地進行探索式資料分析與視覺化。

講師:薛念林

開課單位:提升大學通識教育計畫

透過 Python 與 HTML/Javascript 為基礎的運算思維,以問題導向的方式學習設計思維的方法,使用者體驗的觀念重點。

講師:陳錫民

開課單位:提升大學通識教育計畫

本課程教學對象為非資訊科系學生,教導同學認識與運用Git工具與GitHub雲端服務,對個人與團隊專案相關文件做系統化與流程化的版本控制,學生在修習完這門課程後,可以將版本控制技術導入自己與團隊專案作品中,同時也可以了解如何協同合作與避免整合衝突。

講師:莊永裕

開課單位:提升大學通識教育計畫

為了有效率地撰寫出正確的程式,除了程式設計本身的技巧之外,還需要準備好適當的程式開發環境,並具備程式除錯的認知與技術。本課程的目標為協助學生了解程式開發時必備的工具,準備所需的環境與套件,並理解程式當中可能出現的錯誤種類,學會選用適當的工具以進行程式設計並進行程式除錯,有效率地開發出目標程式。

講師:馬尚彬

開課單位:提升大學通識教育計畫

讓學員了解如何在多人團隊透過敏捷方法規劃與管理軟體開發工作,以能有效率地執行軟體應用程式專案。

講師:馬尚彬

開課單位:提升大學通識教育計畫

許多第一次學習程式語言的學生,在能初步理解語法與消化教材範例後,會進到「撞牆期症侯群」(Sonmez, 2017),於此階段,學習者會「感覺無法輕鬆活用所學的程式語言」,會不知如何將已學會的語法與基本範例予以整合與活用,寫出一個較完整的應用程式,去解決想因應的問題或需求。基於上述動機,此課程希望讓學生了解「軟體需求」的基本概念,並學習如何透過使用者故事以及故事對照等方式來分析需求,以擬定要開發的軟體應用程式要達成哪些功能目標。