LINE購物 價格追蹤APP
商店加碼、商品低價即時通知
LINE購物
價格追蹤APP
立即體驗
動畫互動網頁特效入門(JS/CANVAS)
2,500

動畫互動網頁特效入門(JS/CANVAS)

10% 購買約可得250點
Hahow 好學校-線上課程平台

Hahow 好學校-線上課程平台

更多

消費提醒: (1) 精選課程 需透過 LINE 購物前往 Hahow 好學校官方網站消費,並在同一瀏覽器於 24 小時內結帳,方享有 LINE POINTS 回饋資格。 (2) 唯有「精選課程」(https://hahow.in/apselect-event)和「指定活動頁面課程」符合回饋資格,在此頁面外的課程皆不符合LINE POINTS 回饋資格,或可以於 LINE 購物商店直接搜尋課程名稱,確認是否符合回饋,自行連結至他處所購買之課程將不會回饋 LINE POINTS 點數。 (4)點數回饋上限以單筆訂單計算。 (5)取消訂單或退貨行為,不具贈點資格。 (6)點數將於付費並無退貨後 30 天前後發送, 是否符合回饋資格請洽 LINE購物客服詢問 。

加入購物車

分享

2,500近期未降價,現在買不吃虧現在買不吃虧
$2,500歷史高價最高價$2,500歷史低價最低價

相關文章

越怪代表越愛你!盤點12星座戀愛時的「小怪癖」,牡羊座就是喜歡嚇你,「這三個星座」忍的了才是真愛!
越怪代表越愛你!盤點12星座戀愛時的「小怪癖」,牡羊座就是喜歡嚇你,「這三個星座」忍的了才是真愛!
「戀愛很奇怪,但他更奇怪!」,你的另一半是否也有些奇怪的行為讓人無法理解呢?也許這份小怪癖其實是他對你獨有的寵愛,雖然真的...
87,951人已觀看
總不理智說分手!馬上後悔的3個星座男~之遠在上演復合又分手的戲碼!
總不理智說分手!馬上後悔的3個星座男~之遠在上演復合又分手的戲碼!
一段感情如果要分手,一定要深思熟慮後在做決定,但有些人呢。在他們眼裡,分手是小事,總是說分手。衝動!可一旦真的分手了,主動...
99,736人已觀看
結婚選他最踏實!不只愛情還能給你麵包的星座,加碼推薦新婚必備好物
結婚選他最踏實!不只愛情還能給你麵包的星座,加碼推薦新婚必備好物
「想找個人踏踏實實過日子」是很多人對結婚對象的必備條件,但人海茫茫、人心難測,而自己也可能因為愛而盲目,怎樣才能尋到一個符...
81,935人已觀看
2022下半年人見人愛5星座曝 「第一名」家庭、事業兩得意
2022下半年人見人愛5星座曝 「第一名」家庭、事業兩得意
時光飛逝,2022年已過了將近一半,有不少網友期待在今年能夠一展鴻圖,在工作上有所成就。命理塔羅專家小孟老師就在臉書粉專「...
45,416人已觀看
知道沒有結果也依然放不下感情的星座,追求好桃花必靠這好物
知道沒有結果也依然放不下感情的星座,追求好桃花必靠這好物
明明知道自己跟某人不會有好的結果,卻還是固執己見,不想放下對方,直到把自己搞得遍體鱗傷!摘星工廠來揭秘,明知不會在一起,卻...
6,687人已觀看
這些星座談戀愛超低調!偷偷曬恩愛必備選品一次看
這些星座談戀愛超低調!偷偷曬恩愛必備選品一次看
生活中,我們經常看到情侶「發糖」,甜甜蜜蜜地亮相,引來無數的羨慕嫉妒恨。有的情侶就想要別人有這種反應而主動發糖,不過也有些...
45,881人已觀看
2022「好人緣」星座Top3!第一名「這個星座」83%的人表示:顏值高,擠下社交王雙子座?
2022「好人緣」星座Top3!第一名「這個星座」83%的人表示:顏值高,擠下社交王雙子座?
2022正式開始!不管2021過得再如何不順,今年我們一定卯足全力過日子!交友軟體「BeeBar」特別調查「十二星座好人緣...
331,572人已觀看
公認最難追的星座Top5!追求秘訣大公開,加碼推薦告白神器~
公認最難追的星座Top5!追求秘訣大公開,加碼推薦告白神器~
你心目中的男神、女神是不是不論你怎麼努力都追不到呢?也許不是你不夠好,而是你用的方法錯誤!儂編今天除了集結「最難追」的星座...
32,871人已觀看
靠自己活出精彩!絕不依附男人的星座女TOP3,加碼推薦療癒放鬆小物
靠自己活出精彩!絕不依附男人的星座女TOP3,加碼推薦療癒放鬆小物
把所有的希望都寄托在男人身上,渴望他會一輩子疼寵我、呵護我、照顧我,甚至給我大筆錢花?NO!有些女人從來都不會依附於男人,...
63,840人已觀看
LINE購物App限定:搖一搖領柴犬皮皮免費貼圖
LINE購物App限定:搖一搖領柴犬皮皮免費貼圖
*此活動需更新LINE購物App至版本(2.6)以上,若無法順利領取貼圖請先點下方連結更新,更新完成後請再重複一次領取流程...
855,728人已觀看

相似商品

線上課程|動畫互動網頁特效入門(JS/CANVAS)
2,500

線上課程|動畫互動網頁特效入門(JS/CANVAS)

蝦皮商城
1%
線上課程|動畫互動網頁程式入門 (HTML/CSS/JS)
2,000

線上課程|動畫互動網頁程式入門 (HTML/CSS/JS)

蝦皮商城
1%
線上課程|志祺的架構性思考:從資訊整理到觀點表達
1,960

線上課程|志祺的架構性思考:從資訊整理到觀點表達

蝦皮商城
1%
動畫互動網頁程式入門 (HTML/CSS/JS)
2,000

動畫互動網頁程式入門 (HTML/CSS/JS)

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
線上課程|Python 資料分析:AI 機器學習入門到應用
1,680

線上課程|Python 資料分析:AI 機器學習入門到應用

蝦皮商城
1%
線上課程|基礎情境練習課:建立你的英文文法邏輯腦
2,280

線上課程|基礎情境練習課:建立你的英文文法邏輯腦

蝦皮商城
1%
Python 資料分析:AI 機器學習入門到應用
1,680

Python 資料分析:AI 機器學習入門到應用

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
線上課程|Python 入門特訓 - 基礎實作到證照攻略
1,490

線上課程|Python 入門特訓 - 基礎實作到證照攻略

蝦皮商城
1%
線上課程|Python 行銷資料科學 :基礎語法入門最前線
1,480

線上課程|Python 行銷資料科學 :基礎語法入門最前線

蝦皮商城
1%
線上課程|Python 資料分析 - 網頁爬蟲與視覺呈現
1,680

線上課程|Python 資料分析 - 網頁爬蟲與視覺呈現

蝦皮商城
1%
線上課程|訪談溝通術:交流、說服與談判的必勝訣竅
1,890

線上課程|訪談溝通術:交流、說服與談判的必勝訣竅

蝦皮商城
1%
線上課程|跟著阿麗學俄文 : 打造標準的俄語發音
2,000

線上課程|跟著阿麗學俄文 : 打造標準的俄語發音

蝦皮商城
1%
基礎情境練習課:建立你的英文文法邏輯腦
2,280

基礎情境練習課:建立你的英文文法邏輯腦

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
線上課程|Python 資料分析&機器學習入門
2,500

線上課程|Python 資料分析&機器學習入門

蝦皮商城
1%
線上課程|洞察行銷世代|引領未來行銷的數據洞察思維
2,500

線上課程|洞察行銷世代|引領未來行銷的數據洞察思維

蝦皮商城
1%
線上課程|占星之門安格斯|十二宮位找出人生攻略
2,580

線上課程|占星之門安格斯|十二宮位找出人生攻略

蝦皮商城
1%
Python 入門特訓 - 基礎實作到證照攻略
1,490

Python 入門特訓 - 基礎實作到證照攻略

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
從入門到業界實戰 - UI / UX 前端網頁設計
2,500

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

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
線上課程|產品分析入門:UX 設計師的思考術
2,450

線上課程|產品分析入門:UX 設計師的思考術

蝦皮商城
1%
Node.js 網站開發 with React.js
1,980

Node.js 網站開發 with React.js

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
線上課程|互動藝術程式創作入門 (Creative Coding)
2,400

線上課程|互動藝術程式創作入門 (Creative Coding)

蝦皮商城
1%
互動藝術程式創作入門 (Creative Coding)
2,400

互動藝術程式創作入門 (Creative Coding)

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
線上課程|玩轉數據與資料:Excel VBA 入門教學
2,790

線上課程|玩轉數據與資料:Excel VBA 入門教學

蝦皮商城
1%
Python 行銷資料科學 :基礎語法入門最前線
1,480

Python 行銷資料科學 :基礎語法入門最前線

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
自學程式如何快速入門 - 以 Python/JS 為例
2,200

自學程式如何快速入門 - 以 Python/JS 為例

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
Excel VBA 金融資料抓取 | 打造股票研究系統
3,450

Excel VBA 金融資料抓取 | 打造股票研究系統

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
線上課程|韓語-基礎學習-學韓文發音 | 4堂課
98折4,361

線上課程|韓語-基礎學習-學韓文發音 | 4堂課

蝦皮商城
1%
線上課程|Excel VBA 金融資料抓取 | 打造股票研究系統
3,450

線上課程|Excel VBA 金融資料抓取 | 打造股票研究系統

蝦皮商城
1%
線上課程|自學程式如何快速入門 - 以 Python/JS 為例
2,200

線上課程|自學程式如何快速入門 - 以 Python/JS 為例

蝦皮商城
1%
線上課程|英語-觀光旅遊-自助行 ! 租車篇 | 4堂課
98折3,547

線上課程|英語-觀光旅遊-自助行 ! 租車篇 | 4堂課

蝦皮商城
1%

熱銷排行榜

更多

在台灣也能學一口漂亮英文!Phonics 自然發音&正音教學
1,200

在台灣也能學一口漂亮英文!Phonics 自然發音&正音教學

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
百萬 YouTuber 阿滴-攻心剪輯術!
1,800 1,800

百萬 YouTuber 阿滴-攻心剪輯術!

1~10%
比價2個賣場 立即比價
Hahow 好學校-線上課程平台蝦皮商城
百萬 YouTuber 阿滴-攻心剪輯術!
1,800

百萬 YouTuber 阿滴-攻心剪輯術!

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
占星之門安格斯|十二宮位找出人生攻略
2,580

占星之門安格斯|十二宮位找出人生攻略

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
產品設計實戰:用Figma打造絕佳UI/UX
4,280

產品設計實戰:用Figma打造絕佳UI/UX

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
跟 YouTuber 莫彩曦學美國道地的說話習慣
1,900

跟 YouTuber 莫彩曦學美國道地的說話習慣

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
啾啾鞋的資料彙整術 - 別淹沒在資訊海!
1,500

啾啾鞋的資料彙整術 - 別淹沒在資訊海!

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
動畫互動網頁程式入門 (HTML/CSS/JS)
2,000

動畫互動網頁程式入門 (HTML/CSS/JS)

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
YouTuber 的 36 堂課:讓你被更多人看到
2,400

YouTuber 的 36 堂課:讓你被更多人看到

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
王梓沅的 3D 英文筆記術:打造最強「說」「寫」英語資料庫
2,800

王梓沅的 3D 英文筆記術:打造最強「說」「寫」英語資料庫

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
用簡單的日文自助遊日本
1,190

用簡單的日文自助遊日本

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
SQL的五十道練習:初學者友善的資料庫入門
2,480

SQL的五十道練習:初學者友善的資料庫入門

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
手繪轉電繪,我選 Procreate!
2,600

手繪轉電繪,我選 Procreate!

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
Python 入門特訓 - 基礎實作到證照攻略
1,490

Python 入門特訓 - 基礎實作到證照攻略

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
如何成為資料分析師:從問題解決到行動方案
1,980

如何成為資料分析師:從問題解決到行動方案

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
掌握鉤針編織邏輯:五種針法自造生活小物
2,580

掌握鉤針編織邏輯:五種針法自造生活小物

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
資料變決策!從零上手 Tableau 大數據視覺化
2,580

資料變決策!從零上手 Tableau 大數據視覺化

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
如何練習動漫速寫 - Anime Sketches
600

如何練習動漫速寫 - Anime Sketches

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
如何練習動漫速寫 - Anime Sketches
600 600

如何練習動漫速寫 - Anime Sketches

1~10%
比價2個賣場 立即比價
Hahow 好學校-線上課程平台蝦皮商城
產品數據分析 - 打造網路產品的決策引擎
3,500

產品數據分析 - 打造網路產品的決策引擎

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
用 Python 理財:打造小資族選股策略
3,200

用 Python 理財:打造小資族選股策略

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
【鎮瀾宮】線上代辦中元普渡|免費代拜獨家加贈日月扇皮製御守|免運|中元期間限定
1,000

【鎮瀾宮】線上代辦中元普渡|免費代拜獨家加贈日月扇皮製御守|免運|中元期間限定

蝦皮商城
1%
職場英文即戰力 :  一步步打造最佳自學途徑
1,800

職場英文即戰力 : 一步步打造最佳自學途徑

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
線上課程|職場英文即戰力 : 一步步打造最佳自學途徑
1,800 1,800

線上課程|職場英文即戰力 : 一步步打造最佳自學途徑

1~10%
比價2個賣場 立即比價
Hahow 好學校-線上課程平台蝦皮商城
打動人心的創作秘密,畫出個性的角色設計
1,280

打動人心的創作秘密,畫出個性的角色設計

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
志祺的架構性思考:從資訊整理到觀點表達
1,960 1,960

志祺的架構性思考:從資訊整理到觀點表達

1~10%
比價2個賣場 立即比價
Hahow 好學校-線上課程平台蝦皮商城
24 單元入門投資科學 一次搞懂投資必備知識
3,600

24 單元入門投資科學 一次搞懂投資必備知識

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
志祺的架構性思考:從資訊整理到觀點表達
1,960

志祺的架構性思考:從資訊整理到觀點表達

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
動畫互動網頁特效入門(JS/CANVAS)
2,500

動畫互動網頁特效入門(JS/CANVAS)

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天
職場必備的 Excel 關鍵技法-進階
1,390

職場必備的 Excel 關鍵技法-進階

Hahow 好學校-線上課程平台
10%
限時加碼倒數1天

商品描述

精選創作好課,加速完稿能量11/23-12/22 拖稿玩家活動限時優惠中十堂創作者精選好課單堂 9 折,兩堂 85 折前往活動 >> 按我設計的初衷,應是傳達意念,使人共鳴。在現今的網頁開發流程中,有許多既成的模板可以運用,只要善用資源就能達到不錯的效果;而在框架底下,也能夠變化出很多花樣 ⋯⋯ 但回首來時路,才發現我們無意間遺忘了設計的初衷。透過這堂課,找回你的網頁設計初心!這堂課將帶領你,從零開始打造一個「打動人心」的互動特效網頁;賦予你堅實的網頁開發技術、靈活組合各式技巧的應變能力,幫助你實踐心中的想法。>>>> 點我看完整開發過程縮時!課程分為四大系列單元,以2300 分鐘帶你走遍網頁特效的世界第一階段:將 HTML/CSS 融會貫通,輕鬆入門,順暢進階第二階段:從零開始入門JavaScript 程式與動畫基礎到進階互動第三階段:學習數學與物件導向 ,探索 Canvas 互動運算藝術第四階段:Vue.js 掌控資料與顯示的前端框架-整合應用除此之外,還有四個成功解鎖的加碼單元VueX / Vue-router 誰說只有前端做不出完整網站GSAP 活用時間軸動畫D3.js 視覺化資料的利器入門Three.js 製作 3D 特效網頁入門如果可以將美好想像附著於自己的網頁;如果可以透過採集環境的聲音聽見我們對環境的記憶;如果可以藉由複雜的數學曲線畫出優雅的線條;如果可以將所見所聞的物理現象,萃取重現於螢幕之上⋯⋯如果這些如果可以成真,就可以創造網頁的生命力,走出單純 UI 框架的套疊!搭配學習地圖,快速理解四階段課程內容第一階段:將 HTML/CSS 融會貫通,輕鬆入門順暢進階sass/pug在課程的開頭,除了講解如何製作網頁,更是要傳授如何用已知的技術,說不一樣的故事。第一階段濃縮了「動畫互動網頁程式入門」的課程精華,整理成新版的教學內容加上全新可愛的範例,帶領大家將網頁開發的基本功 HTML/CSS 融會貫通應用到作品上。學過的人可以快速複習;完全初學的人能夠快速上手!並在後期引入sass / pug教學,帶你了解現代網頁開發的超方便工具。第二階段:從零開始入門JavaScript 程式與動畫基礎到進階互動沒有基礎怎麼辦呢? 別擔心,這門課程有完整的JS入門教學,帶著沒寫過程式的你逐步了解原理,而後帶入 jquery、GSAP 等函式庫製作互動動畫與特效,讓我們在網頁上找回一些 Flash 時代被遺棄的精神,做出有現代感、動的複雜卻不凌亂的網頁。透過日常的案例與遊戲演繹,學習 JS 的陣列資料操作,從基礎的變數、函數、迴圈概念,到結合使用Jquery等函式庫製作特效,讓你了解網頁逐漸發展的歷史,更在一個個漂亮與精心設計的應用範例上手入門程式開發,從0開始打下深厚的程式基礎為Canvas結合大量程式數學做準備。第三階段:UI 原理實作與 Canvas 運算藝術網頁中可能性最大的領域-Canvas,雖然顧名思義是畫布,實際上卻是需要靠自己運算,撰寫顯示的邏輯。這可不是單純調調 CSS 顏色、框線可以達到的!有了上一階段的 JS 與動畫基礎,我們會製作各種物理模擬與計算藝術,從小時候的記憶-打磚塊、貪吃蛇,一直到粒子效果、未來 UI 特效、重力與行星模擬⋯⋯逐步將學到的東西整合起來。不過別擔心,透過動態的教材設計與實例講解,你將可以理解到,原來以前的學的那些外星符號可以運用在繪製特效上,透過幾行精練的數學式子就能創造出繁麗的效果!第四階段:集成 Vue.js,製作前端體驗佳的單頁式網站 SPA最後會用到 Vue.js,掌控資料與顯示轉換的前端框架,舉凡購物車資料、影片集、遊戲中的人物或物品資料、文章裡面的 tag 管理或是設計中的色彩、樣式,都可以透過資料跟邏輯串接。剩下的更新或重新計算,就跟著邏輯一起交給 Vue.js 即可,省得我們還要一個一個土法煉鋼!最終將來個大整合:製作一個大型的網頁遊戲或應用,僅僅在前端就能完成一個精美的作品!課堂實作 Project,檢視學習成果上完這堂課後,你將可以掌握現代網頁的基礎技術,並具備靈活應用的能力;看見網頁更多的可能性,親手製作具有特效、設計感的網頁。網頁對我來說,是一個發揮影響力的世界;透過整合自身學習與實作經驗,再難的東西我都可以講的平易近人,並帶領學生從實作入手。我希望能夠把自己整合出來的「動態網頁」最終樣貌與技術分享給大家,讓我們一起探索動態網頁的樂趣與可能性吧!《課程實作 Project》Project 1:使用網頁製作屬於自己的動態簡歷Project 2:快速入門並使用 CSS 在網頁上刻一座美麗的城市Project 3:做一個摩斯密碼翻譯器Project 4: 物件導向,製作記憶方塊遊戲Project 5:使用 Canvas 繪製製作橫衝直撞的貪吃蛇 Canvas系列單元精彩範例節錄:Project 6:做科幻風格的網頁碼表 Project 7:結合物件導向與數學製作遊戲 Agar.ioProject 8:結合音效與動畫製作互動音樂弦 連結Project 9:結合重力與物理做小朋友下樓梯使用TweenMax結合canvas製作搖擺聖誕樹「範例」 粒子系統的數學原理物件導向設計「範例」 使用Vue.js製作動態咖啡成分編輯「範例」 從Vue.js 製作動態撲克牌遊戲了解Method與動態ClassProject 10:結合設計與繪圖製作太空侵入者Project 11:結合網頁元件與動畫製作動態唱盤Project 12:結合陣列與地圖製作小精靈 Project 13:使用 Vue.js 製作製作動態電影介面Project 14:Canvas / Vue.js 與 遊戲結合 製作有趣線上整合遊戲同學作品集作品集連結:http://2017.awiclass.monoame.com/proj/2課程單元一覽單元 1 課程介紹與導讀 - 動態網頁的過去與未來單元 2 課程介紹與導讀- 課程路線與學習方式單元 3 課程介紹與導讀- 使用Markdown與記錄學習筆記單元 4 HTML/CSS快速入門 - Codepen 平台介紹與基礎設定單元 5試看 HTML/CSS快速入門 - html中結構與元素單元 6 HTML/CSS快速入門 - css調整外觀與class/id概念單元 7 HTML/CSS快速入門 - css的內外距單元 8 HTML/CSS快速入門 - css的定位與排列單元 9 HTML/CSS快速入門 - css定位與排列實作單元 10 HTML/CSS快速入門 - flexbox排版入門單元 11 HTML/CSS快速入門 撰寫一份自己的網頁履歷 撰寫一份自己的網頁履歷單元 12 HTML/CSS快速入門 - pug / sass 縮寫入門單元 13 HTML/CSS快速入門 - sass 管理變數與模組單元 14 HTML/CSS快速入門 - sass 迴圈與內容單元 15 HTML/CSS快速入門 - css動畫基礎與滑鼠互動單元 16 HTML/CSS快速入門 - css製作影格動畫單元 17 HTML/CSS快速入門 - 在網頁寫一座美麗城市 Part1 - 前置準備單元 18 HTML/CSS快速入門 - 在網頁寫一座美麗城市 Part2 - 架構與上色單元 19 HTML/CSS快速入門 - 在網頁寫一座美麗城市 Part3 - 動畫與切換 在網頁寫一座美麗城市單元 20試看 JavaScript程式基礎 - JavaScript 介紹單元 21試看 JavaScript程式基礎 - 變數與判斷單元 22 JavaScript程式基礎 - 物件與陣列單元 23 JavaScript程式基礎 - 陣列操作與迴圈單元 24 JavaScript程式基礎 - 字串的處理單元 25 JavaScript程式基礎 - 函數 模組化應用單元 26 JavaScript程式基礎 - 時間函數-從靜態到動態單元 27 JavaScript程式基礎 - Jquery 操作元素單元 28 JavaScript程式基礎 - Jquery 事件觸發單元 29 JavaScript程式基礎 - Jquery 動畫原理與應用單元 30 JavaScript程式基礎 - 做一個摩斯密碼翻譯器 做一個摩斯密碼翻譯器單元 31 JavaScript程式基礎 - 陣列的批次操作(map/filter/foreach...)單元 32 JavaScript程式基礎 - AJAX 與資料處理單元 33 JavaScript程式基礎 - 使用者輸入與表單單元 34試看 JavaScript程式基礎 - 物件導向入門 概念篇單元 35 JavaScript程式基礎 - 物件導向入門 繼承篇單元 36 JavaScript程式基礎 - 物件導向入門 實作篇單元 37 JavaScript程式基礎 - 記憶方塊 Part. 1 介面與概念篇單元 38 JavaScript程式基礎 - 記憶方塊 Part. 2 Blocks物件單元 39 JavaScript程式基礎 - 記憶方塊 Part. 3 Game遊戲物件 Memory Blocks 記憶方塊單元 40 動態網頁Workflow概覽 - 動態網頁的形式與應用單元 41 動態網頁Workflow概覽 - 設計思考發想與繪製草稿單元 42 動態網頁Workflow概覽 - 網頁結構與內容UX規劃單元 43 動態網頁Workflow概覽 - UI視覺設計與元件單元 44 動態網頁Workflow概覽 - 網頁的切版與設計交接單元 45試看 Canvas與特效動畫- 繪圖基礎語法 與動畫原理單元 46 Canvas與特效動畫- 畫布的座標系操作單元 47 Canvas與特效動畫- 物理基礎(速度 / 加速度)單元 48 Canvas與特效動畫- Vector 向量的概念單元 49 Canvas與特效動畫- 製作橫衝直撞的貪吃蛇 製作橫衝直撞的貪吃蛇單元 50 Canvas與特效動畫- ES6類別定義與模板製作單元 51 Canvas與特效動畫- 物件導向結構 粒子篇單元 52 Canvas與特效動畫- 極坐標的基礎概念單元 53 Canvas與特效動畫- 三角函數入門 - 繪製多邊形單元 54 Canvas與特效動畫- 三角函數的波形與軌跡單元 55 Canvas與特效動畫- 進階繪圖與遞迴單元 56 Canvas與特效動畫- 做科幻風格的網頁碼表 做科幻風格的網頁碼表單元 57 Canvas與特效動畫- 速度曲線與動畫控制單元 58 Canvas與特效動畫- 結合物件跟繪圖製作遊戲Agar.io (上)單元 59 Canvas與特效動畫- 結合物件跟繪圖製作遊戲Agar.io(下)單元 60 Canvas與特效動畫- 結合網頁元件與動畫製作動態唱盤單元 61 Canvas與特效動畫- 結合重力與物理做小朋友下樓梯 (上)單元 62 Canvas與特效動畫- 結合重力與物理做小朋友下樓梯 (下)單元 63 Canvas與特效動畫- 結合物理與音效製作互動音樂弦單元 64 Canvas與特效動畫- 結合設計與繪圖製作太空侵入者單元 65 Canvas與特效動畫- 結合陣列與地圖製作小精靈單元 66試看 Vue.js前端資料框架- 簡介與資料代換入門單元 67 Vue.js前端資料框架- 條件顯示與資料展開單元 68 Vue.js前端資料框架- 動態屬性與視覺樣式單元 69 Vue.js前端資料框架- 事件觸發與使用者互動單元 70 Vue.js前端資料框架- 計算屬性與監看變化單元 71 Vue.js前端資料框架- 使用Vue.js製作製作動態選書城單元 72 Canvas / Vue.js 與 遊戲結合- 製作有趣線上整合遊戲 (上)單元 73 Canvas / Vue.js 與 遊戲結合- 製作有趣線上整合遊戲 (中)單元 74 Canvas / Vue.js 與 遊戲結合- 製作有趣線上整合遊戲 (下)單元 75 [加碼達標系列 800%]:VueX / Vue-router 誰說只有前端做不出完整網站單元 76 [加碼達標系列 1600%]:GSAP 活用時間軸動畫單元 77 [加碼達標系列 2000%]:D3.js 視覺化資料的利器(入門)單元 78 [加碼達標系列 2500%]:Three.js 製作 3D 特效網頁(入門)單元 79 [課程總結] -動態網頁的發展與可能性關於講師:墨雨設計創辦人 吳哲宇從動畫與平面設計起家,持續做到整體品牌形象 CI 設計到 UI/UX APP 介面設計,目前專攻網頁動畫與互動,研究如何以網頁的技巧實踐 Motion Graphics 的精神,以設計的角度主宰網頁,讓網頁不只是能用、資訊呈現,更要有趣、好玩。重點經歷第九屆宏碁數位創作獎 高中專業組首獎+評審團超級大獎故事旅社 啟程,故事總匯風視覺設計台北智慧城市黑客松評審團超級大獎聯合報國際美容展 2015/2016 前後台網頁暨系統開發雜學校展覽 網⾴開發台北聲⾳地景計畫官網 設計 / 開發其他作品網站範例參考臺北聲音地景計畫-「捷運站體環境音樂」徵選活動複雜生活節Dyverse Studio 音樂工作室(舊)翔虹 AutoCAD 技術中心Monoame Design 墨雨設計 Abstract(將音樂轉成視覺形式)課程相關問題 Q&A Q1:沒有程式或設計基礎適合上這門課嗎?這堂課是為了讓設計相關或是沒有任何程式基礎的人,能上手真正「業界」網頁程式設計的課程!其實在業界,大型網站往往都不是用軟體,而是用程式碼一行一行刻出來的;既沒有圖形化介面,上手也很困難。簡介中提到的 Codepen 平台是線上的編輯環境,可以即時預覽打出來的程式,不會覺得學起來很抽象,也可以省去上傳檔案才能預覽的麻煩!而且平台練習使用都是免費的,開啟網頁瀏覽器輸入網址就可以使用。希望能幫助大家降低對於程式設計的恐懼,懂得如何熟練跟用它操作網頁視覺互動,能做的東西絕對比單純用 Dreamweaver 排版來的多而且專業,在業界也可以提升跟相關程式人員的溝通基礎唷!Q2:課程使用的軟體要怎麼安裝跟使用呢?有分平台嗎?簡介中提到的 Codepen 平台是線上的編輯環境,可以即時預覽打出來的程式,開啟網頁瀏覽器輸入網址就可以使用,無論是 Mac 或是 Windows 都可以使用喔!Q3:有哪些常用的參考資料,或是學習資源呢?視覺的部分可以參考 Pinterest / Dribble,以及這次的教學平台 Codepen;至於視覺介面只要搜尋關鍵字 UI / UX Web Design 就可以找到很多不錯的案例。程式的部分可以參考 W3school,在基礎的 html/css 都有方便的索引參考,想做什麼就查什麼,雖然偏向功能解析,只要掌握網頁基本概念了之後都能夠很快速的引用。Q4:上完這門課之後,有辦法獨立接案嗎?獨立接案需要經驗累積,但如果把課程中提到的內容練熟,自己多多嘗試應用,就可以更熟悉網頁領域,增加與工程師合作的溝通效率。往後只要透過自行進修,就可以嘗試接案。Q5:這一堂課與「動畫互動網頁程式入門」堂課差別在哪裡呢?這堂課程將重點與火力集中在 JavaScript 與 Canvas 繪圖上,靈活製作更進階的動態網站,不管是遊戲特效 設計網頁都能應用。沒有基礎也別擔心,這堂課程也會結合「動畫互動網頁程式入門」的精華,推出全新範例讓沒有基礎的人快速上手。

LINE 購物是匯集購物情報與商品資訊的整合性平台,商品資料更新會有時間差,請務必點擊商品至各合作網路商家,確認現售價與購物條件,一切資訊以合作廠商網頁為準。