第一次就上手，前端工程新手指南
在現代科技領域中，前端工程師扮演著關鍵的角色，負責開發各式網頁應用程式，並解決各種技術挑戰，這門課程將幫助你了解前端工程師的世界，教你如何找尋自己的職涯方向，準備面試等。課程將由專業的104 Alex老師帶領，提供實際的指導和支持，讓學員能夠快速成長為一名優秀的前端工程師！
javascript學習資源 ｜104學習
全部 課程 貼文 證照 測驗 教室
和javascript相關的課程 (8)
和 javascript 相關的貼文 (395)
ChatGPT生成Apps Script程式碼4技巧！Google Sheets自動化範例用AI加持
想把重複的Google Sheets試算表工作自動化，用ChatGPT就可以快速生出可用的Apps Script程式碼，相較於手動編寫、錄製巨集，使用生成式AI的技術門檻最低！作者分享2個範例，並提醒用AI生成Apps Script程式碼的Prompting技巧。本文節錄自《AI 加持！Google Sheets 超級工作流》。
文／杜昕 Mic Tu
本文目錄（點擊可快速前往）
撰寫Apps Script程式碼的3種方式使用生成式AI生成Apps Script程式碼▶ 範例1：資料統計▶ 範例2：生成圖表用AI生成Apps Script程式碼的Prompting技巧
Google Apps Script（以下簡稱Apps Script）是一個強大的雲端腳本語言，讓使用者能透過類似JavaScript的程式碼整合Google的試算表、文件、簡報、日曆等功能，自動化重複性的工作，完全免費且不需要安裝任何開發環境即可完成。
若要在Google Sheets中使用Apps Script，只要點選「擴充功能 → Apps Script」進入Apps Script的編輯器介面，便能開始撰寫程式。
撰寫Apps Script程式碼的3種方式
撰寫Apps Script程式碼的方式可分成手動編寫、錄製巨集、使用生成式AI 3種，優缺點分別如下：
撰寫方式優點缺點手動編寫完全根據需求客製化程度高。需要花較多的時間學習與實際撰寫。錄製巨集錄製後自動生成程式碼，只需根據需求手動調整即可。錄製的程式碼較基本，複雜的需求可能要大幅的手動調整，因此仍需具備程式基礎。使用生成式AI可直接複製貼上生成的程式碼，大幅提高撰寫效率，也能解決較複雜的案例。撰寫程式碼時會備註各程式碼的用途，可供快速學習。較冷門的需求可能會回答錯誤，若要提升生成品質則會需要訂閱。有時程式碼較冗餘，影響執行效能與可閱讀性。
雖然3種方式皆有優缺點，但使用生成式AI需要的時間、技術門檻最低，因此後續各章節主要會使用ChatGPT生成程式碼，提供輸入的Prompt及對應的輸出。
使用生成式AI生成Apps Script程式碼
本節將使用兩個範例說明如何使用ChatGPT生成程式碼，只要將程式碼複製到Apps Script中並執行函式即可，兩範例的需求、Prompt與ChatGPT (4o mini)生成程式碼如下：
本節範例使用之「會員資料檔」Google Sheets
會員資料檔範例（圖／旗標）
▶ 範例1：資料統計
需求：統計會員資料檔中的會員職業，各職業依會員數多到少排序。
問：生成Apps Script程式碼，統計工作表「會員資料檔」的 E2:E 每個值出現的次數，依次數由高到低輸出到工作表「5.4.3 使用生成式 AI 生成程式碼」的 A:B 中，並將兩欄的標題分別設為「職業」和「會員數」。
ChatGPT輸出結果（以下為作者撰寫時生成之版本，每次生成可能有些許差異，請各位讀者稍加留意）：
▶ 範例2：生成圖表
需求：延續上例，將統計結果繪製成柱狀圖。
問：生成Apps Script程式碼，將工作表「5.4.3 使用生成式AI生成程式碼」的 A2:B 繪製成柱狀圖，兩欄分別為「職業」和「會員數」，並貼上至工作表的 C1 儲存格中。
ChatGPT 輸出結果：
兩範例的最終結果如下圖所示：
（圖／旗標）
用AI生成Apps Script程式碼的Prompting技巧
在撰寫Prompt時要清楚描述需求，以增加生成式AI正確的機率，可以使用以下的Prompting架構增加正確輸出的機率：
問：(1) 生成Apps Script程式碼，(2) 完成以下步驟：1. (3) 將工作表「○○○」的 ○○:○○ 儲存格 (4) 匯總 / 繪製圖表 / 計算...，其中 A / B / C 欄位依序為 △△△ / △△△ / △△△…。2. 將 …3. 將 …，(3) 把最終結果輸出至工作表「○○○」的 ○○ 儲存格。
(1) 在一開始就提及Apps Script，避免AI輸出其他程式語言。
(2) 若要求非常複雜時，建議化為多個步驟，或是分多次Prompt漸進式說明。
(3) 清楚說明資料來源與最終輸出的位置，提及「工作表/儲存格/範圍/欄/列」避免判斷錯誤，並建議用括號標示工作表名稱。
(4) 說明計算過程時可以說明應用場景，但要說明各欄位的名稱，避免判斷錯誤。若欄位的名稱較難判斷資料型態時，可以增加舉例說明。
節錄自：旗標《AI 加持！Google Sheets 超級工作流》／杜昕 Mic Tu 著
推薦閱讀：
AI家教上線！ChatGPT和Gemini學習模式實測4招馬上用
AWS免費課程幫你打造AI「學力」證明，攻搶12萬AI職缺！
除了ChatGPT還有哪些生成式AI？16種AI工具應用解析
Vibe Coding × ASP.NET Core LLM 開發實戰班
AI 時代，程式不只是寫，還能「聊」出來！
學會 Vibe Coding，
讓你用自然語言操控程式、生成 API、打造 AI Agent，
真正結合後端工程 + AI 實戰。
🌟 你將學到
✅ 精通 C# / ASP.NET Core（MVC、API、雲端部署）
✅ LLM × Vibe Coding 實戰，從 Prompt 到應用落地
✅ AI Agent 開發、NLP、影像辨識、模型部署
✅ 使用 Azure / VS Code / Cursor 實作
✅ 分組 Side Project，實務專題製作
💡 課程特色
1⃣️ 小班真人線上（10 人以下），Discord 即時答疑。
2⃣️ 避開平日上班時間，便於在職者學習。
3⃣️ 全程錄影，缺課可回放
4⃣️ 真實專案模擬業界開發流程
🎯 適合誰？�想成為 AI 工程師的畢業生
✅ 有基礎的在職工程師
✅ 企業中高階主管。
✅ 創業想做 MVP 的產品人。
🗓️ 開課資訊
預計開課：2025/12月 平日晚上（日期另行公告）
課程時數：共計288小時 / 約32週
上課方式：全線上
⚡ 名額有限，立即報名，搶先升級你的開發力！
報名連結👇
https://user135527.pse.is/7ze3yz
Vibe Coding是什麼？為何要學習它？
Vibe coding（氛圍編程）是一種新興的 AI 輔助程式設計方式，由 OpenAI 聯合創辦人暨前特斯拉 AI 領導者 Andrej Karpathy 於 2025 年 2 月提出。程式設計師不再逐行撰寫程式碼，而是透過自然語言或對話形式，向大型語言模型（LLM）描述需求，由 AI 負責產生程式碼，程式設計師則引導、測試、優化和調整：如他所言：「完全順應感覺（vibes）、忘記程式碼的存在」。
這種方法讓使用者不需專精程式語法，只需以生活語言表達想法，AI 自動生成原始碼，開發者將更多精力集中在創意與需求上。
然而，Vibe coding的優點與缺點是什麼？程式設計師會被取代嗎？還是能變成一種新的混合模式加速開發？
來看看以下這篇文章吧！👇
https://www.xschoolkh.com/post/what-is-vibe-coding
讓技能成為你的最佳賣點🤑
你的技能區塊（Skills section）是雇主——以及履歷自動篩選系統（ATS）——最先看的地方之一。
它是一張快速快照，告訴對方你會用哪些工具、你擅長什麼。
如果寫得好，這個區塊可以幫你迅速脫穎而出、立刻被注意到。
為什麼這麼重要？
✅ 招募專員與招聘主管（Hiring Managers）通常會先掃描技能區塊，檢查你是否符合職缺需求。
✅ ATS 軟體會從職缺描述中找出關鍵字，尤其是與技能相關的詞。
✅ 一份有力的技能清單，可以讓你在對方細看履歷之前，就先證明自己符合資格。
怎麼寫技能區塊？
🎯 目標列出 6–10 項與申請職缺相關的技能。
🛠 同時包含技術技能（Technical Skills）與軟技能（Soft Skills）。
📋 仔細閱讀職缺內容，使用與職缺公告相同的詞彙，幫助 ATS 辨識。
💡 誠實列出，只放你確實有經驗的技能。
可以列入的技能類型:
✅ 技術技能（Tools and Knowledge Areas）
軟體：Excel、Adobe Photoshop、AutoCAD、Google Analytics
程式語言：Python、HTML/CSS、JavaScript
平台：Shopify、Salesforce、WordPress
設備或機械（適用於技術/實作型工作）
✅ 軟技能（Personal Traits and Interpersonal Abilities）
時間管理（Time management）
溝通能力（Communication）
問題解決（Problem-solving）
領導力（Leadership）
團隊合作（Teamwork）
適應力（Adaptability）
✅ 語言能力（Language Skills）
雙語：英文／中文
精通西班牙語
越南語母語
技能清單範例（Good Skill List）
Excel、Google Analytics、Adobe Photoshop
時間管理、問題解決、團隊合作
雙語：英文／中文
✅ Do 與 ❌ Don’t 範例對照
✅ Do：針對職缺調整技能
✔️ 「JavaScript、HTML、CSS（前端工程師職缺）」
💡 為什麼：這些工具正是該職位需要的。
使用職缺公告中的關鍵字
✔️ 「Customer relationship management（CRM）」
💡 為什麼：這是 ATS 可能搜尋的精準詞彙。
混合技術與軟技能
✔️ 「Python、SQL、細節注意力、協作能力」
💡 為什麼：顯示你同時具備硬實力與人際能力。
具體且明確
✔️ 「Adobe Illustrator」 而不是「設計工具」
💡 為什麼：具體的工具名稱更容易對應職缺需求。
❌ Don’t：列出過於基本或過時的技能
❌ 「打字、Microsoft Word、上網」
💡 為什麼：這些是理所當然的，不會成為亮點。
放上自己不會的技能
❌ 「精通日文」（實際上只會幾句）
💡 為什麼：面試可能被測試，會露餡。
用模糊的形容詞
❌ 「擅長與人相處」
💡 改成：「溝通能力強」或「優秀的團隊合作能力」。
重複表達同一技能
❌ 「團隊合作、協作、與他人共事」
💡 為什麼：有限的空間應該用在不同技能上。
📌 關鍵提醒：技能區塊是你的「即時競爭力清單」，它幫助你通過第一關篩選，並讓招聘方快速看見你的價值。
若你想跟著老師一起學習更多英語技巧:
🔗https://events.taiwantrade.com/2025AIE1126/CMS/%E8%AA%B2%E7%A8%8B%E4%BB%8B%E7%B4%B9
(此貼文由ITI講師Bob撰寫)
和 javascript 相關的證照 (10)
ITS JavaScript 程式語言核心能力
| Information Technology Specialist: JavaScript
Information Technology Specialist（IT 資訊科技專家認證），簡稱 ITS，是Pearson VUE／Certiport 推出符合產業趨勢的初階資訊科技認證，涵蓋 IT 資訊技術、資料庫、軟體研發、新興科技四大領域，共十三個科目，透過 IT 資訊科技專家訓練課程，可驗證考生是否具備雇主所需的 IT 技能，幫助考生為未來職涯做好準備。
即使是國際性的專業認證、英文證書，但是在試題上可以自由選擇語系，因此，在國內的 ITS 認證考試亦提供有正體中文化試題，只要通過 Certiport 的認證考試，即頒發全球通用的國際性證書。
IT 資訊科技專家課程的目標對象為正在考慮或剛剛開始踏上資訊科技職涯的人士。考生能夠驗證他們在各個 IT 領域中的知識，其中包含軟體開發、資料庫管理、網路與安全、行動與裝置管理、程式開發、編程與代碼、雲端運算以及人工智慧。
Certiport
TQC-WD-JavaScript (停考)
參照官網公告為基準
尚未查核發照單位
Master CIW Web Site Manager
CIW(Certified Internet Webmaster) 認證是目前唯一針對互聯網專業人員的國際權威認證。CIW培訓著重於技術水平的提高和商業實踐的具體運用，使企業在網絡商業環境中提高市場競爭能力。
Master CIW Web Site Manager精通管理網路伺服器與維護小、中、大型公司的網站。CIW是一種基於互聯網專業技能的培訓認證，適合設計、開發、管理、安全防護、技術支持互聯網及企業網相關業務的人士。
Prosoft Learning Corp.
Adobe Certified Flash Developer
Adobe Certified Flash Developer認證為Adobe所發之國際認證，針對動畫設計相關之核心應用能力，所規劃的認證項目。其協助網頁與動畫設計工作者，能有效使用 Flash 軟體進行動畫設計創作。
Adobe
網頁設計能力認證
| Web Page Design Application Certification
學習如何使用Html、CSS、Javascript 等網頁架設語法，考取題目以語法架設為主的學科與術科，幫助考生能在考取證照同時也能懂得架設網站的重點，必要的學習有助於未來從事網頁架設的工程師養成。
TIPCI臺灣國際專業認證學會
ITS HTML5 應用程式開發核心能力
| Information Technology Specialist: HTML5 Application Development
Information Technology Specialist（IT 資訊科技專家認證），簡稱 ITS，是Pearson VUE／Certiport 推出符合產業趨勢的初階資訊科技認證，涵蓋 IT 資訊技術、資料庫、軟體研發、新興科技四大領域，共十三個科目，透過 IT 資訊科技專家訓練課程，可驗證考生是否具備雇主所需的 IT 技能，幫助考生為未來職涯做好準備。
即使是國際性的專業認證、英文證書，但是在試題上可以自由選擇語系，因此，在國內的 ITS 認證考試亦提供有正體中文化試題，只要通過 Certiport 的認證考試，即頒發全球通用的國際性證書。
IT 資訊科技專家課程的目標對象為正在考慮或剛剛開始踏上資訊科技職涯的人士。考生能夠驗證他們在各個 IT 領域中的知識，其中包含軟體開發、資料庫管理、網路與安全、行動與裝置管理、程式開發、編程與代碼、雲端運算以及人工智慧。
Certiport
和 javascript 相關的測驗 (1)
和 javascript 相關的教室 (23)
教室Python
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
104學習
X School 軟體人才專業培訓機構
X School 與104學習精靈合作，在這邊分享 X School 網站上「資料分析、程式入門、全端開發、設計模式、技術分享、職場分享」等主題的文章。希望透過經驗豐富的業界師資，提供大家在學習軟體開發技能上的方向。
X編
精誠資訊恆逸教育訓練中心
精誠資訊恆逸教育訓練中心成立於1996年的恆逸教育訓練中心，是台灣資訊服務產業龍頭企業『精誠資訊』(台股代號6214)旗下事業群。恆逸深耕台灣IT教育訓練市場20多年來，以不斷引進各大國際原廠最新趨勢技術、擁有實力堅強的專業講師團隊，並結合職場需求的各種實用技能培訓，成為各大企業、政府單位、IT人員推薦進修的首選教育訓練中心。
精誠資訊恆逸教育訓練中心
六角學院
線上學習人數超過 30000人，大量真人線上助教群，線上陪伴你
不論你是任何背景，六角都有成功案例！
▪淺顯易懂、系統性教學
▪無限期觀看的影音內容
六角學院
104 TechCon 工程年會
104 TechCon工程年會
為工程社群年度盛會，由 104 ETC （工程技術委員會）籌辦，2022 為 104 TechCon元年。
活動旨在聚集各領域工程交流彼此經驗心得、分享最新技術發展、 並親身體驗社群獨有的熱情，徵求充滿影響力與感染力的你， 一起互相分享成果，讓我們技術更上一層樓。
更多消息請到網站：
2022年：https://techcon.104.com.tw/
2023年：https://techcon.104.com.tw/2023
一零四邦尼學習
電腦技能的領航員-碁峰資訊
最專業的作者團隊，出版品榮獲書店各大排行長勝軍。
資訊圖書 / 語文學習 /考試認證
程式設計 / Office軟體 / 網頁設計
影像繪圖 / 影音多媒體 / 商業行銷
碁峰資訊GOTOP