iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
自我挑戰組

JavaScript 30天 系列

加強javascript能力!

參賽天數 3 天 | 共 11 篇文章 | 11 人訂閱 訂閱系列文 RSS系列文
DAY 1

JS30 - day01: JS Drum Kit

coding新手 第一次參加>"< 期許自己成功完成JS30! 資源站 javascript30官網 頁面填寫完email 就會收到課...

2018-10-01 ‧ 由 分享
DAY 2

JS30 - day02: JS + CSS Clock

來到了day2 利用上班兩小時給他學下去 這次覺得較困難的其實是數學呀QQ 使用者操作需求 雙眼看著它,取得目前時間資訊 技術重點 更改角度 transf...

2018-10-02 ‧ 由 分享
DAY 3

JS30 - day03: CSS Variable

啊呀 寫一半忘記存草稿就關電腦了QQ 使用者操作需求 分別操作Spacing,Blur滑動桿以及調色盤,來即時變更圖片的padding,filter以及主題色...

2018-10-03 ‧ 由 分享
DAY 3

JS30 - day04: Array Cardio Day 1

唉唷威,每天發的是不容易啊,寫不完整都會不想發。 目前還是新手訓練沒辦法回留言,但好像放個codepen上來也不錯膩。 練習重點: 處理陣列常用的方法 fil...

2018-10-07 ‧ 由 分享
DAY 3

JS30 - day05: Flex Panel Gallery

這次課程CSS知識佔了3分之2了吧 哈哈哈 CodePen: https://codepen.io/xx_uan/pen/pxNWpX 使用者操作需求: 點擊個...

2018-10-08 ‧ 由 分享
DAY 3

JS30 - day06: Type-Ahead

這次的東西好陌生啊完全沒聽過QQ 以前呼叫api 都用XMLHttpRequest或是jQuery 但是搜尋了一下發現axios套件好像很可以! 哈哈哈哈又要...

2018-10-11 ‧ 由 分享
DAY 3

JS30 - day07: Array Cardio Day 2

練習重點 some() every() find() findIndex() slice() 陣列資料 提供了兩筆陣列資料 // 第一...

2018-10-15 ‧ 由 分享
DAY 3

JS30 - day08: Fun with HTML5 Canvas

來用HTML5的Canvas畫畫了^^ 使用者操作需求 在畫布上用滑鼠繪製色彩粗細會自動變化的線條~ 重點記錄 主要是canvas的繪圖步驟 定義線條樣式...

2018-10-16 ‧ 由 分享
DAY 3

JS30 - day09: 14 Must Know Dev Tools Tricks

介紹Chrome中 14種console的用法 很適合用在除錯,觀察程式碼跑的流程,以及呈現資料 更多資訊:https://goo.gl/ysnJXM 範例語法...

2018-10-17 ‧ 由 分享
DAY 3

JS30 - day10: Hold Shift to Check Multiple Checkboxes

使用者操作需求 按下shift + 左鍵 可以圈選多個checkbox 流程步驟 [ 基本設置 ] 使用querySelectorAll('.inbox i...

2018-10-30 ‧ 由 分享