商編: G2100270

多地區-Hahow 好學校| 從入門到業界實戰-UI/UX前端網頁設計| 線上課程9折優惠Ⓐ

台灣 - 台北

5k+人有興趣
TWD 2,499
選擇方案
即買即用
僅線上刷卡支付

立即訂購 Hahow 好學校 | 從入門到業界實戰 - UI / UX 前端網頁設計 享9折優惠 ! UI/UX/網頁設計師,是涵蓋台灣介面設計市場大多的共同需求,劃分不清,這堂課針對這樣的混亂氛圍,由多個業界講師帶大家進入這個領域,把握重點和知識,再順利轉換到業界實戰。 此課程將會從入門到熟練軟體技巧,最完整的網頁設計教學,也包括 UI 教學、Adobe Photoshop出圖、Zeplin、Sketch、Html、Css動畫、jQuery、SVG、RWD響應式設計、業界常用前端設計框架、程式碼管理、設計切版、開發流程等 教學應用。

選擇方案

使用效期 2020-12-31
適用年齡 成人:歲以上,兒童:4-11歲
產品規格 體驗時間:03:30(海上日出團)/08:00(上午陽光團)
憑證使用 電子憑證(現場出示QR code)

產品介紹


【 課程簡介 】

UI/UX/網頁設計師,是涵蓋台灣介面設計市場大多的共同需求,劃分不清,這堂課針對這樣的混亂氛圍,由多個業界講師帶大家進入這個領域,把握重點和知識,再順利轉換到業界實戰。 此課程將會從入門到熟練軟體技巧,最完整的網頁設計教學,也包括 UI 教學、Adobe Photoshop出圖、Zeplin、Sketch、Html、Css動畫、jQuery、SVG、RWD響應式設計、業界常用前端設計框架、程式碼管理、設計切版、開發流程等 教學應用。


【 課程大綱 】

單元 1 - 開始之前 — 該如何吸收此課程

單元 2 - 網頁介面的基本認識

單元 3 - 安裝 Sublime

單元 4 - 線上編輯器介紹

單元 5 - HTML, CSS 基礎 -- 透過sublime 建立第一份網頁格式

單元 6 - HTML, CSS 基礎 -- html 標示語言

單元 7 - HTML, CSS 基礎 -- 常見的標籤

單元 8 - HTML, CSS 基礎 -- 超連結標籤

單元 9 - HTML, CSS 基礎 -- css 樣式表

單元 10 - HTML, CSS 基礎 -- chrome 開發人員工具

單元 11 - HTML, CSS 基礎 -- safari 開發人員工具

單元 12 - HTML, CSS 基礎 -- css 選擇器

單元 13 - HTML, CSS 基礎 -- 樣式該聽誰的

單元 14 - HTML, CSS 基礎 -- 盒模型

單元 15 - HTML, CSS 基礎 -- 要先知道的屬性 -- display

單元 16 - HTML, CSS 基礎 -- can i use

單元 17 - HTML, CSS 基礎 -- 網頁初始化 -- reset

單元 18 - 網站微互動設計 -- position 定位方式

單元 19 - 網站微互動設計 -- position 定位方式 -- z-index

單元 20 - 網站微互動設計 -- transform

單元 21 - 網站微互動設計 -- 滑鼠效果

單元 22 - 網站微互動設計 -- 偽元素

單元 23 - 網站微互動設計 -- transition

單元 24 - 網站微互動設計 -- 初階按鈕實作

單元 25 - 網站微互動設計 -- 效果按鈕實作

單元 26 - 網站微互動設計 -- 動畫屬性及關鍵影格 animation, @keyframes

單元 27 - 網站微互動設計 -- 水波按鈕實作

單元 28 - 網頁動畫實作 -- 建立結構樣式

單元 29 - 網頁動畫實作 -- 分析動畫

單元 30 - 網頁動畫實作 -- 動畫撰寫(上)

單元 31 - 網頁動畫實作 -- 動畫撰寫(下)

單元 32 - 排版技巧 -- block, inline-block

單元 33 - 排版技巧 -- float 浮動排版

單元 34 - 排版技巧 -- 多欄位 inline-block 與 float 的差別

單元 35 - 排版技巧 -- flex 彈性排版

單元 36 - 排版技巧 -- 常見置中方式

單元 37 - 排版技巧 -- layuot 實作 spotify

單元 38 - 元件實作 -- 圖片框設定

單元 39 - 元件實作 -- 圖片的 object-fit 屬性

單元 40 - 元件實作 -- 顯示全圖的圖片框

單元 41 - 元件實作 -- 商品資訊卡

單元 42 - 元件實作 -- 導覽列實作

