NT$1,180
最新討論




課程資訊
適合對象
你可以學到
課程介紹
學習前基本能力
學習前準備
課程資訊
關於講師

紅色死神
紅色死神 / 江舜智
經歷|
▹ 制服地圖 / 創辦人
▹ 天氣風險管理開發 / 視覺動畫師
▹ 資策會 / 工程師
▹ 髮弄資訊 / CDO
▹ TibaMe、資策會、飛肯設計學苑、台北市公訓處、中國科技大學等單位 / 講師
▹ 資拓宏宇、公共電視台、玉山銀行等企業內訓 / 講師
重要專案經驗|
▹ La new 活力熊 / 吉祥物繪製與經營
▹ 環保署減碳代言人 / 減碳雙熊設計
▹ 氣象局影音氣象
▹ 國科會雲端硬碟 COSA 計畫
▹ 資策會去識別化系統
▹ 公視 2020 總統大選即時開票網站
▹ 文策院「台湾漫画夜市」活動網站
▹ 公視新聞網 / 改版
▹ Gogoro 內部系統
▹ 勞保局系統 / 改版
▹ 電視節目《我要當女一》/ 官網架設
▹ 統一企業、桃園市政府、udn、三立電視台、三星等知名企業 / 活動網站架設
▹ 許多中小企業 / 官網架設
獲獎|
▹ Nokia Widget 兩岸三地比賽 / 首獎
▹ 第八屆黃金企鵝獎應用程式組 / 優勝、網路人氣獎
▹ 2010 Android 使用者介面設計比賽 / 特別獎
▹ 文策院「台湾漫画夜市」活動網站 CSSDesignAwards / Special Kudos
專長|
▹ CSS
▹ jQuery, Vue.js / javascript
▹ CodeIgniter, WordPress / PHP
▹ SEO
▹ 網站規劃與架設
開發工具簡介
QUIZ:開發工具簡介
jQuery 是什麼?
QUIZ: jQuery 是什麼?
jQuery 官網的 API 文件使用
QUIZ: jQuery 官網的 API 文件使用
手動下載安裝
QUIZ:手動下載安裝
使用 CDN 方式安裝
QUIZ:使用 CDN 方式安裝
在 CodePen 上使用 jQuery
QUIZ:在 CodePen 上使用 jQuery
取得內容、屬性
QUIZ:取得內容、屬性
更新屬性、取代內容
QUIZ:更新屬性、取代內容
移除元素、新增元素
QUIZ:移除元素、新增元素
認識 name、id、class
QUIZ:認識 name、id、class
屬性與符號的理解
QUIZ:屬性與符號的理解
其它常用語法,例: :first-child、:last-child
QUIZ:其它常用語法,例: :first-child、:last-child
.first()、.last()、.eq()
QUIZ:.first()、.last()、.eq()
.slice()、.has()
QUIZ:.slice()、.has()
.filter()、.not()
QUIZ:.filter()、.not()
.prev()、.next()
QUIZ:.prev()、.next()
.siblings()、.parent()、.parents()
QUIZ:.siblings()、.parent()、.parents()
.children()、.find()
QUIZ:.children()、.find()
DOM 介紹
QUIZ:DOM 介紹
屬性的操控
QUIZ:屬性的操控
樣式的操控
QUIZ:樣式的操控
表單相關的操控(上)
表單相關的操控(下)
QUIZ:表單相關的操控
文字的操控
QUIZ:文字的操控
HTML5 data 屬性的操控
QUIZ:HTML5 data 屬性的操控
html 標籤的操控
QUIZ:html 標籤的操控
取得元素的位置座標
QUIZ:取得元素的位置座標
複製元素
QUIZ:複製元素
事件的介紹與綁定寫法
QUIZ:事件的介紹與綁定寫法
認識 DOMContentLoaded 與 load 事件
QUIZ:認識 DOMContentLoaded 與 load 事件
認識事件物件(Event Object)
QUIZ:認識事件物件(Event Object)
事件觸發寫法及注意事項,例:事件冒泡狀況
QUIZ:事件觸發寫法及注意事項,例:事件冒泡狀況
關於動態事件的綁定
QUIZ:關於動態事件的綁定
事件的觸發與解除綁定
QUIZ:事件的觸發與解除綁定
.hide() 與 .show()
QUIZ:.hide() 與 .show()
.fadeIn()、.fadeOut()、.fadeToggle()
QUIZ:.fadeIn()、.fadeOut()、.fadeToggle()
.slideUp()、slideDown()、.slideToggle()
QUIZ:.slideUp()、slideDown()、.slideToggle()
.animate() 中的 CSS 設定與時間設定
QUIZ:.animate() 中的 CSS 設定與時間設定
.animate() 中的 Easing 與 complete 參數
QUIZ:.animate() 中的 Easing 與 complete 參數
.delay() 與 .stop() 函式
QUIZ:.delay() 與 .stop() 函式
判斷陣列:$.isArray()
QUIZ:判斷陣列:$.isArray()
判斷是否有該值:$.inArray()
QUIZ:判斷是否有該值:$.inArray()
陣列的合併:$.merge()
QUIZ:陣列的合併:$.merge()
陣列的合併與取代:$.extend()
QUIZ:陣列的合併與取代:$.extend()
執行陣列、物件迴圈:$.each()
QUIZ:執行陣列、物件迴圈:$.each()
執行陣列、物件迴圈,產生新的陣列或物件:$.map()
QUIZ:執行陣列、物件迴圈,產生新的陣列或物件:$.map()
基本套件寫法
QUIZ:基本套件寫法
寫一個文字反轉套件
QUIZ:寫一個文字反轉套件
套用別人寫好的 plugin
QUIZ:套用別人寫好的 plugin
第一步:基本介面及 text 欄位事件
QUIZ:第一步:基本介面及 text 欄位事件
第二步:新增待辦事項
QUIZ:第二步:新增待辦事項
第三步:移除與清空
QUIZ:第三步:移除與清空
第四步:更新待辦事項
QUIZ:第四步:更新待辦事項
第五步:排序
QUIZ:第五步:排序
第六步:重要性的星號
QUIZ:第六步:重要性的星號
學習附件
購買此課程後,才能使用留言功能
目前尚無任何討論主題
成為第一個發問的人!在問答中找到學習的捷徑。關於講師

