104學習精靈

網頁前端

網頁前端
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
「網頁前端：負責網站的視覺呈現與用戶互動體驗，透過CSS、HTML及JavaScript技術，優化網站性能及可用性。需與設計師、後端工程師密切合作，確保網站跨平台兼容性及流暢度。必須具備良好的跨部門協作能力、解決問題的能力，以及對最新前端技術的敏銳洞察力。了解台灣市場需求，能夠靈活應對本地客戶的使用習慣，是該職位的關鍵挑戰。」
關於教室
關注人數 0 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
學習主持人
持續分享知識，
有機會成為官方教室主持人
教室標籤
  • 網頁前端
    • 關於教室
    關注人數 0 人
    104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
    學習主持人
    持續分享知識，
    有機會成為官方教室主持人
    教室標籤
  • 網頁前端
    • Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
    我要分享
    我要提問

    網頁前端 學習推薦

    全部
    影片
    文章
    職涯學習課程專文推薦
    關注
    104學習精靈

    產品

    04/29 23:52

    【免費報名】零經驗↘只要19週↘您也可以轉職前端工程師。專業技術養成班｜線上開課說明會
    想轉換跑道當前端工程師，但又不知道如何開始?
    這麼多前端工程師課程，那些又能跟業界銜接?
    【非工程背景↘零經驗↘跨領域轉職】
    緯育TibaMeｘ104學習精靈 現正舉辦【跨領域轉職前端工程師。課程說明會】
    透過19週培訓課程，從基礎 → 進階，從進階 → 完成專題作品，協助您成功轉職！
    課程相關完整介紹搶先看：
    參加線上說明會，確認報名課程將可取得限定優惠!
    ⚡ 該優惠活動會於參加線上說明會，且於 緯育TibaMe 付款時享有。
    ⚡ 確認報名課程，可享 緯育TibaMe 相關付款優惠（例如：信用卡分期．．．等）
    真的！席次最後倒數！免費報名！相信自己一次！
    －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
    【報名截止日】
    🔴 5/06 (二) 20:00~21:00 | 報名到5/5 (一) 17:00
    🔴 5/07 (三) 14:30~15:30 | 報名到5/6 (二) 17:00
    🔴 5/13 (二) 20:00~21:00 | 報名到5/12 (一) 17:00
    看更多
    【免費報名】零經驗↘只要19週↘您也可以轉職前端工程師。專業技術養成班｜線上開課說明會
    meet.104.com.tw
    【免費報名】零經驗↘只要19週↘您也可以轉職前端工程師。專業技術養成班｜線上開課說明會｜104活動吧
    0 2 7283 0

    熱門精選

    職涯學習課程專文推薦
    關注
    104學習精靈

    產品

    06/13 12:46

    【免費報名：產品經理學習營說明會】零經驗轉職產品經理！有經驗PM累積產品作品資歷！｜商業思維學院X104人力銀行
    ▮ 產品經理職缺拆解大公開，學會有方法的準備面試、介紹作品
    ▮ 一次搞懂產品職缺與展現自己的最佳攻略，產品經理學習營帶你一起職涯升級！
    根據 104 人力銀行統計，近年來產品經理相關職缺在台灣增加了 50 % 以上，各種相關職缺中，如何切中要求的展現作品與經歷，面對面試或準備作品時，可以更好的展現長處，成為你是否能獲得理想 offer 的重要關鍵！
    ▮ 參與這場講座你將了解到
    1. 產品經理職缺拆解：不同的職缺要求，代表什麼意思，如何藉此展現自己的亮點？
    2. 產品經理學習營如何幫助同學累積產品資歷
    3. 學習營是什麼，有什麼特色？
    4. 學習內容與實作題目
    5. 如何參與與產出
    6. QA
    【不要錯過，趕緊來報名】
    看更多
    【免費報名：產品經理學習營說明會】零經驗轉職產品經理！有經驗PM累積產品作品資歷！｜商業思維學院X104人力銀行
    meet.104.com.tw
    【免費報名：產品經理學習營說明會】零經驗轉職產品經理！有經驗PM累積產品作品資歷！｜商業思維學院X104人力銀行｜104活動吧
    1 0 1737 0
    104學習精靈精選課程
    看更多課程
    想提升職場競爭力？專業技能課程看起來👇
    第一次就上手，前端工程新手指南
    在現代科技領域中，前端工程師扮演著關鍵的角色，負責開發各式網頁應用程式，並解決各種技術挑戰，這門課程將幫助你了解前端工程師的世界，教你如何找尋自己的職涯方向，準備面試等。課程將由專業的104 Alex老師帶領，提供實際的指導和支持，讓學員能夠快速成長為一名優秀的前端工程師！
    緯育TibaMe
    成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
    還在為網頁該如何設計煩惱嗎？在這門 HTML & CSS 課程中，將從 HTML 基本架構寫法開始，到 CSS 樣式撰寫，帶你完整認識並掌握各類語法，並透過實作練習，讓你學習如何完美操控 HTML & CSS，輕鬆打造網頁無負擔！
    緯育TibaMe
    成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)
    面對已經設計出來卻覺得還缺少東西的網站頁面，你還在持續苦惱中，且不知道該怎麼辦嗎？快來看看這門 HTML & CSS 下集課程。 此門課程將從上集的 HTML & CSS 基本概念繼續向外延伸，帶你掌握更多進階的網頁設計排版技術、動畫效果，去打造更有互動感的介面！
    緯育TibaMe
    學習精靈

    05/28 00:00

    youtube.com
    婚攝滷蛋 | 我的前端練習日常 | 網頁切版-常見版型練習
    34 0
    職涯學習課程專文推薦
    關注
    104學習精靈

    產品

    01/06 10:28

    【免費報名】零經驗↘只要19週↘您也可以轉職前端工程師。專業技術養成班｜線上開課說明會
    想轉換跑道當前端工程師，但又不知道如何開始?
    這麼多前端工程師課程，那些又能跟業界銜接?
    【非工程背景↘零經驗↘跨領域轉職】
    緯育TibaMeｘ104學習精靈 現正舉辦【跨領域轉職前端工程師。課程說明會】
    透過19週培訓課程，從基礎 → 進階，從進階 → 完成專題作品，協助您成功轉職！
    本課程將提供104報名會員優惠【確認報名課程可享報名再折$2,000】優惠
    ⚡ 線上說明會 | 緯育TibaMe的優惠，透過104活動吧報名，若確認報名課程，再享緯育TibaMe的優惠+再折$2,000
    ⚡ 呈上，該優惠活動會於 緯育TibaMe 付款時享有。
    ⚡ 確認報名課程，可享 緯育TibaMe 相關付款優惠（例如：信用卡分期．．．等）
    真的！席次最後倒數！免費報名！相信自己一次！
    －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
    【報名截止日】
    🔴 1/16 (四) 20:00~21:00 | 報名到1/15 (三) 15:00
    線上說明會連結與資訊，將於1/15(三)18:00 前陸續發送到您報名的電子郵件信箱。
    🔴1/21 (二) 20:00~21:00 | 報名到1/20 (一) 15:00
    線上說明會連結與資訊，將於1/20(一)18:00 前陸續發送到您報名的電子郵件信箱。
    看更多
    【免費報名】零經驗↘只要19週↘您也可以轉職前端工程師。專業技術養成班｜線上開課說明會
    meet.104.com.tw
    【免費報名】零經驗↘只要19週↘您也可以轉職前端工程師。專業技術養成班｜線上開課說明會｜104活動吧
    2 0 13539 1
    學習精靈

    12/26 00:00

    youtube.com
    網頁15天 / 前端轉職計畫 / 面試經驗分享
    8 0

    推薦給你

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

    產品

    06/12 16:49

    如何產出好的 Prompt？讓 AI 成為你真正的幫手+ 五種常用 Prompt 範本
    近年來，AI 工具如 ChatGPT、Claude、Gemini 等快速進入我們的工作與生活，不論是寫文案、總結報告、規劃行程，甚至是撰寫程式碼，只要下對指令（prompt），AI 幾乎無所不能。
    但問題來了：為什麼我問的問題，AI 給的回答總是不夠精準？
    這時候，你可能缺的不是一個更聰明的 AI，而是一個更好的 prompt。
    本篇文章將帶你一步步掌握「好 prompt」的四大原則 + 五種實用範本 + 常見錯誤避雷指南，幫助你從「AI 使用者」進階成「AI 操控師」。
    一、什麼是 Prompt？
    Prompt，簡單來說就是你對 AI 下達的「指令」或「提問內容」。
    它的形式可能是：
    一段文字（例如：「請幫我寫一封推薦信」）
    一個問題（例如：「如何向上管理主管？」）
    一組指令（例如：「用表格整理優缺點，並推薦最適合的解法」）
    Prompt 就像你對 AI 下達的任務說明書，越清楚、越有邏輯，AI 才越能對症下藥。
    二、好 Prompt 的 5大原則：CLEAR
    我們建議用以下的「CLEAR」五字訣，來檢查你的 prompt 是否足夠明確：
    C - Context（情境）
    提供背景資訊，讓 AI 理解你的角色、目的與任務脈絡。
    ➤ 例：「我是一位求職中的社會新鮮人……」
    L - Language（語氣與格式）
    指定你想要的語氣風格、格式形式或語言版本。
    ➤ 例：「請用輕鬆幽默的語氣」、「請用英文回答」
    E - End Goal（輸出目標）
    說清楚你想要的最終結果，讓 AI 知道你是要報告、表格、文案還是清單。
    ➤ 例：「我要一篇 500 字的部落格草稿」
    A - Action（動作）
    告訴 AI 你要它「做什麼」——例如撰寫、比較、總結、建議等。
    ➤ 例：「請幫我比較這三個方案的優缺點」
    R - Rules（規則）
    有特定限制或格式規範的話要明講，例如字數、語氣、格式或禁用詞。
    ➤ 例：「限制在 200 字內」、「不要使用專業術語」
    三、五種常用 Prompt 範本
    以下是五個實用的 prompt 模板，無論職場、學習還是生活應用都相當好用：
    1. 會議紀錄整理 Prompt
    「我是一名專案經理，以下是我們產品開發部門的會議紀錄。請幫我整理成正式內部報告，內容分為三段：1. 會議摘要（限 100 字內）、2. 決策事項（條列式）、3. 待辦事項（包含負責人與期限）。語氣請保持正式精簡。」
    2. 專案建議書撰寫 Prompt
    「我是一位行銷專案負責人，目前正在提報一個新品行銷提案，目標是提升產品曝光率。請幫我撰寫一份約 500 字的專案建議書草稿，包含以下四段：1. 專案背景、2. 行銷目標、3. 執行方式、4. 預期效益。語氣請保持專業、有說服力，採用第三人稱，不用提及預算細節。」
    3. 表格資料統整 Prompt
    「以下是三個工具的特性說明，請幫我整理成 5 欄表格（項目名稱、說明、優點、風險、建議採行對象），表格格式適合投影片簡報中使用，內容限於 20 字以內/欄，語氣請精簡明確，避免冗詞。」
    4. Email 撰寫 Prompt
    「請幫我撰寫一封給內部人資主管的 Email，主旨是：申請部門教育訓練預算。語氣正式但親切，內容包含三段：1. 教育訓練目的與效益、2. 執行時程與預估費用、3. 對團隊發展的幫助。結尾請加入敬語與簽名，整封信字數控制在 250 字以內。」
    5. 方案比較分析 Prompt
    「我是一位採購經理，正評估三個軟體工具供應商，目的是選出性價比最佳的方案。請幫我以表格形式，從五個面向（功能完整性、價格、技術支援、使用便利性、風險）比較三者，並以條列方式給出建議首選及選擇理由，語氣請保持客觀分析。」
    四、避免 3 個常見錯誤
    ◆問題太模糊：「幫我寫一下這個」，寫什麼？給誰看？用途是什麼？AI 根本抓不到重點。
    ◆輸出格式沒說清楚：你想要清單、表格、段落還是流程圖？請先講清楚。
    ◆一次問太多：AI 回答會變散亂。先拆解問題，一步步來，效果更好。
    Prompt 是一種新時代的溝通力
    AI 工具不會自動變成你的超能力，會提問、懂得溝通，才是未來的關鍵能力。
    把 prompt 當作你對 AI 的「任務設計」，越清楚，AI 越能「幫你幫到點上」。
    從今天開始，練習寫好 prompt，就是你打開 AI 潛力寶庫的第一步！
    看更多
    如何產出好的 Prompt？讓 AI 成為你真正的幫手+ 五種常用 Prompt 範本
    1 0 929 1
    你可能感興趣的教室