iT邦幫忙

鐵人檔案

2017 iT 邦幫忙鐵人賽
回列表
Modern Web

師父領進門 修行在個人 系列

發現自學前端常在某個瓶頸就卡關了, 常有人建議可能是時候可以去自己做小作品, 實習甚至真的接案來強迫自己學會不會的, 光想就知道是個很大的挑戰與壓力;
想在此紀錄自己在爬過這些瓶頸(似懂非懂一知半解)的過程, 當作學習網頁滿一年的突破, 以及期許能夠幫助同樣卡在這個不上不下的尷尬狀態的人的捷徑

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

JS挑戰—(7)— Slide in on Scroll+Reference and Copy

直接進入正題: 13-Slide in on Scroll 重點:eventListener('scroll',debounce(checkSlide))...

2016-12-19 ‧ 由 法蘭克 分享
DAY 3

JS挑戰-(8)- LocalStorage + Mouse move CSS

15- LocalStorage !!! and event delegation e.preventDefault() 抽象化 讓函數可以更通用 [ob...

2016-12-21 ‧ 由 法蘭克 分享
DAY 3

JS挑戰–(9)- map + reduce!

17-Sorting Band Names without articles 綜合練習 /^(a |the |an )/i const bands...

2016-12-21 ‧ 由 法蘭克 分享
DAY 3

JS挑戰—(10)— 影像 & 語音辨識

有趣,真的是平常自己不會接觸到的,順便學一下 19-Unreal Webcam Fun Canvas可以再更熟練點,找到一些教學影片可以看一下比較了解ap...

2016-12-23 ‧ 由 法蘭克 分享
DAY 3

休息一下,看看其他人-筆記(2)

今天想來研究一下這些東西: 1.CSS Layout(CSS grid)2.Node.js基本3.JS 進階練功 RXJS 1.CSS Layout 參...

2016-12-23 ‧ 由 法蘭克 分享
DAY 3

16—JS挑戰—(11)-

準備考試,速速解決。先跳過21,感覺花的時間比較多。 22-Follow along links getBoundingClientRect()...

2016-12-24 ‧ 由 法蘭克 分享
DAY 3

17—JS挑戰(11)—Sticky Nav + Event Capture, Propagation, Bubbling

準備考試,直接來,不廢話。 Sticky Nav 短短幾行效果這麼好,學到了 width不能做transition, 要用max-width const...

2016-12-25 ‧ 由 法蘭克 分享
DAY 3

18–JS挑戰–(13)–Cool Dropdown Navbar + Click & Drag

廢話不多說,繼續努力。 Strip follow alone dropdown 這章很精彩,很多實務上考量以及自己去找出問題在哪,需要在自己做一次會更了解...

2016-12-26 ‧ 由 法蘭克 分享
DAY 3

19–JS挑戰(14)–Video Speed Controller UI +Countdown Clock

快結束了,再接再厲,準備考試跟繼續鐵人戰有點累,但希望可以趁年底撐過去! Video Speed Controller UI 慢慢掌握到了一些東西,但都是...

2016-12-27 ‧ 由 法蘭克 分享
DAY 3

20–JS挑戰–(15)–手機定位 + 打地鼠

到了最後一天,感受到現在都看得懂在幹嘛了,也可以看一些其他javascript的討論,但要實際想出來還是好難啊!!! 考完再來練練幾個我覺得很棒的題目,並試著用...

2016-12-29 ‧ 由 法蘭克 分享