饅頭計畫 #4 開始報名啦!

饅頭計畫

饅頭計畫是一個程式培訓營,從 2019 年開始,一年最多只開一個梯次。

目標是透過培訓一群優秀的學員,打造一個優質的學習型社群。

AI 時代的應對

AI 時代是否還適合當工程師?AI 時代工程師是否會被取代? 這類型的聲音沒有少過

直接給大家答案:

「AI 時代缺的是基礎扎實,又能夠靈活使用 AI 工具的人」

基礎扎實,才能夠不被 AI 工具迷惑

基礎扎實,才能在 AI 工具產出奇怪的 Code 的時候

馬上看出問題

AI 時代,特別需要注意的是「避免無效的努力 」

如果你花太多時間在 AI 可以輕鬆做完的事情上面

這樣的確很容易被取代

因此必須將時間花在「 即使用了 AI 也很難做到的事情」

而「高強度的作品 」就是這樣的存在

高強度的作品,不只可以做為轉職的媒介

綜觀整個職涯,也會是個不錯的代表作

這跟許多工程師跳槽時會做 Side Project 是相同道理

Side Project 可選擇自己喜歡、想要鍛鍊的技術

選擇自己感興趣的題目來做

做起來更起勁

然而大部分的人受限於現實因素

無法花大量時間和精力來打造一個高強度的作品

饅頭計畫提供的解決方案是「陪你一起打造一個高強度專屬作品」

用來解決大部分人的人,在職涯初期沒有自己代表作的問題

想要換到更好的環境時,沒有代表作,原本的環境又沒有養分

那自然就是卡住,不上不下

不僅要做專屬作品,而且是一個人做一個專屬作品

根據過去的經驗,前後端有一定的熟悉度,對職涯很有幫助

不會寫後端?教你怎麼用 AI 快速開 API 出來

不會寫前端?教你怎麼用較簡單的方式呈現清爽的視覺

在專屬作品之前的四個月扎實訓練

鍛鍊你的基礎,讓你在需要時,具備克服困難的能力

訓練目標

用六個月的時間,用任務導向的方式,將你訓練成一名有競爭力的工程師。六個月後將會完成專屬個人作品,

講師介紹

嗨,大家好!我是Luka,曾在外商擔任資深工程師。我擅長將前後端技術相互結合,打造各種不同類型的網站。以直白的教學方式,解釋複雜的技術,讓初學者能夠輕鬆學習。

我的專長是將複雜的概念講的簡單易懂,經營著 程式柴 Youtube 頻道 ,提供大量免費的教學內容,包括 HTML、CSS、JS、Python … 等等的教學。

如果你想更了解我,請看我過去在 Medium 撰寫的文章,包含了一些技術文章與一些軟性的文章。

此外,我也喜歡研究硬技術,曾經在 COSCUP、MOPCON、RubyConf 等大型研討會上擔任講師。如果你對我過去的演講內容有興趣,請參考我過去的投影片

訓練方式

全線上進行,每週一次直播,展示學習成果,討論技術難點,同步進度。

如果選擇「背水一戰」,每週請準備 55 小時以上的學習時間。
如果選擇「持久戰」,每週請自行設定學習時間。(詳細定義請參照背水一戰 vs 持久戰)

線上教練帶跑

Level 1、Level 2 每週一次線上直播。
Level 3、Level 4 除了每週一次直播外,還可能多約 Sync 會議,對齊進度。

  • 講解「重點觀念」與「訓練方式」
  • 說明「每週任務」與說明每週需要學習的目標
  • 回顧上一週的任務大家的執行狀況,看看有沒有什麼地方需要修正的。
  • 透過學員的反饋,即時補強一些缺乏的重要概念,打通任督二脈。

透過每週直播,即使遠端學習,也能夠一起朝目標邁進。

線上影音教材


饅頭計畫提供的課程教材平台提供給學員觀看,讓學員可以快速掌握一門技術。課程平台可無限次數重複觀看 (部分影片跟Youtube 頻道相同)。

透過「解任務」的方式,將影片中學習到的知識,實際用來解決問題,這樣才會變成自己的武器。這也是為何免費公開部分教材的原因。

任務導向學習

課程提供大量的影音教材讓學員得以獲得充足的知識。然而單向的學習不足以培養出足以勝任職場的能力,因此使用「任務導向」的方式來學習。

完成每週任務的過程中,你可以使用任何你想得到的方式。例如:你可以問程度比較好的同學,或是你可以問以前的朋友,工作上現在正在寫程式的,或是你可以到任何的開放社群發問,只要對你有幫助的都可以嘗試。

這樣做的目的是幫助你建立一套個人學習體系,而不是單純學會課堂上的內容,一旦遇到未知的問題就會手足無措。

透過這個方式,每個人都能依照自己的個人特質,發展出適合自己的個人學習體系。

專案導向學習

數週的學習成果,相互呼應,形成較具規模的專案。

Level 1 魔王 - Line AI 聊天機器人
用 Python, JS 實作一個 Line AI 機器人,讓學員感受到開發的樂趣,培養成就感。

Level 2 魔王 - 微型部落格 + AI 翻譯小幫手
Level 2 接觸 SQL 資料庫,用 Flask 框架 + Ajax 技術實作一個一體式的迷你網站。

Level 3 魔王 - 汽車電商
Level 3 開始比較硬一點,但也可以學到更多。獨立開發一個 MPA + SPA 混合型電商網站。在這個階段中,大家可以體會到在需求的壓力下,如何分配學習的時間,進而找出方法解決問題。

