104學習精靈

frontend

frontend
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
「frontend：負責設計與實現網站或應用程式的使用者介面，確保良好的用戶體驗與互動效果。主要責任包括協作開發前端架構、優化頁面效能以及與後端開發人員緊密合作整合應用程式介面。技能要求包括熟悉HTML、CSS、JavaScript及其框架（如React、Vue），具備優秀的跨部門協作與溝通能力，能靈活應對快速變化的市場需求及使用者反饋。在台灣職場中，理解本地消費者行為與文化差異，能針對特定需求進行產品調整，具備敏捷開發思維將使該角色更具競爭力。」
關於教室
關注人數 0 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
學習主持人
持續分享知識，
有機會成為官方教室主持人
教室標籤
  • frontend
    • 關於教室
    關注人數 0 人
    104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
    學習主持人
    持續分享知識，
    有機會成為官方教室主持人
    教室標籤
  • frontend
    • Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
    我要分享
    我要提問

    frontend 學習推薦

    全部
    影片
    文章
    下班後的產品工程師
    關注
    Larry

    Software Engineer

    2023/06/03

    3 個學習前端時，重要的程式框架
    今天介紹的程式框架主要都跟物件導向有關，雖然 JavaScript 不是純物件導向的程式語言，甚至有些流行的前端生態系還推薦使用 functional programming，但這些原則並不會因為不是物件導向而不適用。分享給各位。
    👉 #SOLID原則
    SOLID 原則是由單一功能原則（Single responsibility principle）、開放封閉原則（Open/Closed Principle）、里氏替換原則（Liskov Substitution principle）、介面隔離原則（Interface-segregation principles）、依賴反轉原則（Dependency inversion principle）的首字母組成。這五個原則在理解上可能會需要搭配範例，我們有機會再另外專門解釋（咦？）
    SOLID 原則有助於後面要介紹的程式框架以及先前《3 個成為前端工程師後，發現的好處》提到日常生活中的案例的概念抽象化。
    👉 #DRY原則
    Don’t repeat yourself 的簡稱，工程師就是一群懶惰的人，能夠用一段程式碼完成的任務，就不會想要重複寫兩次在不同的地方。這裡指的重複不光是程式碼的重複，還包含了程式碼的任務重複。與之相對的就是要避免 WET（Write everything twice）。
    👉 #Design #Patterns
    在《從 0 到 1 成為前端工程師的 3 本推薦書籍》也有推薦 Design Patterns，如果處理的功能越來越複雜，使用 design patterns 裡介紹的方式來撰寫程式可以減少重工或是耦合的問題。
    這篇文章介紹的程式框架也許不是「框架」，而是前人發現在撰寫程式時，如果有符合這些原則或是模式來進行開發，可以減少後續需求變更／需求增加時，要修改原有程式的開發成本，推薦給各位讀者。
    看更多
    0 0 514 0

    熱門精選

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

    產品

    09/05 14:03

    【AI課程推薦】從零到上榜：最值得投資的 iPAS AI 應用規劃師課程
    你是否正在為考取 iPAS AI 應用規劃師認證而努力？
    不論你是職涯轉換的新鮮人、正在準備升遷的在職人士，或是想提升 AI 導入與數位優化能力的專業工作者，這門由 104學習精靈 所推出的 「iPAS AI 應用規劃師｜速攻考點 × 模擬實戰 × GPT刷題一次通過」 課程是極佳起點。
    為什麼值得投資這門課？
    ⚡內容精準、高效導向：課程透過考照重點整理、模擬題實戰與 GPT 工具輔助刷題的方式，清楚聚焦於考試所需的思維與答題方式，讓你在最短時間內掌握題型邏輯與解題技巧。
    ⚡彈性又實用的學習模式：全課程提供線上觀看（不限次數），長達 1 小時 17 分鐘，你可以依自己的時間彈性安排學習節奏，也方便重複觀看複習，有效提升吸收率。
    ⚡課程價格親民、折扣誘人。
    ⚡幫助履歷加分：可在履歷或社群形象中展現你的學習力與 AI 導入技能。
    適合對象：
    🟢準備挑戰 iPAS AI 應用規劃師認證的考生：無論是初試啼聲還是想一次通過，本課程包羅必考精華與應試策略。
    🟢需要快速掌握 AI 應用與規劃技能的職場人：這門課提供即戰力的工具與思維模式，有助於你在工作中靈活應用 AI。
    🟢時間有限但期待高效學習者：短時長卻切中重點的課程設計，符合繁忙生活中仍希望進修成長的需求。
    推薦學習策略：
    🔥明確目標設定：在觀看課程前，先了解 iPAS AI 應用規劃師的考試結構與題型，設定明確的通過目標，協助你更專注於課程內容。
    🔥循序成長、反覆鞏固：第一次著重於整體了解，第二次重點推敲難題與 GPT 解題技巧，讓學習更立體且記憶更深刻。
    🔥實戰模擬 + 筆記整理：利用課程中的模擬實戰，加速答案邏輯的形成；同時整理筆記、歸納錯誤或重點，打造個人考前複習攻略。
    🔥結合履歷，展現實力：完課後將「iPAS AI 應用規劃師完訓證明」或重點學習心得融入履歷或社群平台，提升曝光與職場競爭力。
    如果你正在積極準備 iPAS AI 應用規劃師認證，或希望強化在 AI 領域的實務應用能力，這堂課無疑是你的最佳選擇之一。趕緊把握早鳥價，用高效策略搭配實戰演練，讓 GPT 成為你的刷題小幫手，助你一次通過、掌握職涯新門路！
    【課程優惠】2025年9/30前享49折券現折!!
    看更多
    【AI課程推薦】從零到上榜：最值得投資的 iPAS AI 應用規劃師課程
    user266414.pse.is
    iPAS AI應用規劃師｜速攻考點 × 模擬實戰 × GPT刷題一次通過｜104獨家線上課－iPAS課程│104課程中心
    1 0 2662 0
    學習精靈

    11/12 00:00

    youtube.com
    什麼是 前端？後端？全端？軟體工程師 該走哪端好？【電腦說人話】 | Frontend, Backend, or Fullstack? Also... Hi, I'm back!
    476 5
    下班後的產品工程師
    關注
    Larry

    Software Engineer

    2023/06/02

    3 個成為前端工程師後，發現的好處
    👉 別人網站跑版了？沒事，我懂……辛苦了（拍）
    前端工程師除了要負責資料傳遞至後端的任務外，也需要思考資料在網站上的呈現及狀態變化，因此對於極端情境的使用者操作也是需要花心思考慮的。但現實情況下，不見得所有的情境都有辦法在實作前被盤點出來，也不見得是所有的情境在時限內可以被解決。因此看到別人的產品出現跑版、差 1px, 2px 沒有對齊……都變得可以理解。
    每次看到都會想跟那個產品的工程師說：嘿！我知道要所有情境都設想周到很難，我懂的，辛苦了（拍拍），持續改進就好。
    👉 #拆任務 拆得上手，生活中也可以
    在開發過程中，不太可能一個開發週期就只負責一個任務，這樣（把 story 直接當成 task 的）風險太大了。因此都會將任務拆分成更小的 tasks，然後把每個任務該負責的範疇、交付物定義清楚（其實就是 WBS 的概念）。
    這也幫助到我在日常做事時，如果有遇到比較模糊不清的狀況時，能夠拆分成數個小 tasks，然後再將 tasks 陸續完成。
    👉 可以幫忙處理網頁上遇到的小問題
    我家人曾經想要列印求職平台的履歷，但不想要有求職平台的 header, footer。這時候我就用 F12 大法，將瀏覽器的開發者工具打開，接著將平台的 header, footer 都刪掉，然後再選擇列印，解決家人的需求。中間家人還一度警告我不要把人家的網站弄壞了（才沒壞，重新整理頁面就正常了不是嗎）。
    有時要登入 App 但忘記自己的密碼是什麼，我就會先打開網站，把密碼欄位先改成 type="text" 然後再複製到 App 上。
    看更多
    0 1 106 0
    學習精靈

    03/21 00:00

    youtube.com
    製作Tesla網站！GSAP/CSS動畫/前端(Frontend)開發教學
    4 0

    推薦給你

    職場熱門證照排行榜
    關注
    104學習精靈

    產品

    7小時前

    2025年8月 求職熱門證照Top10大公開
    透過104人力銀行「找工作」與「學習」的兩大行為數據中，整理出近期熱門證照排行Top10，不僅涵蓋了會計、工程、AI應用等多元領域，更顯示證照能顯著提升求職者的面試邀約。
    🟡 Top1 丙級會計事務技術士 🔺面試邀約提升：1.4倍
    • 適用職務：會計助理、出納、報稅人員
    Q：這張證照的通過率如何？
    A： 根據勞動部2023年（民國112年）的資料，該證照的通過率為52.6%。
    🟡 Top2 公共工程品質管理人員 🔺面試邀約提升：約 3倍
    • 營建施作類職務需具備
    Q：誰需要考公共工程品質管理人員證照？
    A：凡參與公共工程，需擔任品管人員（如施工、監造、管理等工程從業人員），都必須參加由工程會或其委託訓練機構舉辦的公共工程品質管理訓練課程，並取得結業證書。持證逾四年者，須再參加回訓並取得最近四年內之回訓證明，才可續任品管人員。
    🟡 Top3 生成式AI課程認證 【未來職場必備技能】
    • 適用職務：AI應用、行銷、資料分析
    • 免費線上課程通過測驗後可獲得完課徽章 https://nabi.104.com.tw/ability/10048799
    Q：沒技術背景可以學嗎？
    A：可以！課程為初階入門，適合想了解AI應用的新手
    🟡 Top4 TOEIC (多益測驗) 🔺面試邀約提升：50%
    • 適用職務：業務、貿易類工作、海外職位
    Q：幾分以上比較有用？
    A：104 職缺數據顯示，主管與專業職中，有超過一半要求具備英文實力。而其中若有附上多益成績，往往能幫助履歷更快被看見。
    特別是多益分數達到 700 分以上者，獲得面試邀約的機率平均可提升 20% 以上。
    ▶️【點我免費做英文模擬測驗】https://nabi.104.com.tw/assess/toeic
    🟡 Top5 總幹事證照 事務管理人員 🔺面試邀約提升：1.3倍
    • 適用職務：社區總幹事、大樓管理員
    Q：誰需要考總幹事證照？
    A：凡欲從事社區公寓大廈管理的總幹事工作者，必須取得此證照，依據《公寓大廈管理條例》規定，通過中央主管機關舉辦的事務管理人員講習並考試合格，才能合法擔任總幹事，負責社區組織運作、公共安全及財務管理等工作。
    🟡 Top6 乙級就業服務技術士 🔺面試邀約提升：1.1倍
    • 適用職務：人力資源類人員
    Q：證照專業度如何？
    A：這是人資領域唯一的國家級證照，專為人力銀行、人力仲介從業人員及企業人資招募專員設計，持有證照有助提升職涯發展機會。
    ▶️【點我免費做線上模擬測驗】
    🟡 Top7 丙級中餐(葷食)烹調技術士 🔺面試邀約提升：99%
    • 適用職務：廚師、餐飲人員
    Q：丙級中餐(葷食)烹調技術士證照通過率如何？
    A：通過率大約79%至80%，只要熟悉考試題庫要求並掌握基本烹調技巧，通過機會高。
    🟡 Top8 乙級職業安全衛生管理員 🔺面試邀約提升：近4倍
    • 適用職務：環境安全衛生類人員
    Q：證照專業度如何？
    A：取得此證照證明持有人具備評估職場安全風險、規劃安全措施及事故預防的專業能力，考試內容包含眾多專業知識與技能，證照在職場上的認可度和價值均較高，尤其適合想專注於職業安全衛生管理領域的人士參考。
    ▶️【點我免費做線上模擬測驗】
    🟡 Top9 照顧服務員單一(丙)級技術士 🔺面試邀約提升：1.6倍
    • 適用職務：長照、看護助理、照服員
    Q：證照專業度如何？
    A：經由政府主管機關依法規範的技術士資格，證照專業性與實務性並重，對從事長照相關工作者來說，是基礎且必備的專業認證。
    ▶️【點我免費做線上模擬測驗】
    🟡 Top10 丙級電腦軟體應用技術士 🔺面試邀約提升：40%
    • 適用職務：MIS、IT助理、行政文書
    Q：證照考什麼？
    A：考試包含學科與術科兩部分，評估應檢人具備基礎電腦知識並能操作辦公室常用軟體的能力，適合從事文書、資料處理等相關工作者。
    熱門證照不只是加分，更是求職轉職的入場券
    想查熱門證照、掌握報名資訊與考古題？立即造訪【104證照中心】https://nabi.104.com.tw/certify
    看更多
    0 0 223 0
    你可能感興趣的教室