104學習精靈

前端工程師

前端工程師
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
「前端工程師：負責設計並實現網站或應用程式的用戶界面，確保最佳化的用戶體驗與網站性能。主要目標為與設計師和後端工程師密切合作，進行跨部門協作，以確保功能需求的有效實現。所需技能包括精通HTML、CSS、JavaScript等前端技術，並具備良好的溝通能力及問題解決能力，以適應快速變化的台灣科技環境及市場需求。此外，熟悉敏捷開發流程及版本控制工具（如Git）也是重要的加分項。」
關於教室
關注人數 2 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
學習主持人
持續分享知識，
有機會成為官方教室主持人
教室標籤
  • 前端工程師
    • 關於教室
    關注人數 2 人
    104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
    學習主持人
    持續分享知識，
    有機會成為官方教室主持人
    教室標籤
  • 前端工程師
    • Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
    我要分享
    我要提問

    前端工程師 學習推薦

    全部
    影片
    文章
    職涯診所

    04/07 17:45

    giver.104.com.tw
    後端工程師想轉職為前端工程師
    0 0 444 0

    熱門精選

    AI 趨勢報－科技愛好者的產地🤖
    關注
    104學習精靈

    產品

    10小時前

    🧠 Google 推出《提示工程》白皮書：教你和 AI 好好說話的秘密
    你是不是常常覺得 AI 回答有點答非所問，或者明明問題很簡單，回應卻一大篇繞來繞去？其實問題很可能出在——你怎麼問。
    這個月，Google 推出了由開發者關係專家 Lee Boonstra撰寫的《Prompt Engineering》白皮書（提示工程白皮書）。裡面不只是介紹怎麼寫 prompt，而是從原理到實戰，帶你一步步掌握「怎麼和 AI 說話」，讓 Gemini 模型真正幫上忙。
    📘 這本白皮書有什麼特別？
    這份 68 頁的白皮書不走理論路線，而是聚焦在實用的提示設計技巧，適合開發者、內容創作者、數位行銷人，甚至是剛接觸生成式 AI 的新手閱讀。
    它特別針對 Google 自家的 Gemini 大型語言模型（透過 Vertex AI 或 API 使用），整理出一系列好用又經過驗證的提示設計方法。裡面不只有說明，還有範例、應用情境和最佳實踐，非常實戰取向。
    🔍 白皮書重點：10 種好用的提示技巧＋範例
    1. 零樣本提示（Zero-shot prompting）
    直接發問，不提供任何範例，考驗模型的直覺理解力。
    例如：「解釋什麼是量子糾纏，用簡單的方式讓高中生也聽得懂。」
    2. 少樣本提示（Few-shot prompting）**
    提供一兩個例子，幫助模型模仿語氣與邏輯。
    例如：「請模仿以下範例撰寫商品文案：商品：極簡筆記本，特色：環保、可平攤、質感黑色。」
    3. 系統提示（System prompting）
    為整段對話設定角色與任務規則，常見於API使用開場。
    例如：「你是一位專業的職涯顧問，請根據用戶提供的履歷給出升遷建議。」
    4. 角色提示（Role prompting）
    讓AI扮演特定身份來產出對應語氣的內容。
    例如：「請扮演一位資深產品經理，分享你帶過最難忘的一場簡報經驗。」
    5. 上下文提示（Contextual prompting）
    給AI足夠的背景資訊，提升回應的準確度與實用性。
    例如：「背景：我正在為行銷團隊設計年度簡報。請幫我產出一頁‘趨勢預測’的內容，針對2025年AI行銷工具發展。」
    6. 思維鏈提示（Chain-of-Thought, CoT）
    引導AI按部就班地邏輯推理，特別適合用在數學、推理題。
    例如：「請逐步推理並計算出以下問題的答案：一台機器每天可生產200個零件，5台機器工作3天總共可生產多少？」
    7. ReAct提示（Reason + Act）
    結合「思考」與「執行」兩步，幫助AI先判斷再回應，甚至進一步執行行動。
    例如：「請先分析這篇文章的主題，再生成一條適合的SEO標題，並格式化成 Markdown 標題語法。」
    8. 自動提示工程（Automatic Prompt Engineering, APE）
    把寫提示這件事也交給AI，讓模型產出不同版本的prompt並自我優化。
    例如：「我想讓AI幫我撰寫商品評論摘要，請你幫我產生5組不同風格的提示語供測試。」
    9. 格式化輸出（例如JSON）
    讓AI輸出的內容有結構，便於程式處理與後續使用。
    例如：「請根據以下產品資料，生成對應的 JSON 格式資料，並保留key名稱。」
    10. 混搭風格與語氣（Styling & Tone Prompting）
    嘗試不同語氣、語言風格、格式等，找出最貼近任務需求的回應方式。
    例如：「請用輕鬆幽默的語氣，寫一段開場白，歡迎新員工加入我們的設計部門。」
    ✅ Google 推薦的提示設計做法
    Google在白皮書中也提供一些實用的提示撰寫建議：
    - 提供示例：能有效幫助模型模仿任務邏輯與語氣風格。
    - 保持簡潔明確：不囉嗦，重點清楚，避免語意模糊。
    - 明確下達任務：比起「幫我整理一下」，說「請幫我列成三點摘要」更有效。
    - 模組化撰寫：將提示寫成可重用模板，可大幅提升效率。
    - 控制輸出長度：使用像是「限50字內」「請用推文風格」的指令，有助掌控生成結果。
    🖱️ 資源整理
    - 🌐 [Lee Boonstra 官網](https://www.leeboonstra.dev/writing/)
    - 🎥 精華影片：[觀看影片]
    ✨ 總結
    這份白皮書不只是寫給工程師，它其實是一本「AI 溝通指南」，教你如何讓生成式模型變成真正的幫手。
    記住一句話：「會問問題的人，才是真正懂用AI的人。」
    無論你是日常使用者還是專業從業者，只要你懂得設計 prompt，AI 就能為你發揮超過預期的效果。
    🧠 Google 推出《提示工程》白皮書：教你和 AI 好好說話的秘密
    kaggle.com
    Prompt Engineering
    1 0 485 1
    104學習精靈精選課程
    想提升職場競爭力？專業技能課程看起來👇
    第一次就上手，前端工程新手指南
    在現代科技領域中，前端工程師扮演著關鍵的角色，負責開發各式網頁應用程式，並解決各種技術挑戰，這門課程將幫助你了解前端工程師的世界，教你如何找尋自己的職涯方向，準備面試等。課程將由專業的104 Alex老師帶領，提供實際的指導和支持，讓學員能夠快速成長為一名優秀的前端工程師！
    緯育TibaMe
    駕馭Azure OpenAI ｜ 微軟專家手把手教你打造 AI ChatBot
    重磅邀請微軟MVP KOKO老師，帶你了解Azure OpenAI雲服務，提供安全穩定的解決方案，更教導如何快速打造企業智能開發，涵蓋Azure的基礎使用、向量資料庫建構、學習大型自然語言模型應用框架LangChain，此外，加碼親授如何運用企業內部資料，打造獨一無二的企業客服。
    緯育TibaMe
    838 1
    六角學院
    關注
    六角學院

    老闆

    01/08 09:25

    【海外轉職前端】在菲律賓，從文職人員成功轉職前端工程師
    大學畢業後，Sophie 前往菲律賓工作，擔任文職人員長達五年。在即將邁入三十之際，決心學習一門專業技能，避免被時代淘汰。在職學習歷時一年，終於成功在菲律賓轉職前端工程師，讓我們一起來聽聽她是怎麼辦到的吧！
    📌 從菲律賓工作開始
    Sophie 大學畢業後，獨自前往菲律賓求職，在當地的語言學校擔任駐菲文職人員，一待就是五年。眼看三十歲即將到來，Sophie 開始思考自己的職涯規劃，在這個快速變化的職場環境中，她開始擔心自己的專業能力會不會被時代淘汰。
    剛好這時候，朋友成功轉職前端工程師，Sophie 在了解過後覺得可以試試看，雖然大學的時候有稍微接觸過程式設計，但其實不太熟悉。
    在朋友的推薦下，先看了六角在 YouTube 的免費課程，逐漸了解轉職前端工程師需要準備的知識技能，規劃了自己的學習計畫。
    📌 學習歷程
    因為在國外工作，無法選擇線下實體教學，Sophie 在選擇課程的時候，就先以預錄好的線上影音課程為主。但預錄的課程有個缺點 —— 遇到問題時無法馬上得到解答，這時候六角的直播課程吸引了 Sophie，她覺得這種學習方式，更有系統、即時互動性更高、更專注，於是選擇加入了切版直播班。
    💡
    Sophie 的學習路線是：
    切版直播班 > JavaScript 直播班 > Vue.js 直播班。每天花 1~2 個小時學習、做作業，遇到問題的時候，也會搭配 AI 工具解答，一年下來能看到明顯的進步。
    在六角的直播班除了每週一次的線上課程，其他時間就照著老師的作業，安排自己學習進度。除此之外，她特別強調「分組學習真的很棒，能跟組員一起討論真的很有幫助！」跟組員之間互助學習，遇到不會的地方會向他們請教，看到組員們進步，也會激勵自己要快跟上，這些互動不僅促進學習，也培養了團隊精神。
    📌 求職歷程：轉職第一份工作，先求累積經驗
    在 Vue 直播班 結業後，Sophie 開始在華人工作網投遞履歷，他也提到「履歷一定要老實寫，別想著過度美化。」因為面試時，很多主管會問你為什麼想轉職，這時候直說想學一技之長。其實主管都知道你是培訓班出來的新鮮人，所以通常對你會蠻友善的。
    另外，剛開始找工作，別太挑，重點是先累積經驗。Sophie 運氣很好，遇到的同事都很 nice，會輪流帶新人，她說：「這真的很重要，因為聽說有些公司對新人超兇的，可能就會消耗你的自信心。」
    📌 最喜歡六角的…
    最喜歡每週一次的助教解答時間，平常練習時遇到的問題，可以先記下來，到了每週固定時間就在 Discord 上一次問個夠，這種即時互動的方式，吸收效果會更好。
    另外也會參加每個月的「大神來六角」，聽聽看業界講師的經驗分享，總能學到不少東西。
    在海外上課難免會覺得有點孤單，不過，可能因為六角是南部的機構，我自己又剛好是南部人，總感覺特別親切，那時候雖然人在國外，但還是很依賴六角提供的學習資源，感覺就像有個溫暖的後盾一樣。
    📌 給學弟妹的話
    開始了就不要放棄，不管遇到什麼困難，堅持下去，自己就是贏家。
    說實在的，都 30 歲了還轉職，說不怕騙人，我自己也曾掙扎，但想想，不試試看怎麼知道自己行不行？給自己一個不一樣的挑戰，既然選了這條路，就咬牙撐下去吧。
    【海外轉職前端】在菲律賓，從文職人員成功轉職前端工程師
    0 0 1352 0
    3 0

    推薦給你

    AI 趨勢報－科技愛好者的產地🤖
    關注
    104學習精靈

    產品

    9小時前

    【ChatGPT寵物溝通實測】AI真的能讀懂毛孩心聲嗎？你一定要試試看！
    你以為只是好玩，結果卻忍不住泛淚！用【ChatGPT】幫我「翻譯」狗狗心聲的那一刻，我才發現牠一直都在默默愛我。現在，只要上傳你家毛孩的照片，幾個簡單的【寵物溝通】指令，就能讓ChatGPT模擬毛孩的語氣與心理，把你聽不懂的喵汪語變成句句感動的心聲。
    本文將告訴你怎麼用ChatGPT進行擬人化對話、解析行為異常、打造專屬的寵物日記，讓AI成為你與毛孩情感連結最強的翻譯員。
    步驟
    1. 打開ChatGPT，在提示欄對話框按下「+」號，上傳毛小孩的照片。
    2. 輸入以下指令，「你是寵物溝通師，告訴我，狗狗(貓貓)在想什麼？」
    3. 範例（可以加入更多資訊，包括姓名、年紀、拍照背景）：「你是寵物溝通師，告訴我，狗狗在想什麼？他是小Jo，今年5歲」
    你可以上傳更多你與毛小孩互動的照片或影片，讓ChatGPT更能模擬寵物說話的口吻。許多毛小孩已經過世的網友們實測ChatGPT寵物溝通指令後，一秒爆哭，甚至他們收到一封以毛小孩口吻發出的感謝信！讓主人們遺憾的心靈得到慰藉！
    愛寵物的主人們可以試試看！
    【ChatGPT寵物溝通實測】AI真的能讀懂毛孩心聲嗎？你一定要試試看！
    1 0 181 0
    你可能感興趣的教室