Level 4 魔王 - 專屬作品
選擇專精前端或者專精後端,打造個人專屬作品。專精前端使用的技術為 React,專精後端自選技術。不管你是專精前端、專精後端,都會教你如何建構出完整作品。

線上社群共學

線上社群,讓全遠端學習也能夠跟著夥伴一起前進

適合怎樣的人?

饅頭計畫 4 的核心價值是 - 希望能透過打造高品質專屬作品,拓展職涯。
除了想要轉職的人,也十分歡迎任何想要實作高精度作品進化人生的人。

Q:沒接觸過程式,適合嗎?
A:饅頭計畫是為零基礎程式小白設計的訓練計畫,身為程式小白,有非常多的技術需要進修,每個禮拜需要花 60 小時的學習時間才可以跟上進度。

Q:已經有程式基礎的人,適合嗎?
A:有程式基礎的話起步會比較輕鬆,但如果稍不注意,在不熟悉的領域,可能一不小心就落後了。饅頭計畫的最終產出的專屬個人作品,依照個人實力的不同,呈現的結果也會不一樣。因此非常歡迎想要挑戰自己的人來參加。

Q:一邊工作一邊轉職的人適合申請嘛?
A:適合,因為饅頭計畫的設計「可以讓學生自行安排進度」。如果沒有辦法如果無法在六個月內完成,也可以依照任務逐步進行。

Q:辭去工作轉職的人適合嘛
A:適合,因為饅頭計畫的設計就是讓一個零基礎的人,在六個月後可以變成一個合格、有競爭力的工程師。

這邊要再次提醒,裸辭轉職風險很大。尤其現在景氣不好,你的求職競爭對手可能比你更有經驗,那麼求職時間便會拉長。

Level 1 - Python x JS 雙刀流,建立扎實基礎

目標:踏出第一步,建立信心,累積成就感

想快速入門程式開發,扎實前後端基礎嗎?加入我們的 Python 和 JavaScript 雙刀流課程,踏出你的第一步!課程設計以循序漸進的方式,讓你從零開始掌握基礎概念與實際應用。你將學會如何切版設計網頁、JS 動態互動開發,並透過 Flask 框架製作專屬的 AI 聊天機器人,結合 OpenAI 和 LINE API,完成真正能用的專案。全程實作,邊學邊創造,累積滿滿成就感!

每週進度

1. 初學 Python / JS 雙刀流

訓練重點:

  • 掌握 Python 與 JavaScript 的語法基礎及應用場景。
  • 強化程式設計邏輯,包括條件判斷、迴圈與資料結構(如陣列與字典)。
  • 熟悉工具與環境,如 Git 版本控制與 VS Code 開發流程。
  • 實作基礎題目及簡單專案,累積程式實作能力。

思考過程:

  • 理解為何選擇 Python 和 JavaScript 作為學習起點,掌握其在前後端的優勢。
  • 比較兩種語言的資料結構與操作方式,提升靈活應用能力。
  • 將學習內容應用於實際問題解決,如字串處理、排序算法等。
  • 在解題過程中學習測試與驗證程式的正確性,建立嚴謹的開發思維。

2. 網頁設計流程與切版 (HTML, CSS, RWD)

訓練重點:

  • 熟悉 HTML 標籤與 DOM 結構的設計。
  • 掌握 CSS 的定位方式(Float、Flexbox、Grid)及基本樣式設計。
  • 學習 RWD(響應式設計)的實現,提升網頁在不同裝置上的顯示效果。
  • 完成從設計稿到實際網頁的完整切版流程。

思考過程:

  • 分析設計稿,拆解出網頁的 HTML 結構與 CSS 样式需求。
  • 使用 Chrome 開發者工具觀察網頁布局與調整細節。
  • 實作靜態網頁(如 Landing Page),訓練分模組切版與驗證技能。
  • 在動態效果需求中加入 JavaScript,提升網頁互動性。

3. 用 jQuery 理解 JS Web API

訓練重點:

  • 透過 jQuery 快速掌握 DOM 操作與事件處理的基礎技能。
  • 學習常見的互動事件(如 click、hover)與特效操作(如 hide、fadeIn)。
  • 理解 jQuery API 與原生 JavaScript Web API 的關聯,為進階開發做準備。
  • 實作動態專案,如即時表單驗證與動畫效果。

思考過程:

  • 比較 jQuery 與原生 JavaScript 的語法差異,逐步過渡到使用原生 API。
  • 分析 DOM 結構與事件綁定的邏輯,學會動態操作網頁內容。
  • 在專案中結合特效與功能需求,如無限滾動或輪播圖的實現,提升用戶體驗。
  • 將動態效果應用於真實情境,練習即時反饋與優化互動設計。

4. 使用 Python Flask 製作一個 Line AI Bot

訓練重點:

  • 掌握 Flask 框架的基礎與 API 設計,從簡單的「Hello World」開始。
  • 學習整合 OpenAI API,設計 AI 回應如翻譯、摘要等功能。
  • 熟悉專案部署流程,將程式從本地環境上傳至雲端並穩定運行。
  • 使用 LINE Messaging API,製作能與用戶互動的智慧聊天機器人。

思考過程:

  • 確認 Flask 框架的核心結構,分解專案需求至各功能模組。
  • 深入理解 HTTP 請求(GET、POST)的運作,正確處理用戶輸入與輸出。
  • 整合 OpenAI 和 LINE API,設計實用的 AI 模組功能,並強調安全性(如 API Key 的管理)。
  • 分析用戶使用場景,創造個性化的互動體驗,將專案落地實現。

