iT邦幫忙

鐵人檔案

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

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

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

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

師傅領進門 迷路在個人

Why 學完了基本HTML/CSS, jQuery好像會用但你其實心裡知道自己好像什麼都不太會會複製別人的網站,但要自己做一個網站常常 要馬位置指定不到自己想...

2016-12-01 ‧ 由 法蘭克 分享
DAY 2

CSS - Flexbox + 計畫更動

CSS-Flexbox 發現很多人都在做這個相關主題, Flexbox部分我就濃縮為3天份的(1天遊戲1天應用1天source code)今天先玩些小遊戲來實際...

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

Flexbox 應用

另一邊反而寫的更認真,該認真的反而沒那麼用心 上次提到Flexbox可使用的參數, 完整版參考這篇 flex container 先display : fle...

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

重拾鐵人- 開戰javascript(1)- DOM基本

荒廢了好多天,想要重振旗鼓,看到WesBos最近發佈了一堂免費的js課: javascript30.com ,來挑戰看看吧! 時間安排如下: 1~10(5d...

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

JS挑戰-(2)- CSS variable + Array

Day5- CSS Variables 重點 :root{--xxxx:value;}, 使用 ex padding: var(--xxxx) 可...

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

JS挑戰-(3)- Flexbox + Ajax

繼續加油。 05-Flex Panels Image Gallery 重點 css: Flex複習(很棒的複習,喜歡他的整體風格,Flex好重要) n...

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

JS挑戰-(4)- Array + HTML5 Canvas

1.07-Array Cardio2:* 這幾天有乖乖寫有差,可能也是這篇比較容易的關係,漸漸上手了。希望30天後有所不同。* 重點: some(), all(...

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

JS挑戰-(5)-devtools + Hold Shift to Check Multiple Checkboxes

明天想換個東西:可能想先瀏覽一下其他前端鐵人挑戰,學學 vue.js 等等。 09- chrome devtools tricks 知道js在哪裡 c...

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

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

暫時脫離自己規劃的行程一天,研究一下在鐵人賽看到有興趣的文章,並實做看看。 自己大概每10天會做一次這樣的事情與大家共同學習。 自己有在Follow的文章:...

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

JS挑戰-(6)-Custom HTML5 Video Player + Key Sequence Detection

繼續挑戰,這週希望能自己有些想法,可以邊做邊去挑戰。 HTML5 Video Player 算是綜合到目前為主複雜度最高的,頗有挑戰性。 可能要多做幾次&...

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