紅色死神
紅色死神 / 江舜智
經歷|
▹ 制服地圖 / 創辦人
▹ 天氣風險管理開發 / 視覺動畫師
▹ 資策會 / 工程師
▹ 髮弄資訊 / CDO
▹ TibaMe、資策會、飛肯設計學苑、台北市公訓處、中國科技大學等單位 / 講師
▹ 資拓宏宇、公共電視台、玉山銀行等企業內訓 / 講師
重要專案經驗|
▹ La new 活力熊 / 吉祥物繪製與經營
▹ 環保署減碳代言人 / 減碳雙熊設計
▹ 氣象局影音氣象
▹ 國科會雲端硬碟 COSA 計畫
▹ 資策會去識別化系統
▹ 公視 2020 總統大選即時開票網站
▹ 文策院「台湾漫画夜市」活動網站
▹ 公視新聞網 / 改版
▹ Gogoro 內部系統
▹ 勞保局系統 / 改版
▹ 電視節目《我要當女一》/ 官網架設
▹ 統一企業、桃園市政府、udn、三立電視台、三星等知名企業 / 活動網站架設
▹ 許多中小企業 / 官網架設
獲獎|
▹ Nokia Widget 兩岸三地比賽 / 首獎
▹ 第八屆黃金企鵝獎應用程式組 / 優勝、網路人氣獎
▹ 2010 Android 使用者介面設計比賽 / 特別獎
▹ 文策院「台湾漫画夜市」活動網站 CSSDesignAwards / Special Kudos
專長|
▹ CSS
▹ jQuery, Vue.js / javascript
▹ CodeIgniter, WordPress / PHP
▹ SEO
▹ 網站規劃與架設