魔王挑戰:打造你的專屬 Line AI 聊天機器人!

準備迎接你的第一個實作魔王嗎?我們將帶你深入後端開發,使用 Python 與 Flask 從零開始製作一個專屬的 Line AI 聊天機器人!這不僅是一個程式專案,更是讓你真正了解 API、AI 整合與雲端部署的實戰挑戰。

你將學會如何整合 OpenAI 的強大功能,設計個性化的 AI 回應,讓你的機器人能進行翻譯、回答問題、甚至成為日常助手。不僅如此,還能運用 LINE Messaging API,打造能與朋友互動的專屬智慧聊天體驗!想像你的朋友向機器人發問,收到精準又有趣的回應,這樣的成就感豈不是滿分?

這是一次從想法到落地的挑戰,透過實作掌握後端開發核心技能,同時感受到 AI 開發的無限可能!你準備好向這位魔王挑戰了嗎?

訓練資訊

訓練時間:四週
相關技術:HTML、CSS、JavaScript、Flask
解鎖課程:Python x JS 雙刀流, HTML & CSS 基礎、Python 基礎、JavaScript 基礎、jQuery 基礎, Git 基礎

社群活動 - 刷題社

刷題社是一個聚焦於建立自主學習與解題能力的非強制性活動,目的是透過實作和社群經營,讓參與者不僅提升程式技術,也學習如何組織並管理學習型社群。

1. 社群資訊

  • 平台選擇:
    • 使用 Discord 作為主要社群溝通工具。
  • 社群管理:
    • 設立不同的角色:主持人、分享者、解題教練(可輪流擔任)。
    • 確保活動持續進行,並促進成員間的合作與交流。
  • 參加條件:
    • 非強制參加,鼓勵程式基礎較弱或對挑戰有興趣的成員主動加入。

2. 活動時間與頻率

  • 每週一次線上分享會,由成員自行決定時間。
  • 活動長度:60-90 分鐘。
  • 透過輪值方式,讓不同成員主持分享會,提升參與感。

3. 使用 CodeWar 平台進行解題

  • 題目挑選:
    • 每週由主持人挑選 3-5 道 CodeWar 題目,挑選合適的難度。
    • 題目公告發布在社群中,附帶解題截止日期。
  • 進行方式:
    • 每位成員獨立完成題目後提交解法。
    • 鼓勵成員組隊討論,提出多樣化解法並相互學習。

4. 刷題分享會流程

a. 開場(10 分鐘)

  • 由主持人回顧上週成果,並介紹本週的解題主題與目標。
  • 成員自由分享本週學習的心得或解題過程中的卡點。

b. 解題展示與討論(40-50 分鐘)

  • 展示環節:
    • 成員輪流展示完成的 CodeWar 題目,講解解法和邏輯。
    • 可以透過簡報或現場編碼的方式演示解法。
  • 討論環節:
    • 其他成員可提問、建議優化方案或分享不同解法。
    • 討論效能、程式碼可讀性或特定語言的優化技巧。

c. 公布下一週挑戰(10 分鐘)

  • 發布下一週題目,並鼓勵成員主動組隊或設立個人目標

Level 2 - 用 AI 有效增加程式實力,避免陷入盲區

學習目標

現在的 AI 工具很多,到底該用哪一個?沒有足夠的扎實基礎與經驗。不知道怎麼樣有效率的使用 AI 工具來學習。這個階段將透過學習後端的知識與開發一個部落格,來探討各種 AI 工具,例如:ChatGPT、Claude、Cursor、Github Copilot、Perplexity、Felo Search … 等等的 AI 工具,來探討 AI 工具對提升程式開發效率與基礎能力。

分別用 AI 工具學習以下的範疇

  • 如何使用 AI 理解一門知識? 以 SQL 資料庫為例
  • 如何運用 AI 學習一門 Web 框架?以Flask 框架為例
  • 如何用 AI 學習較進階知識?以 ORM 為例
  • 如何運用 AI 在實際開發上 ?以AJAX 與前後端整合為例

透過 4 週的訓練,讓你掌握 AI 有效率協作方式,用「學習」和「開發」兩個面向,擺脫被炫炮功能迷惑的盲區。

每週進度

1. 如何使用 AI 理解一門知識? 以 SQL 資料庫為例 (Week 5)

  • SQL 概念與應用:
    • 學習基本 SQL 語法,包括資料庫的建立、查詢、插入、更新與刪除操作 (CRUD)。
    • 練習使用 SQL Zoo 等互動平台進行基礎操作。
    • 瞭解動態網站如何透過資料庫管理與存取動態內容。
  • 資料庫正規化:
    • 認識關聯式資料庫中的表格、欄位、主鍵與外鍵。
    • 掌握資料正規化的概念,避免資料重複儲存,提升資料庫效能與結構清晰度。
    • 使用實體關係圖 (ERD) 規劃資料表結構。
  • 分析案例:
    • 電商網站的基本資料庫設計:商品 (Product)、品牌 (Brand)、購物車 (Shopping Cart)、評價 (Review)、運送方式 (Shipping) 等表格的關聯性。

