fbpx

打造一個舒適的程式設計線上課程學習環境

這篇文章適合哪些人?

  1. 程式設計的初學者
  2. 已經轉換管理職位,有很長一段時間沒寫程式、沒有安全感,想要維持自己程式設計能力水平的人
  3. 雖然白天工作已經在寫程式,但是覺得自己的程式設計能力還是不足,想要透過線上課程提升程式設計能力的人
  4. 想要透過線上課程練習 leetcode,準備白板面試,希望線上課程跟自己的 leetcode 練習筆記自動關聯在一起的人。這樣可以省掉要複習課程的時候找練習筆記的時間

如果你不是上述的四類人,底下的文章分享有點長,可以省略不看了 🙂

這陣子不少網友私訊問我:我已經離開程式設計工作那麼久了,我是如何找到寫程式的動機跟動力?

如果你對目前的職涯不太滿意,我蠻推薦一本書:發現你的天職。這本書我前一陣子翻了一下,我發現我找到我的動機這個過程跟書中的作者找到他自己擅長而且喜歡又覺得有意義的過程蠻像的。

簡單來說,就是回想自己當時喜歡上寫程式的那個「自己」。雖然這個熱情在職涯發展過程中被消磨殆盡,但是當年第一次寫出程式那種感動、下課後急著去電腦教室驗證自己在紙上寫出的程式,然後寫到忘記時間又被電腦教室管理員趕的那些日子,我到目前還是歷歷在目。

所以我從今年 1 月初開始又開始寫起了程式,並給了自己一個目標:要把兩年前的一個課程筆記輔助軟體的想法寫出來,並在第一季結束前上架到 chrome 應用程式設計商店。這個課程筆記輔助軟體也就是大家所看到的 Learing Notes Plus

從以下的 github 程式碼提交紀錄,可以看出我從今年一月以前的程式碼提交記錄幾乎為零

我很驕傲地跟大家說:我完成了今年年初所設定的第一個目標。

這篇文章我想跟大家分享的另一個主題是- 我是如何設定一個舒適的程式設計線上課程學習環境

習慣的阻力

有參加過我的線上工作坊分享的網友對以下這張圖應該不陌生

圖片出自:行為改變科學的實務設計

我再重回程式設計工作的時候,我的行為也是被這一張圖給制約。同樣地如果你下班後沒有動力看課程、寫程式,也是被這張圖給制約。

所以我年初的時候就開始在思考一件事:我如何讓自己養成每天看線上課程、寫程式的習慣?

如果要觸發一個行為,除了有動機 ( 我已經有了 ) 接下來很重要的一件事就是降低去做那件事的摩擦阻力

以上程式設計線上課程而言,我覺得最讓我花時間( 也就是阻力 ) 的幾件事

  1. 讓腦袋接上上次的課程進度 :這就是寫課程筆記的目的之一
  2. 開發環境的設定:因為 Learning Notes Plus 使用了三種程式語言,我在上這三種線上課程也等於要準備三種開發環境
  3. 筆記跟開發環境沒有關聯:如果每天都有持續在上,這件事問題不大,但是有時候其他工作一忙,要再接續課程的進度,又要在硬碟目錄中找課程對應的程式練習碼目錄,這件事變成一種阻力。

對於程式設計已經很熟練的工程師,第二點跟第三點其實都不是太大的問題,但是對於這篇文章分享的目標讀者,其實每次要讓自己專注進入課程,還是要花上一點時間

目標:讓自己很快地進入課程狀況,不要拖延,讓這個習慣輕鬆地每天去執行。

如果不要設定開發環境,打開筆記本就可以按照老師的課程示範開始練習寫程式,還可以看到結果,這樣是不是可以降低以上的三個阻力?

答案是肯定的,而且有 Learning Notes Plus 的輔助,可以讓你更加喜愛這樣的程式設計線上課程練習環境

現在也有不少線上課程講師都已經採用這種方式,例如 udemy 熱門課程講師 Angela Yu 常使用的兩個線上程式設計環境來示範與練習 – codepen.io 和 replit.com ,而且都有免費的額度可以使用

打造一個低阻力的程式設計線上學習環境

接下來分享我目前舒適的程式設計課程學習環境設定

1 準備好你的 Notion 帳號:以下我們使用 Notion 當作你的線上課程筆記軟體,因為 Notion 支援 Replit.comCodepen.io 的線上程式設計編輯嵌入,底下我會示範要如何做

