Wireframe 是什麼?認識網站 UI 設計排版草圖與資訊架構

Wireframe (線框稿)主要目的是溝通網頁的架構、內容、功能、行為、資訊階層,會用非常簡單的灰階顏色、線條、符號或框線,來表達網頁的排版架構。本文帶你學習以 wireframe 這個 UI/UX 呈現方式,研究如何透過 wireframe,傳達各種不同的使用者介面UI與體驗組件,比如資訊架構和排版。

運算思維4 步驟,如何培養 Computational Thinking

演算法 (Algorithm)是一系列有條理的步驟,能用於計算、解決問題、做出決定。 運算思維(Computational Thinking)是一個思考的程序。這篇文章就用實際的範例,帶你了解演算法和運算思維是什麼?以及學習他們的重要性。

HTML 語法教學,HTML 入門新手必學

HTML 是 Hypertext Markup Language 的縮寫,也就是「超文本標記語言」(請注意他是標記語言,不是程式語言)。HTML5是HTML的最新修訂版本,本文帶你了解HTML是什麼,以及快速攻略 HTML標籤。

Git與GitHub教學,認識軟體版本控制系統

Git 和 GitHub 是什麼?軟體開發常聽到的這兩個名詞有什麼關係?這篇Git和GitHub教學,將介紹工程師必備技能「版本控制系統」Git,還有以 Git 為核心技術基礎的「雲端版本控制服務平台」GitHub 該如何使用。認識軟體工程師的在軟體開發流程的頭號課題:如何管理程式碼。