2. 如何運用 AI 學習一門 Web 框架?以Flask 框架為例 (Week 6)

  • Flask Web 框架介紹:
    • 了解 Flask 作為輕量級 Python Web 框架的結構與使用方式。
    • 動態網站與靜態網站的區別,熟悉後端框架如何處理資料庫的請求。
  • 基礎路由與模板:
    • 使用 Flask 定義路由,搭配 Jinja2 渲染模板生成動態 HTML 頁面。
    • 動態網址 (Dynamic URL) 的應用與參數傳遞。
  • HTTP 動詞與請求處理:
    • 學習 GET、POST 等 HTTP 動詞的用法,透過表單傳遞資料並處理伺服器回應。
    • 簡單表單驗證與處理邏輯的實作。

3. 如何用 AI 學習較進階知識?以 ORM 為例 (Week 7)

  • ORM 與資料庫操作:
    • 瞭解 ORM (物件關係映射) 如何簡化資料庫操作。
    • 使用 Flask-SQLAlchemy 進行資料庫的建模與操作。
    • 運用 Migration 工具進行資料庫遷移與版本控制。
  • Flask 與資料庫整合:
    • 練習將範例專案中的資料庫結構應用於實際需求。
    • 建立虛擬環境並配置 Flask 開發環境。
  • 實作專案:
    • 微型部落格系統的開發,包括用戶登入、文章管理與表單驗證的功能設計。

4. 如何運用 AI 在實際開發上 ?以AJAX 與前後端整合為例 (Week 8)

  • AJAX 基礎:
    • 學習透過 JavaScript 使用 AJAX 進行非同步請求與資料渲染。
    • 瞭解 XMLHttpRequest (XHR) 和 Fetch API 的基本用法。
  • 第三方 API 串接:
    • 串接 YouTube API 實現影片搜尋與播放功能。
    • 匯率轉換 API 的應用,實現即時貨幣換算。
  • 前後端資料傳輸:
    • 設計 Flask 後端 API,處理用戶請求並返回 JSON 資料。
    • 瞭解如何安全地在後端儲存敏感資料,如 API 金鑰。

魔王 - 微型部落格 + AI 翻譯小幫手

在等級二的關卡,我們將升級上一個關卡中的前端與後端技術,
打造一個麻雀雖小、卻很完整的有趣應用。

微型部落格將使用 Flask 加上 SQL 資料庫進行架設,
前端使用 JS 搭配 Ajax 的技術,實作出 AI 翻譯小幫手。

課程資訊

訓練時間:四週
相關技術:HTML、CSS、JavaScript、Flask
解鎖課程:Flask 基礎、SQL 基礎、Bootstrap 基礎

Level 3 - 獨立開發電商網站

學習目標

想挑戰獨立開發一個完整的電商網站嗎?這個階段將帶領你,學習如何使用 React.js 打造現代化前台,運用 Flask 開發後台 API,並實現金流串接與雲端部署。過程中,你將接觸到資料庫規劃、爬蟲技術、RESTful API 設計、React 的複雜互動,以及 AWS 雲端技術,打造功能全面的汽車電商平台像是預約看車、交易流程 … 等等的功能,這段旅程讓你不僅學會開發,更掌握專案規劃與解決問題的能力,成為獨當一面的開發者。

每週進度

1. 汽車電商前台 (Week 9)

學習重點:

  • 探索頁面流,確保使用者故事(搜尋、篩選、詳細頁、預約)流暢。
  • 建立網站前台,包括首頁、我的訂單、汽車瀏覽頁面及個人資料頁面。
  • 規劃並實作頁面路由,確保結構清晰且跳轉流暢。

思考過程:

  1. 確認使用者需求,規劃主要頁面及功能。
  2. 實作路由與資料渲染,確保頁面內容動態更新。
  3. 使用模板引擎結合CSS和JavaScript實現動態渲染與響應式設計。

2. 資料庫規劃與爬蟲撰寫 (Week 10)

學習重點:

  • 確認需求和設計資料庫初步結構。
  • 利用 Selenium 和 Requests 等工具爬取汽車數據。
  • 規劃數據的清理和標準化,為資料庫設計鋪路。

思考過程:

  1. 構思資料庫表結構的關聯性,如用戶、商品和訂單之間的邏輯。
  2. 確認目標數據的存取難度,如 JavaScript 動態渲染對傳統爬蟲的挑戰。
  3. 規劃數據的清理和標準化,為資料庫設計鋪路。

3. 後台管理系統實作 (Week 11)

學習重點:

  • 建立後台界面,進行汽車資料的管理,包括汽車資訊的增刪改查。
  • 使用開源模板 加快後台開發效率。
  • 實作上傳圖片功能並將資料整理進 AWS S3。

思考過程:

  1. 分析前台對資料的需求,設計後台功能來支持數據管理。
  2. 評估開源模板的可擴展性,確保其適合專案需求。
  3. 規劃上傳圖片到 S3 的流程,包括安全性和性能最佳化。

4. 後台 API 開發 (Week 12)

學習重點:

  • 開發 API 提供前端使用,例如 getCars API。
  • 探索 RESTful API 設計規範及實作。
  • 分析汽車瀏覽頁面需要用到哪些 API

思考過程:

  1. 分析 API 功能需求,設計合理的 URL 和 HTTP 方法結構。
  2. 探討 RESTful API 的狀態無記憶原則,確保 API 可重複調用。
  3. 驗證 API 的回應格式,確保前後端的順暢對接。

5. 汽車瀏覽頁面實作 (Week 13)

學習重點:

  • 初步瞭解如何使用 React.js
  • 實現車型、排氣量 … 等等的篩選功能。
  • 使用 React.js 實作汽車瀏覽頁面的複雜互動。

