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 515 0
    104學習

    11/12 00:00

    youtube.com
    什麼是 前端？後端？全端？軟體工程師 該走哪端好？【電腦說人話】 | Frontend, Backend, or Fullstack? Also... Hi, I'm back!
    482 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 107 0
    104學習

    03/21 00:00

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

    推薦給你

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

    產品

    09/30 13:26

    2025.9月證照排行榜：AWS、AI認證引領職場新趨勢
    104學習近一個月用戶數據顯示，AWS雲端認證、AI人工智慧證照成為求職轉職及提升職場競爭力熱門首選。從基礎級的雲端從業人員到進階的解決方案架構師，再到新興的Gemini認證與生成式AI課程，科技類證照需求大幅領先傳統會計、多益等證照，反映企業對數位人才的迫切需求。
    ❇️Top1 AWS 認證的雲端從業人員-基礎級認證
    通過率約為70%，此級別對於初學者友好，專門為對雲端相對陌生，且可能沒有資訊科技 (IT) 背景的考生而設計，本考試旨在幫助銷售、行銷、產品或專案管理等業務線的角色取得對 AWS 雲端的基本了解。
    ❇️Top2 AWS 認證的人工智慧從業人員-基礎級認證
    此認證專為 AI 領域初學者設計，適合行銷、產品管理、教育等非技術職位者。考試內容包括機器學習、生成式 AI、倫理與應用場景，通過率約 65%
    ❇️Top3 Gemini 認證教師證書
    專為教育工作者設計，證明持有人具備Gemini相關教學能力及專業，推動數位學習與課程設計。
    ❇️Top4 AWS 認證的解決方案架構師-助理級認證
    適合具備一年以上 AWS 使用經驗者，聚焦成本與效能最佳化設計。無需程式實作背景，是雲端架構職涯的重要跳板。
    ❇️Top5 生成式AI課程認證
    目標是讓學習者掌握生成式AI的基礎概念、實際應用及工具操作能力。內容包括大型語言模型（LLM）、生成式AI如何提升工作效率，以及Google Cloud的相關技術應用。
    ❇️Top6 公共工程品質管理人員 ↗️面試邀約提升：約 3倍
    凡參與公共工程，需擔任品管人員（如施工、監造、管理等工程從業人員），都必須參加由工程會或其委託訓練機構舉辦的公共工程品質管理訓練課程，並取得結業證書。
    ❇️Top7 丙級會計事務技術士 ↗️面試邀約提升：1.4倍
    ▶️【點我免費做模擬測驗】
    中小企業與事務所普遍需求的財會基礎證照，內容包含帳務處理、報表編製與基本稅務實務。適合準備從事會計助理、出納、財務行政等工作的求職者。根據2023年（民國112年）勞動部資料，該證照通過率為52.6%。
    ❇️Top8 AWS認證的開發人員-助理級認證
    適合具備一年以上程式開發經驗者，考核使用 AWS 服務進行應用程式開發與部署能力，是雲端工程師與後端開發者提升職場競爭力的重要認證。
    ❇️Top9 TOEIC (多益測驗)
    ▶️【點我免費做模擬測驗】https://nabi.104.com.tw/assess/toeic/
    多益成績已成為企業判斷求職者英語能力的標準，特別是外商公司。建議考取750分以上，若能獲得金色證書（860分以上），更能在職場競爭中脫穎而出。尤其對有志於外商企業、跨國集團或海外派駐的人才而言，TOEIC成績更是履歷的重要加分項。
    ❇️Top10 丙級電腦軟體應用技術士
    行政助理、文書處理等職位的重要加分證照，通過率近六成。報考資格：年滿15歲或國民中學畢業即可報考。
    想查熱門證照、掌握報名資訊與考古題？立即造訪【104證照中心】https://nabi.104.com.tw/certify
    看更多
    0 0 1120 2
    你可能感興趣的教室