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

    11/12 00:00

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

    推薦給你

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

    產品

    10/28 11:57

    免費學跨境電商實戰 再領Amazon技能認證
    想跨足國際市場？由台北市進出口商業同業公會(IEAT)攜手亞馬遜推出免費「跨境電商營運課程」，從開店、選品、物流到廣告實戰全攻略。由亞馬遜官方講師授課，線上彈性學習，一年帳號不限次數，助你掌握海外開店核心技能，打造跨境新職涯！
    ▶️【零成本學習門檻 → 詳情請看】https://nabi.104.com.tw/ability/10049194
    ✅Q1：這門課程適合誰學習？
    A1： 本課程適合以下對象：
    1. 應屆畢業生：提升就業競爭力，進入熱門電商產業
    2. 在職工作者&欲轉職人士：轉職跨境電商領域，拓展職涯選擇
    ✅Q2：課程有哪些核心內容？
    A2：六大章節共15小時線上課程
    1. 基礎篇：跨境電商與傳統電商有什麼不同? 電商該賣什麼好? 如何啟動跨境電商生意
    2. 市場篇：什麼是流量?
    3. 流量篇：提升流量的系統化作法
    4. 文案篇：電商文案致勝要訣
    5. 物流篇：頭程物流&尾程物流
    6. 優化篇：如何進一步提升流量?打造成功國際品牌&銷售報表數據分析
    ✅Q3：學習方式是什麼？需要付費嗎？
    A3：免費學習，全面提升亞馬遜營運與銷售能力，完成線上報名並審核後，即可開通線上課程帳號權限，使用期限為1年
    ✅Q4：課程結束後可以取得證照嗎？
    A4：可以！完成課程學習後，學員可自費參加技能認證考試，線下鑑測費用每人600元/次，通過考核即可獲得證書，驗證你的專業實力
    ▶️【零成本學習門檻 → 詳情請看】https://nabi.104.com.tw/ability/10049194
    看更多
    免費學跨境電商實戰 再領Amazon技能認證
    nabi.104.com.tw
    CEPT-AMAZON亞馬遜跨境電商技能認證 : 電商營運課程｜亞馬遜全球開店 (Amazon...｜104證照中心
    0 0 1035 0
    你可能感興趣的教室