思考過程:

  • 初步瞭解 React.js 的元件、狀態管理與 Props 的基礎知識,設計車型與排氣量的展示方式。
  • 分析篩選、排序、分頁等核心功能,確認數據來源與 API 支援,並設計相應資料結構。
  • 設計篩選條件(品牌、價格等)的 UI 元件與邏輯,實現篩選功能的動態更新。

6. 金流串接與結帳流程(Week 14)

學習重點:

  • 串接金流服務(如 TapPay)並進行基本交易流程實作。
  • 學習 UML 活動圖設計金流系統的流程。
  • 實現後端交易處理,包括交易記錄與狀態管理。

思考過程:

  1. 研究金流服務文件,理解其 API 使用和交易流程。
  2. 使用 UML 活動圖描述用戶操作與系統行為,提升流程設計的可視化程度。
  3. 驗證交易安全性與資料完整性,避免潛在風險。

7. 預約看車功能實作 (Week 15)

學習重點:

  • 分析需求,確認預約功能細節與可能衝突。
  • 設計資料庫支持預約功能,實現租借過程中的價格計算邏輯。
  • 參考現有租車網站的商業模式,模擬真實場景。

思考過程:

  1. 模擬多用戶場景,避免時間段重複預約帶來的衝突。
  2. 參考商業實例,提取適合的計費邏輯和租賃條件。
  3. 設計資料表來存儲預約記錄及其狀態。

8. 佈署上 AWS 雲端 (Week 16)

學習重點:

  • 優化專案結構並整合前後台功能。
  • 測試 API 的穩定性並準備部署專案至 AWS。
  • 探索個人專案規劃,進一步發展專業技能。

思考過程:

  1. 分析專案模塊間的依賴關係,確保整合後不會引入新問題。
  2. 測試 API 性能與穩定性,模擬大規模用戶操作場景。
  3. 規劃部署過程,瞭解 AWS 並佈署應用程式

魔王挑戰:打造專業級汽車電商網站!

在這場挑戰中,你將運用 React.js 開發流暢的前台介面,實現車型篩選、預約看車等功能;使用 Flask 開發後端 API,支援金流串接(如 TapPay)與完整交易流程。同時,你將撰寫爬蟲收集汽車數據,設計結構化資料庫,並將整體專案部署至 AWS 雲端,實現即時訪問。

這是一次全方位的實戰挑戰,結合前端互動、後端邏輯與雲端部署技術,讓你完成一個功能完整的汽車電商平台,並掌握獨立開發的核心能力。現在就踏出這關鍵一步,為你的開發實力立下里程碑!

課程資訊

訓練時間:八週
相關技術:AWS、Python、現代前端開發工具、React、Bootstrap
解鎖課程:React 基礎課程、現代前端工具課程、AWS 基礎, Python 爬蟲

Level 4 - 打造個人專屬作品 (專精前端 / 後端)

學習目標

在 Level 4 中,你將邁向打造專屬作品的挑戰!無論是為了轉職或進修,這門課程將幫助你將技術與創意結合,製作出真正代表自己的作品。你將深入專精技術,從理論到實作,逐步掌握 React.js(前端專精)或後端框架的進階應用。最終成果不僅能成為求職時的亮眼作品,還可以是一個值得驕傲的 Side Project。

課程中,你將學會如何分析競品、克服技術難點、開發核心功能,並完成整體專案設計與部署至雲端(如 AWS 或 Vercel)。此外,我們將指導你撰寫專案簡報與履歷,模擬面試,讓你在職場競爭中脫穎而出。這是一次全方位的專案實戰,幫助你將所學化為實力,成為技術專家!

每週進度

1. 分析自身優劣勢,決定專精技術(Week 17)

學習重點:

  1. 分析自身技術優劣勢,選擇專精的技術(前端專精 React.js,後端框架根據需求選擇)。
  2. 探索競品範例,學習與分析其技術架構與功能設計。
  3. 熟悉專案開發工具與工作流程,例如:Asana、Jira … 等等。

思考過程:

  • 比較技術學習成本與市場需求,確定專精目標。
  • 分析競品技術優劣勢,探索改進與創新方法。
  • 將學習目標分解為可執行的小任務。

2. 專屬作品發想與競品分析(Week 18)

學習重點:

  1. 發想專屬作品,分析競品功能,瞭解每一個競品背後的思路
  2. 熟練專精技術(前端專精 React.js, 後端專精所選框架)
  3. 開始技術練習,模擬小型功能的開發。

思考過程:

  • 思考專屬作品的差異化定位,確保創新與可行性。
  • 以競品功能為模板,擬定初步作品技術架構。
  • 實踐技術學習,檢驗學習成果。

3. 技術難點研究(Week 19)

學習重點:

  1. 研究技術難點,例如:實作視訊軟體需研究 WebRTC 原理。
  2. 瞭解技術難點的限制與解決的問題。
  3. 根據技術難點的限制設計作品核心功能。

思考過程:

  • 聚焦最困難功能,逐步解決技術挑戰。
  • 研究技術,確保功能符合使用者故事。
  • 實作出迷你版的核心功能,確保專案順利進行。

4. 核心功能開發 01(Week 20)

學習重點:

  1. 開發核心功能,延續技術難點,開始根據自己的作品藍圖實作核心功能
  2. 在未知中找到一步一步向前的動力

思考過程:

  • 將功能拆解成技術組成
  • 聯想新的技術能做出什麼功能,不斷切換

5. 核心功能開發 02(Week 21)

