104學習

Web前端應用開發

Web前端應用開發
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
主要負責設計與實作網站或網頁的使用者介面，確保頁面在不同裝置和瀏覽器上都能順暢呈現並具良好互動體驗。需要熟悉HTML、CSS和JavaScript等技術，並懂得使用框架如React、Vue或Angular。這項技能對企業來說非常重要，因為它直接影響使用者的第一印象與操作便利性，進而影響品牌形象與業務成效。具備此能力的人才在數位轉型和網路行銷需求不斷增加的市場中，擁有較高的競爭力與職涯發展潛力。
關於教室
關注人數 0 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
學習主持人
持續分享知識，
有機會成為官方教室主持人
關於教室
關注人數 0 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
學習主持人
持續分享知識，
有機會成為官方教室主持人
Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
我要分享
我要提問

Web前端應用開發 學習推薦

緯育TibaMe
關注
緯育TibaMe

2025/06/26

0703免費直播 解鎖職涯全新可能，IT工程師!
低薪沒未來 vs. 高薪穩定，只差一個選擇的距離!
你是否也正面臨這些煩惱?
💰 薪水停滯不前，想要更好的待遇
🔄 工作內容單調沒有挑戰
⚠️ 擔心被AI取代，想掌握不可替代技能
🚀 看好IT產業前景，但不知道如何入門
成為IT工程師，就是你的最佳解方!
本場直播活動，將帶你一次搞懂從0到IT工程師，完整新手起步攻略🤩
無論你是剛踏出校園、待業中、在職中，只要你對自己的未來有更高期待，這場活動都適合你!
📍直播精彩內容預告:
✅ 2025年IT最新產業趨勢
✅ 前端vs後端vs資料工程差異大比拚
✅ 完整”學習到就業”轉職路徑規劃
✅ 真實轉職成功案例分享
✅ 線上Q&A問答
立即免費報名，開始你的全新未來✨
📅 直播時間：7/3（四）20:00 - 21:00
🌟直播報名： https://lihi.cc/ySlv8
看更多
0703免費直播 解鎖職涯全新可能，IT工程師!
0 0 1041 0
職涯學習課程專文推薦
關注
104學習

產品

2025/04/29

【免費報名】零經驗↘只要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 7860 0

104學習精選課程

想提升職場競爭力？專業技能課程看起來👇
成為前端工程師｜JavaScript 入門：帶你逐步培養網頁開發技能
從「網頁開發基礎知識」、「JavaScript 語法概念」開始入門，並透過王寧疆老師鉅細靡遺的完整教學，讓你深入了解 JavaScript 的物件、函式設計與應用，以及理解 JavaScript ES6 的版本差異，也經由實作練習累積經驗與穩紮你的基本功。
緯育TibaMe
工程師救星-用Bootstrap速成響應式網頁開發
微軟MVP講師兼暢銷作家蔡文龍老師，教你用Bootstrap速成響應式網頁。從基礎元件、響應式排版，再結合JavaScript、jQuery增加互動性；獨家傳授「整合ASP.NET MVC後端」技術，完成既質感且功能完整的RWD動態網站管理系統。穿插多種案例實作，不管是購物網、企業網站，你都能搞定。
緯育TibaMe

熱門精選

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

產品

19小時前

用 AI 把巴黎鐵塔變成「建築拆解資訊圖」的簡易教學 (含ai提示詞)
最近在 Pinterest、Instagram、小紅書上，開始流行一種很特別的建築圖片風格。
它不是一般旅遊照加濾鏡，也不是單純把照片變成插畫。
而是把整棟建築拆成像「建築博物館海報」一樣的分析圖。
例如巴黎鐵塔 除了保留原本外觀，還會把：塔尖、鋼構、觀景台、支撐結構、基座一層一層拆開。
旁邊甚至還會搭配：平面圖、剖面圖、材料分析、色彩分析、結構節點
整體看起來很像建築系展板，也有點像博物館裡的工程圖解。
而現在，這類圖片其實不用會 3D 建模，只靠 AI 就能做出來。
如果是第一次玩，
其實 ChatGPT 就很好上手。
因為它對：中文理解、建築資訊圖、海報版面相對穩定。
其實照片比 Prompt 更重要
很多人會一直修改 Prompt。
但實際上，
照片品質往往影響更大。
建議盡量使用：
◆正面角度
◆建築完整入鏡
◆白天清楚光線
◆不被樹遮住
◆遊客不要太多
AI 才比較容易理解整體結構。
※ 巴黎鐵塔版 Prompt（簡易版）
下面這段其實就能直接使用。搭配建築照片丟進 AI 工具即可
========================================================
請基於巴黎鐵塔照片，生成一張專業建築拆解資訊圖。
將巴黎鐵塔轉化為「爆炸軸測建築分析圖（Exploded Axonometric Diagram）」。
保留巴黎鐵塔真實比例、鋼構細節、觀景平台、塔身結構與基座。
將建築由上至下分層拆解：
◆天線系統
◆塔尖結構
◆上層觀景平台
◆中段鋼構
◆第一層平台
◆四腳支撐結構
◆基座與地基
◆周邊場地
畫面四周加入：
◆正立面圖
◆側立面圖
◆剖面圖
◆結構分析
◆材料分析
◆色彩分析
◆鋼構節點放大圖
◆工程標示與比例尺
整體風格為：
博物館級建築資訊圖
建築教材海報
工程製圖風格
白色背景
精密細線稿
淡彩渲染
高細節
低飽和配色
專業建築排版
文字全部使用繁體中文。
避免：
照片風格
科幻風
漫畫風
雜亂背景
AI錯誤結構
不合理透視
===================================================
不只巴黎鐵塔能玩 其實很多建築都很適合。例如教堂、古堡 、現代建築、現代建築等
一起動手試看看吧 ！
看更多
用 AI 把巴黎鐵塔變成「建築拆解資訊圖」的簡易教學 (含ai提示詞)
1 0 451 0
職涯學習課程專文推薦
關注
104學習

產品

2025/01/06

【免費報名】零經驗↘只要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 13949 1
你可能感興趣的教室