104學習

frontend

frontend
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

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

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

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
看更多
0 0 1035 0
你可能感興趣的教室