學習重點:

  1. 優化已完成功能,增加使用者介面細節(如樣式、動畫)。
  2. 開始第二層功能實作(如數據圖表、通知功能)。
  3. 確保技術棧正確性(如前後端整合 API 的正常運行)。

思考過程:

  • 思考如何讓專案更具吸引力與商業價值。
  • 在優化與整合中確保專案穩定性。

6. 開發次要功能,讓網站更完整 (Week 22)

學習重點:

  1. 撰寫使用者故事,規劃專案架構
  2. 設計資料庫結構,確定資料關聯與存取方式。
  3. 繪製頁面流程圖與介面草稿。

思考過程:

  • 聚焦功能,評估實現技術路徑與風險。
  • 簡化需求,確保可在時間內完成基礎功能。
  • 思考專案結構符合需求。

7. 完善專屬作品(Week 23)

學習重點:

  1. 測試專案與修補專案功能。
  2. 撰寫專案 README,包含功能敘述與技術架構。

思考過程:

  • 確保專案完整度,清楚展示成果。
  • 聚焦專案深度,提升求職競爭力。

8. 將專案部署上雲(Week 24)

學習重點:

  1. 部署專案上線並進行測試:
    • 前端:將專案佈署上 Vercel
    • 後端:將專案佈署上 AWS,並繪製架構圖。
  2. 補充文件說明與專案簡報內容。

思考過程:

  • 將技術實現轉化為可以展示的成果。
  • 設計專案亮點,方便日後面試展示。

9. 履歷撰寫與面試準備(Week 25)

學習重點:

  1. 撰寫履歷,重點展示專案成果與技術亮點。
  2. 練習面試,流暢地介紹專案,準備基礎解題。

思考過程:

  • 梳理面試可能問題,準備清晰的回答。
  • 強調專案中的創新與解決問題能力。

10. 模擬面試練習(Week 26)

學習重點:

  1. 進行模擬面試,提升回應方式與口語表達。
  2. 根據反饋修正履歷與專案簡報內容。

思考過程:

  • 從模擬面試中學習改進方式。
  • 完善專案文檔與展示,提升面試表現。

魔王挑戰:打造專屬作品,成為職涯中的亮點

Level 4 的魔王挑戰將帶領你實作一個專屬作品,成為你職涯中的亮點,無論是在求職中脫穎而出,還是作為職涯中令人印象深刻的 Side Project 都是相當不錯的決定。選擇專精前端(如 React.js 的高效互動設計)或專精後端(自選框架 + AWS),實現從構想到部署的完整開發流程。

挑戰的重點在於實作令人印象深刻的核心功能,例如:高互動的使用者介面、視訊串流、架構規劃 … 等等功能,透過解決技術難點,以證明自己解決問題的能力。

完成後,專屬作品不僅是一個專業的技術代表作,更是你職涯中的一張亮眼名片,幫助你在競爭激烈的市場中脫穎而出,奠定專業形象並開啟更多機遇。

課程資訊

訓練時間:十週
相關技術:React、AWS、Docker
解鎖課程:React 實戰、Docker 基礎、AWS 進階

課程規則

模擬上班

打卡上班
開始學習的時候進行「打卡上班」,結束學習時「打卡下班」。學習時間可以自行決定,希望可以規律一點,比較容易持之以恆,例如:每週固定兩個晚上、週末固定一天進行學習。

找得到人
每日打卡設計的出發點是讓學員有儀式感,開始學習的時候就專心學習,透過每日打卡,可以知道目前上線學習的同學有哪些。使得在線上的同學們可以互相交流,增加學習動力。

蹺班機制
打卡的同時請登入 Discord 頻道,方便同學互相交流。如果私訊超過 1 小時以上未回覆,記錄當日蹺班。

了解自主學習時間
打卡可以準確的估算當週的學習時間,方便自我檢視實際學習時間是否跟最初設定的是否有落差。

學習日誌

學習時順手記錄筆記,使用「學習日誌」記錄下來,讓日後可以花更少的時間回憶,將破碎的記憶片段組織成具體的知識點。學習日誌格式:

  • 今天要做什麼? -> 一天開始的時候填寫
  • 實際執行狀況 -> 一天即將結束時填寫
  • 明天要做什麼?-> 一天即將結束時填寫
  • 每日速記 -> 學習到什麼馬上隨手記錄下來,讓大腦可以專注於重要的事情
  • 心情記錄 -> 記錄一下當下的心情,或是遇到的困難

每週回顧

以週為單位來檢視自己的學習成果,主要檢視的幾點有:

  1. 這週學到了哪些東西?
  2. 有沒有遇到什麼困難?
  3. 這週的學習效率好嗎?好的話寫下原因,繼續保持。不好的話寫下原因,下週修正。
  4. 下週要做的事情有哪
  5. 本週學習心得

透過以上資訊學習教練可以更準確的掌握學員狀況,給予幫助。

每週任務

每週指派一定數量的任務,需在截止期限前繳交。每週任務「沒有」手把手的教學,需要用你任何想得到的方式,來解決這個任務。更詳細的說明,請見「任務導向學習」。

學習方案

背水一戰 vs 持久戰

根據過往的經驗參加的學員大致上可分為兩種:

  1. 背水一戰:目前無正職工作,全力學習,每週可花 50 個小時以上學習。
  2. 持久戰:有工作的狀況下想要學習,根據之前統計的結果,如果有工作的狀態下,一個禮拜大約有 15 小時左右的學習時間。

背水一戰

