UX/UI差很多 ?！UI 設計師工作內容、必備技能
UI和UX千萬別混淆，簡單解釋兩者
☑UI(（User Interface）：專注於視覺設計和互動設計
☑UX（User Experience）使用者體驗：專注於使用者的整體體驗和感受
例如，一個銀行App的 UI 可能設計得非常漂亮，但如果需要點擊多個頁面才能完成轉帳操作，那麼這樣的UX就不會很好！
UI和UX千萬別混淆，簡單解釋兩者
2024年9月23日 星期一
UI和UX千萬別混淆，簡單解釋兩者
2024年8月20日 星期二
使用CSS創造影像立體排列動畫效果
文/顏怡宏 Bob Yen
只要是參訪過Apple官方網站的朋友，應該都會對Apple眾多產品的各式各樣網頁動態呈現方法感到驚豔，並且想要一窺究竟，但卻不得其門而入。例如在Apple的迷你喇叭HomePod mini頁面中，就會出現一個有趣的動畫，就是一開始只有一個橘色的HomePod mini在畫面中，如下圖。
但是接著產生了動畫，有四個不同顏色的HomePod mini竟然從後面向兩側竄出，形成立體排列的視覺效果，如下圖。
2024年3月6日 星期三
前端程式設計師必看，2024年JavaScript和TypeScript趨勢解析
.jpg)
在過去的七年裡，JetBrains 一直在進行開發者開發環境調查，努力找出開發者使用概況和主要使用技術。原始數據和分析報告我們都會在這篇文章提到，以便我們都能了解開發環境中發生的事情，今年的調查結果，很明顯重點是 JavaScript 和 TypeScript。
調查輪廓
我們的 2023 年開發者開發環境調來自世界各地 26,348 名開發者的見解，從程式語言、工具和技術到有用的人口統計和有趣的事實。
👉👉JavaScript 見解
【JavaScript 使用趨勢】
該調查再次報告 JavaScript 成為 2023 年最常用的程式語言，連續七年成為使用最多的語言。 這可能是因為 JavaScript 的門檻比較低，為許多前端 Web 開發提供了容易使用的條件。 有趣的是，它的使用占比在過去三年中每年都略有下降，這可能是未來變化的預兆，因為這種下降與 TypeScript使用占比的上升同時發生。
【JavaScript 用戶通常會開發什麼？】
80% 的 JavaScript 開發人員主要是網頁開發；使用 JavaScript 開發的第二個最常見的產品是應用程式（用於小任務的應用程式）。 只有少數使用 JavaScript 來開發其他類型的軟體。86% 的 JavaScript 開發人員從事前端項目，34% 也參與後端專案。
【JavaScript 和 TypeScript 程式碼編輯器和 IDE】
調查結果顯示，受訪者有很大一部分 (51%) 使用 Visual Studio Code進行 JavaScript 和TypeScript 開發。第二受歡迎的工具是 WebStorm (21%)，緊隨其後的是「另一個基於 IntelliJ 的 IDE」(16%)，也稱為 JetBrains IDE，其中包括 PyCharm、IntelliJ IDEA、GoLand 和 PhpStorm。
如果您想知道是否應該使用程式碼編輯器或 IDE，答案很簡單：您可以使用兩者，並根據您正在處理的任務在它們之間進行切換。對於快速編輯或較小的項目，程式碼編輯器可能是更好的選擇，而在處理大型專案或複雜任務時，IDE 往往更多人喜歡。
【JavaScript 框架首選】
JavaScript框架和函式庫在 JavaScript開發者社群中很流行，只有 8% 的 JavaScript 開發者表示他們不使用框架和函式庫。框架和函式庫協助簡化開發複雜和互動Web程式。在這些框架中，最受歡迎的是React，有 57%的 JavaScript 開發人員用React；第二個受歡迎的 JavaScript 框架是 Vue（32%），第三位是 Next.js（27%）。 Angular 和 Express（20%）並列第四名。框架的選擇很大程度上取決於專案的特定要求和團隊的偏好。
【React最受歡迎的原因】
React 於 2013 年 5 月 29 日首次發布。雖然它不是第一個框架，但它確實受益早期推出並成為第一個具有良好功能的大型框架。又因為早期很大量開發人員的使用， 這些開發人員希望React能滿足他們的需求，React因此不斷發展，滿足更多開發人員，也成功站穩市占率。
React 與其他 UI 框架一樣，遵循基於元件的架構，其中 UI 被建構為可重複使用元件。 這種模組化方法使管理和維護程式碼變得更加容易，並提高了應用程式不同部分的程式碼可重用性。
React使用 JSX，它是 JavaScript 的語法擴充。 JSX 允許開發人員在 JavaScript 中開發類似 HTML的程式碼，由於大多數使用者熟悉相關概念，因此開發起來更加容易。
React 非常靈活，可用於各種專案類型，小型單頁應用程式到大型複雜的 Web 應用程式都適用，其靈活性使其成為各種開發場景的好選擇。
【模組捆綁器(Module bundlers)】
模組捆綁器是 JavaScript 開發人員的寶貴工具。可以讓開發者以互相了解的方式打包檔案和資料庫之外，它們還能夠顯示出彼此的依賴關係。就像解析器一樣，模組捆綁器通常會在初始化時檢查所有依賴關係的檔案，確保運作程式時所需的檔案是否可用，除此之外，它會處理模組中的每個檔案，並為它們建構一個依賴關係圖。
完成後，模組捆綁器會將這些模組合併到一個檔案中，該檔案在「output」配置參數中指定、並維護所有模組的登錄冊，以便開發者可以在需要時正確呼叫/執行它們。
2023 年的頂級模組捆綁器是 webpack，有 57% 的 JavaScript 開發人員使用它。Webpack 已經存在 10 年了，並且不斷發展以滿足開發者不斷變化的需求。也就是說，隨著人們尋求透過更簡單的設定獲得更好的效能，我們開始看到 Vite (38%) 和 esbuild (11%) 等替代方案得到更廣泛的採用。
【JavaScript 開發人員面臨的挑戰】
JavaScript 仍然存在一些挑戰，但社群也持續致力於解決這些問題。例如，非同步模型隨著 async/await 的引入而得到改進。隨著主要函式庫和框架日趨成熟並互相汲取靈感，函式庫和框架的疲勞感有所減緩。無論你喜歡與否， JavaScript 缺乏強類型(strong typing) ，這仍然是一個有待解決的問題，但隨著 TypeScript的出現，提供了一個輕鬆實施一種替代方案。
👉👉TypeScript 見解
【TypeScript 的採用和成長】
JavaScript 是一種動態類型語言，目前已經大量使用，但這代表開發人員普遍認為城市出錯只能在運行時發現。現有一種更為安全的TypeScript的使用趨勢，這可以提升整體開發人員體驗以及開發人員對程式碼的信心。 這不僅可從TypeScript多年來越來越多的採用中看出，也可以從開發人員使用TypeScript的用途上與JavaScript的重疊亦可看出端倪。
【為什麼人們會從 JavaScript 轉向 TypeScript？】
TypeScript是一種具有靜態類型的 JavaScript 超集合語言，目的與 JavaScript 專案良好互通，並且可以幫助團隊逐步遷移現有專案。TypeScript也遵循 ECMAScript 標準，支援最新的 JavaScript功能。這表示開發人員可以在瀏覽器廣泛支援之前，就能提前使用未來 JavaScript版本規格的功能。 TypeScript 目前的穩定版本是 5.3.2，TypeScript5.4 預計將於 2024 年 3 月發布。
👉👉結論
JavaScript 和 TypeScript開發生態系統不斷發展。 它已不再是2016年的模樣 - 技術、框架、語言和函式庫，現在開始日趨成熟，開發人員的喜好日漸中出現了共通點和趨勢。 像 WebStorm 這樣的工具將繼續發展和改進，以幫助開發人員充分利用他們的程式碼並有效地使用 JavaScript 和 TypeScript。
💪💪💪課程推薦
2023年12月14日 星期四
Figma教學-用Figma製作原型Portotype的技巧
作者：李啟宏 精誠資訊 恆逸教育訓練中心 資深講師
使用者介面的開發者對於產品一定有各式各樣的想法，並盡力讓使用者覺得產品「好用」。但開發者該如何確定目前產品設計走向能讓使用者覺得好用？可以透過Figma來製作原型Prototype測試使用者想透過產品完成某項任務時，需經過哪些頁面的流程；觀察使用者在操作過程中是否有感到任何不順或遲疑的地方等等。