2 安裝Learning Notes Plus ( 支援 chrome、edge、brave 等瀏覽器 )

3. 設定 Learning Notes Plus 與 Notion 的綁定:可以參考這份逐步說明文件

4. 找一個程式設計的線上課程 ( 這邊以 udemy 平台示範,Learning Notes Plus 在 1.0.7 版將支援 hahow 平台 )

5. 使用 Learning Notes Plus 製作線上課程的 Notion 筆記資料庫 :可以參考這份文件說明這可以很方便地將你的課程與 Notion 筆記自動產生關聯

6. 申請一個 Replit.com 或是 codepen.io 的帳號:Notion 目前支援這兩種線上程式設計平台

7. 打開你要上的課程如果你的第 5 步驟有完成,當你打開課程的時候,Learing Notes Plus 會提示你目前這個課程的筆記連結,打開後就可以開始寫筆記

7. 登入 replit.com 建立這個課程要練習的線上程式碼

按 create

選擇我要的程式語言,例如 python,你會發現 Replit 支援許多程式語言跟框架

為這段程式碼命名:我的習慣會用課程的講座名稱

8 將產生的線上程式碼網址複製,然後貼到你的 notion 課程筆記


貼到你的 Notion 筆記後, Notion 會提示你,這時候選擇 Embed a repl

這時候你會在 Notion 筆記中看到 Replit 的線上程式編輯器

底下的圖片是我跟著老師上課後的練習

看到這邊你是不是覺得很神奇,而且開始手癢了?這過程完全不用在你的電腦上安裝任何開發套件,而且除了在家裡的電腦上可以練習,你也可以利用在公司的中午休息時間,寫寫程式,練習一下手感

這個做法有一個好處:要複習程式碼的時候,你不用到硬碟找程式碼,你也不用擔心開發環境已經變更導致程式碼不知如何啟動

最後一件事:硬體環境

既然主題是打造舒適的學習環境,就不得不提一下硬體的配置

如果線上學習是跟著講師一起操作電腦,或是編寫程式,我覺得體驗最好的還是雙螢幕

以下的照片是我在上程式設計類線上課程的雙螢幕配置,這種 Live coding 的課程,使用全螢幕播放,彷彿講師就在你身邊寫程式給你看,我要練習寫程式的時候就到另一個螢幕的 Notion 筆記中輸入程式碼練習

不要忘記了這個筆記雖然嵌入了程式碼,你還是可以在筆記的其他地方寫一下說明或是註解

以下是我目前上線上課程的硬體配置,我的主機是 Macbook Pro,然後外接一顆螢幕

對了!當 udemy 在另一個螢幕上全螢幕播放的時候,左下角的 Learning Note Plus 寫筆記提示就消失了,這時候該怎麼辦?

這個問題,我在開發的時候就發現到了,所以 Learning Notes Plus 當然也考慮到這種情境

在另一個螢幕的瀏覽器工具列找到 Learning Notes Plus 的圖標,當你打開課程、或是切換課程的時候,這個圖標會出現紅色的 overlay 字體:Open ( 這個提示似乎有點小 )

這時候點選圖標,你就可以打開目前這門課程的筆記連結!這樣是不是很方便?

如果你經常為了上線上課程的事前準備太繁瑣,而開始有拖延的現象,不妨試試以上的做法,也許你會更有動力開始動手學習程式設計

歡迎把這份資訊分享給身邊在學習程式設計的朋友

我們的網站當初取名為 Soft & Share ,長期以來,我們也分享了許多不錯的學習資訊給大家,我們有發現一件事,喜歡學習的人也是樂於跟身邊的朋友分享的人因為分享這件事也是學習過程中的一部分!

如果你覺得以上的內容分享對於身邊在學習程式設計的朋友有幫助,歡迎幫我們把這個資訊分享給他們,也許這個分享無形中讓你變成另一個人成長中的貴人

謝謝大家有耐心看到這邊,我們會再持續最佳化線上學習體驗,敬請期待未來的 Learing Notes Plus 版本更新!

✍ 這篇文章有兩個步驟還需要最佳化,請參考下一篇 打造一個舒適的程式設計線上課程學習環境( 續 )

參考課程

如果你剛好要學習以上兩種程式設計,你再搭配本文的學習環境設定會更有感覺,要記得再看下一篇 打造一個舒適的程式設計線上課程學習環境( 續 )

Image by StartupStockPhotos from Pixabay

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: