常常看到新聞這樣說:「8歲小孩,使用Cousor 也可以寫出小遊戲!」。 AI已經可以寫程式了,軟體工程師要失業了...之類的新聞。
如果是現階段,我覺得還有點遠。但未來的有一天我覺得應該會喔!但在那一天的來臨之前,我們可以善用AI讓你學習寫程式,甚至開發過程更快更沒有摩擦力。要懂著運用工具。
既然AI都會寫程式,那我們為什麼要學呢?
雖然AI真的會寫,但寫的都比較簡單一點,如果需求和系統比較龐大,AI其實做不太出來,而且會一直和你鬼打牆。但如果你好好的指引他,拆分指令任務或給他關鍵字誘導他,他給你的結果會讓你滿意。不過這一切的基礎還是要你先會寫程式才有辦法指引AI。
每天十分鐘,你也會寫程式
我自己學習寫程式的過程是先會做,先可以動之後再去理解。以實作為優先,至於原理和理解為什麼,以後有需要再去研究吧。畢竟學習一個新事物的時候,先做出來東西有成就感比較重要。學習基本 Javascript 常用的語法與概念並不難,在這裡我會拆分在每個單元控制在十分鐘左右的閱讀和實作。不會講太難的理論或複雜的寫法部分,盡量使用有趣的例子與實作讓大家一起動手做。在不知不覺中學會寫程式。
學習地圖
為了避免大家不知道自己學了也不知道這些東西可以用在哪最後可以幹嘛,我把整個基本Javascript 教學課程畫成了一個 Road Map。大家可以大概看一下目前的課程是在哪個階段,後面還有哪些。
除了圖片以外,我把這個Road map做成網頁,可以快速點擊搜尋單元。會跟著文章更新一起更新這個map。
大綱
- 環境基礎設定:使用Codspace 環境使用設定與程式碼撰寫
- Hello Word
- Html 執行與 Copilot 使用 - 網頁基礎概念:
- Html,CSS,Javascript 關係說明
- CSS 實作練習
- JavaScript 實作 - 基礎語法
- 變數介紹與 let/const 差異
- 資料型別概觀
- 運算子應用(加減乘除、比較、邏輯)
- 函式
- 作用域
- 運算子應用
- 箭頭函式與簡寫技巧 - 資料與操作
- 陣列
- 物件
- Json 檔案
- if / else 條件控制
- switch
- 迴圈與陣列操作 - 瀏覽器互動
- DOM 操作
- 搜尋DOM
- localStorage
- 事件監聽與互動
- 表單與驗證 - 畫布
- Canvas
- SVG
- 動畫 - 取得資料
- Fetch 資料
- Promise 與 async/await
- 模組化思維與檔案拆分 - 實作
- 實作專案一
- 實作專案二 - 遊戲實作
- 小恐龍遊戲
- 飛機射擊遊戲
- 貪食蛇
學習之後呢
如果你有什麼想做的專案或東西,可以用程式解決的話。那是最好的,你可以試著做做看。如果你是想轉職,可能還需要在學更多...。實作更多的專案。
之後會再看看要不要再寫 和後端相關的,或是 React框架。
總之,先開始吧!跟著走才知道你可以走多遠。
每天十分鐘,你也可以學會寫程式!