背水一戰可以更專心的準備轉職,但相對來說有更大的經濟壓力,如果沒有先存一筆錢,不工作 6 個月很容易斷糧。

如果你能夠有 6 個月的完全空白學習時間,並且能夠保持紀律性,持之以恆的學習。饅頭計畫的課程設計將幫助你轉職成工程師。

持久戰

整體來說「持久戰」是我更推薦的方案,因為參加「背水一戰」班的人往往想要壓力更大,但後來發現自己根本沒那麼多時間,或是沒準備那麼多的生活費,最後斷糧只能失敗作收。一邊工作一邊轉職的話只要能撐下去,完成個人專屬的作品,累積面試經驗,最後會有不錯的結果。

求職時間比較

採用「背水一戰」模式的話,找到工作時間約略是 6-8 個月之間。以每週可學習時數來換算的話,使用「持久戰」模式的人大約需要花三倍左右的時間,也就是 18 個月 ~ 24 個月左右。實務上,也有「持久戰」的零基礎同學在一年內就找到工作的成功案例。

心得

現在的大環境下建議大家多保留一些緩衝空間,如果不是經濟上有餘裕,建議先保留原本的工作,選擇「持久戰」方案即可。如果真的要拼半年轉職,請先準備好 6 個月的學習時間與 2 個月求職緩衝時間的生活費,以免真的辭職了,卻因經濟因素沒辦法專心學習,得不償失。

單堂 vs 完整學程

單堂購入 完整學程
方案說明 依需求購入 一次購入需要的訓練關卡。
適合對象 對自己是否對寫程式有興趣抱持疑問,
使用這個方案最為保險。
1. 已確定要投入大量時間在轉職上
2. 可用時間較零碎
3. 沒有充足時間

設計原理 通過各個關卡逐步
瞭解自己是否適合寫程式。
透過完整的方案
學習就業所需的所有技能
持久戰 有,下一屆可免費複訓。
整體費用 價格較高 經濟實惠
Level 1 ~ 3 省 5000
Level 1 ~ 4 省 9000
繳費方式 每個關卡分開繳納,逐步體驗。 買斷課程,可選擇一次付清
或是分 6 期無利率。

註:持久戰設計的用意是讓一邊工作一邊轉職也能透過持續學習增進實力,
因此限同一人使用,不可轉讓。

價格方案

簡單說明一下價格方案,如果還未確定對程式是否有興趣,選擇單堂購入風險更小。如果下定決心,那麼合購完整學程的價格更加划算。

類型 級別 教練帶跑 + 社群共學 助教批改 上課時間 鑑賞期
單堂購入 Level 1 3500 2000 4 週 5 天
單堂購入 Level 2 6500 2000 4 週 5 天
單堂購入 Level 3 16500 4000 8 週 5 天
單堂購入 Level 4 20000 5000 10 週 5 天

這次將助教批改的費用獨立出來,讓大家選擇,
如果不需要批改只需要聽課和加入社群跟大家交流,
選擇「教練帶跑 + 社群共學」的方案更優惠。

如果一次購入多堂,有以下幾種可以選擇,價格方案包含 (教練帶跑 + 社群共學+助教批改)

類型 關卡列表 原價 特價 折扣 上課時間 分期 6 個月 鑑賞期
合購優惠 Level 1 + 2 14000 13000 1000 2 個月 2200元 / 月 7 天
完整學程 Level 1 + 2 + 3 34500 29500 5000 4 個月 5000元 / 月 10 天
完整學程 Level 1 + 2 + 3 + 4 59500 50500 9000 6 個月 8500元 / 月 10 天

鑑賞期說明:鑑賞期從課程預習教材開通開始算,如果覺得不適合請盡早退款。
合購優惠說明:合購優惠跟完整學程的差別在於完整學程可以免費複訓乙次。

零元挑戰

參加條件: 參加饅頭計畫 Level 1-4 完整學程

如果「背水一戰」辭去工作轉職,並且能夠做到以下幾點。在結訓六個月之後的兩個月內沒有找到工作,全額退費。如果使用這個方案有找到工作的話,收費會是 1.5 個月的月薪。

  • 每週固定學習 50 小時以上(以打卡時間為準)
  • 每週任務準時繳交
  • 準時完成各個關卡的魔王專案
  • 撰寫學習日誌(有學習的日子都要記錄)
  • 撰寫每週回顧

規則定的比較嚴格,因為根據過往經驗,規則訂的太鬆效果不好,沒有一定的自制力真的無法成功轉職。如果辭去工作背水一戰,努力訓練六個月努力還是無法找到工作,那就是課程設計有問題,全額退費。

每個月不分項目有 3 次容錯空間,超過即判定零元挑戰失敗。例如:缺交作業 1 次、當週學習時數未滿 50 小時 1 次、未撰寫學習日誌 2 次,合計違規 4 次,判定失格。

報名資訊

時程列表

  • 申請時間:即日起 ~ 2025/02/20
  • 申請流程:
    • 提出申請後 2 週內至少會回應一封信,溝通結束後決定是否錄取。
  • Level 1 (4 週):2025/03/03 ~ 2025/03/30
  • Level 2 (4 週):2025/03/31 ~ 2025/04/27
  • Level 3 (8 週):2025/04/28 ~ 2025/06/08
  • Level 4 (10 週): 2025/06/09 ~ 2025/08/10

報名流程