單元 43 - RWD 響應式設計 -- 設計重點

單元 44 - RWD 響應式設計 -- viewport 視野設定

單元 45 - RWD 響應式設計 -- media qurey 媒體查詢

單元 46 - RWD 響應式設計 -- 完美的響應式設計?

單元 47 - RWD 響應式設計 -- 響應式設定的排版精神

單元 48 - RWD 響應式設計 -- 格線系統

單元 49 - RWD 響應式設計 -- bootstrap 格線系統

單元 50 - RWD 響應式設計 -- pure.css 格線系統

單元 51 - RWD 響應式設計 -- material 格線系統

單元 52 - RWD 響應式設計 -- 以 spotify 練習

單元 53 - CSS 樣式管理 -- 說明

單元 54 - CSS 樣式管理 -- OOCSS

單元 55 - CSS 樣式管理 -- SMACSS

單元 56 - CSS 樣式管理 -- BEM

單元 57 - guideline 實作 -- guideline, atomic design 介紹

單元 58 - guideline 實作 -- css 目錄及 framework 檔案下載

單元 59 - guideline 實作 -- 重置、色票、功能 class

單元 60 - guidline 實作 -- 使用 google font 設定你的字型

單元 61 - guideline 實作 -- 快速放置 icon

單元 62 - guideline 實作 -- 將向量圖 icon 轉成字型吧

單元 63 - guideline 實作 -- 小元件 - 按鈕實作

單元 64 - guideline 實作 -- 純 css 彈跳選單

單元 65 - guideline 實作 -- 完成 guideline 元件

單元 66 - guideline 實作 -- 製作元件上的重點提示

單元 67 - jquery 插件 -- jquery 簡介

單元 68 - jquery 插件 -- Slider 插件

單元 69 - jquery 插件 -- 進場效果

單元 70 - jquery 插件 -- fancybox

單元 71 - jquery 插件 -- 其他插件及注意事項

單元 72 - jquery 插件 -- 插件很多要怎麼辦

單元 73 - 表單製作 -- 表單標籤介紹

單元 74 - 表單製作 -- 響應式表單設計

單元 75 - 表單製作 -- 表單微互動設計

單元 76 - 關於網頁現在才知道的事 -- 前端後端前台後台

單元 77 - 關於網頁現在才知道的事 -- 網頁要放哪裡

單元 78 - 關於網頁現在才知道的事 -- 頁面載入速度

單元 79 - 實作個人 CV -- 說明

單元 80 - 實作個人 CV -- 建立基礎設定

單元 81 - 實作個人 CV -- 實現視覺(一)

單元 82 - 實作個人 CV -- 實現視覺(二)

單元 83 - 實作個人 CV -- 實現視覺(三)

單元 84 - 實作個人 CV -- 加入插件及優化互動

單元 85 - 實作個人 CV -- 視差滾動插件

單元 86 - 實作 fullpage landing page -- fullpage 插件

單元 87 - 實作 fullpage landing page -- 建立外觀 1

單元 88 - 實作 fullpage landing page -- 建立外觀 2

單元 89 - 實作 fullpage landing page -- 視差滾動插件 2

單元 90 - 實作 fullpage landing page -- 響應式設計優化

單元 91 - 介面設計觀念 - UI/UX/IxD

單元 92 - 介面設計觀念 - 公司的開發流程

單元 93 - 介面設計觀念 - 設計師的開發流程

單元 94 - 介面設計觀念 - 設計原則(上)

單元 95 - 介面設計觀念 - 設計原則(下)

單元 96 - 介面設計觀念 - 資訊配置

單元 97 - Sketch基礎 - 安裝sketch、Craft、toolbox

單元 98 - Sketch基礎 - 畫板介紹

單元 99 - Sketch基礎 - 屬性區域

單元 100 - Sketch基礎 - 排版練習 simple styleguide

 

作業 1 - 從入門到業界實戰UI/UX/網頁前端設計的作業

【 老師介紹 】

📍 Louis

我是Louis,是位專案經理、前端工程師、UI/UX設計師。希望與你一起,分享解決學習上的困難。

 

- 課前資訊 -


【 需要準備的工具/軟體 】

一台電腦!!! (有mac最好,沒有也沒關係)

會使用到的軟體為:

  • sketch(for Mac) 若是要下定決心進入介面領域,強烈建議使用此軟體學習
  • sublime text3 (編譯器)
  • 以上都會有安裝教學的影片


【 需要具備的背景知識 】

本課程為零基礎,不需要任何先備知識~


【 學習成效 】

  • 從0到1的網站
    http://ui-ux-webdesign.com/hahow-course/CV_demo/
    http://ui-ux-webdesign.com/hahow-course/fullPageWeb
  • 理解 UI / UX
  • 熟悉專案流程
  • 做出自己的作品集
  • 了解設計視覺風格
  • 掌握基礎 icon適性設計或其他介面元件的設計
  • 讓設計成為可用的網頁技術
  • 釐清設計需求,減少溝通成本
  • 專案手刻切版、建置版型的能力
  • 交到兩個不斷自我挑戰的朋友XD (自肥


【 哪些人適合這堂課?】

任何想要學習的人

圖文介紹

【線上課程 9 折優惠】Hahow 好學校 | 從入門到業界實戰 - UI / UX 前端網頁設計

課程影音介紹

.

.

.

.

.

.

.

.

-更多消息-

如何使用

 Hahow 好學校|線上課程 📖

 📍 課程連結購買教學連結

 1. 完成購買後,系統將自動完成訂單並發送訂購確認信

 2. 收到通知後,請至您的信箱中查電子憑證 (附件PDF檔)

 3. 同時下單兩種課程則會收到兩則通知,以此類推

 4. 課程兌換碼將顯示於電子憑證之右上方,共 12 碼序號

 5. 前往 Hahow 官網,請先註冊 / 登入會員

 6. 依據操作說明,於課程頁面手動輸入全額折扣折抵兌換碼 ,即可開始觀看課程

-須注意事項-

注意事項

  • 商品訂購完成後,Hahow 課程序號將與電子憑證一同寄出,請依照「折扣折抵課程費用」說明兌換此課程。
  • Hahow 線上課提供 15 日彈性兌換時間,序號發送後 15 日內未兌換及末開通者,可訊息通知申請取消退款。
  • 由於序號僅限一次使用,訂單完成並收到序號後,如超過 15 天未兌換或已開通序號即無法退款。
  • 此商品屬「例外商品類別」不適用 7 天鑑賞期法規。屬排除 7 日解除權之合理例外情事:非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。
  • 完成購買後,系統將自動完成訂單並發送訂購確認信
  • 收到通知後,請至您的信箱中查看電子憑證 (附件PDF檔)
  • 課程兌換碼將顯示於電子憑證之右上方,共 12 碼序號
  • 前往 Hahow 官網,請先註冊 / 登入會員
  • 將課程加入購物車,於結帳頁面手動輸入全額折扣折抵兌換碼 ,即可開始觀看課程
看完整說明

常見問題 Q&A

票券是否有使用效期限制?
是的,使用效期: 遊玩日期當天有效
否,無使用效期限制
票券是否可以即買即用?
是的
現在購買票券是否享有折扣優惠?
否,目前暫時沒有優惠方案
票券適用的範圍有哪些?
可以在 台北 的服務據點使用
顯示更多

注意事項

◎ 線上購買後,請務必確認於E-MAIL中收到電子憑證兌換信後,方能代表訂購成功,出發前請確保已收到電子憑證兌換信並下載憑證攜帶至現場使用。
◎ 如為非預約型即買即用票券商品,收到憑證後即可至店家進行兌換使用,如為預約型需二次確認商品,依據各商品購買確認需1~3天等待時間(不含台灣及當地例假日),故請先行考量提前購票時間。
◎ 當地遊產品使用規定均依各產品現場使用說明公告為準,使用前請詳閱該票券之使用規定、使用方式、使用範圍及有效期限等。 
◎ 當地遊之優惠商品均有加註使用說明或限制事項,不得與其他優惠方案同時併用。
◎ 每筆訂購(以訂單編號為準)限發送一個聯絡人E-MAIL,恕無法拆分商品數量後寄送不同E-MAIL。
◎ 訂購人與收件人須為同一人,本公司於寄件前得與收件人聯繫確認收件人之地址及聯絡方式等資訊。
◎ 本產品售價均為優惠售價。如各供應商於官網有不定期優惠促銷售價可能低於本網站優惠售價,本公司恕無法接受任何關於差價之退費要求。
◎ 當地遊產品一經售出,指定日期或有標示使用效期產品不得退換、改票,如無使用期限之產品依其退改規定辦理之,且需憑原始購買憑證 (本網當初開立之旅行業代收轉付收據)辦理,並請自行負擔往來郵資與匯費。
◎ 訂購本網商品須遵守本公司會員規定,不得轉售或以不正之方式利用本網之商品或服務謀取個人利益,本公司有權保留暫停或終止會員資格及使用本網各項服務之權利,並依情節主動通報檢調單位。
◎ 建議您可視自身狀況自行決定是否投保個人旅遊平安險,為您的旅程多一份保障。