填寫報名表單 + 寄一封信,做完這兩個步驟之後才算完成報名呦。

  1. 填寫 報名表單,在這邊選擇你想要選擇的方案。
  2. 寄一封信到 codeshiba@gmail.com,標題:饅頭計畫#4 報名_你的姓名,內容如下方範本。
  3. 報名後兩週內回第一封信
  4. 信件交流後,若有需要可約 30 分鐘線上會議,釐清饅頭計畫是否適合你
  5. 繳費完成,卡位成功!

信件範本

嗨!我是 [你的名字]

來報名饅頭計畫 4 了

  1. 嗨!你好,請問怎麼稱呼?
  2. 哪裡人?目前居住在什麼地方呢?
  3. 之前做過哪些類型的工作呢?
  4. 就學時期讀什麼科系?
  5. 說說你是怎麼樣的人,過著怎麼樣的生活,為什麼要學程式
  6. 以前有學過程式嘛?你做了哪些努力來學程式?
  7. 開始做作品了嘛? 小練習也不要不好意思,讓我可以了解你程度。
  8. 想透過參加饅頭計畫獲得哪些幫助?
  9. 你的短期目標是?例如:半年內你想達成什麼事情
  10. 你的長期目標是什麼呢? 例如:兩年目標想達成些什麼事情
  11. 任何想說的話或是想問的問題

Best,
[你的名字]

招生人數

Level 1, Level 2 人數較多
Level 3 有限制招生。
Level 4 小班制教學,希望做作品的人數在 20 人左右,
如果人數已滿將停止招生。

饅頭計畫演化史

零 - 起源

「饅頭計畫 第零彈」是一個帶領新手快速突破技術瓶頸的計畫。作者 Luka 分享了計畫的初衷、自己的背景,以及學生 Moo Jing 在計畫中的學習成果。透過一對一的密集指導,Moo Jing 從前端工程師轉型學習後端技術,並在一個月內取得顯著進步,包括網站規劃、學習方法和技術實作等多方面的成長。

壹 - 設計理念

經過一段時間的,發布了「饅頭計畫第一彈」。分為三個階段:衝刺的嬰兒、翻轉教學和 YouTube 教學。

  1. 衝刺的嬰兒:這階段適合能夠承受壓力、有大量時間投入學習的人。課程節奏快速,涵蓋基礎網頁開發知識。
  2. 翻轉教學:這階段適合有長期學習目標的學生。學生可以根據自己的步調學習,透過觀看預先錄製的教學影片和參與互動式問答來學習。
  3. YouTube 教學:最後階段,將課程內容公開於 YouTube,讓更多人能夠自行學習。

雖然這是一個免費的教學計畫,但學生應該認真對待,並且自己的努力是關鍵。課程的目標是打下扎實的基礎,培養成為一名工程師所需的思維和技能。

最後的成果:饅頭計畫第一彈 最後成果:15 人跟課到最後,10 人轉職成功!

貳 - 極限就業的雙面刃

饅頭計畫第二彈是以極速就業為導向的一個就業服務,執行之後,有部分同學的確很快的就找到了工作,但是也有些同學為了追求快,而忽略了些重要的基礎。

整體來說,課程設計的還行,節錄一段:

培養你成為一個工程師應該有的思維和技能。打下扎實的基礎,讓你可以在學習程式的路上有一個很好的開始。在你之後挑戰更高的職缺時,你會感受到基礎的重要性的。

詳細內容可以看這一篇。後來執行的結果,覺得不算好,因為這一屆盡量降低學習曲線,這樣的情況下盡量不給學員太大壓力。因為我想說要培養興趣。後來證實,這樣做的效果似乎不太好。還是要有一定的壓力才能使人有突破的成長。

成果記錄在這篇文章:饅頭計畫第二彈成果報告. 14 人參加,順利找到工作的 6人,成功率 42% 。

歷屆過程記錄

歷屆學員心得

順序 學員名稱
1 饅頭計畫 #2 學員心得 (1) Phoebe
2 饅頭計畫 #2 學員心得 (2) 慶慶
3 饅頭計畫 #2 學員心得 (3) Eva
4 饅頭計畫 #2 學員心得 (4) 鈺涵
5 饅頭計畫 #2 學員心得 (5) Michael
6 饅頭計畫 #2 學員心得 (6) Shawn
7 饅頭計畫 #2 學員心得 (7) Lily
8 饅頭計畫 #1 學員心得 (1) Joanne
9 饅頭計畫 #1 學員心得 (2) GK
10 饅頭計畫 #1 學員心得 (3) Genie
11 饅頭計畫 #1 學員心得 (4) TsungYu
12 饅頭計畫 #1 學員心得 (5) Leah
13 饅頭計畫 #1 學員心得 (6) Shirley
14 饅頭計畫 #1 學員心得 (7) Theo
15 饅頭計畫 #1 學員心得 (8) Windy
16 饅頭計畫 #1 學員心得 (9) Phoenix
17 饅頭計畫 #1 學員心得 (10) 昱穎
18 饅頭計畫 #1 學員心得 (11) Trista
19 饅頭計畫 #1 學員心得 (12) Celine
20 饅頭計畫 #1 學員心得 (13) Sherry
21 饅頭計畫 #1 學員心得 (14) Orow
22 饅頭計畫 #1 學員心得 (15) Old Mo
23 饅頭計畫 #0 學員心得 Moojing

歷屆學員作品

網站實品 - Linkspace | GitHub

網站實品 - Brain Forest | GitHub

聯絡方式

有任何問題,歡迎使用電子郵件聯繫,請寄信至 codeshiba@gmail.com
也可以傳訊息至程式柴 FB 粉絲專頁

評論