iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

前端新手的學習筆記 系列

記錄每天的學習

鐵人鍊成 | 共 32 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day01:每天一個小練習 - Bootstrap時間軸

第一次參加,感覺非常緊張。目前購買了六角學院的課程正在努力吸收,希望用鐵人賽記錄自己每天的練習。現在的學習進度到Bootstrap,就從Bootstrap開始記...

2020-09-15 ‧ 由 Sesame 分享
DAY 2

Day02:每天一個小練習 - Bootstrap動態傳入Modal參數

挑選一個 modal 放入 HTML,並把 id 改成 edit <div class="modal fade" id="e...

2020-09-16 ‧ 由 Sesame 分享
DAY 3

Day03:每天一個小練習 - Bootstrap動態傳入Modal參數02

目前的進度到抓取資料,沒有修改並儲存。 先把要抓取的資料放入table <tr> <th scope="r...

2020-09-17 ‧ 由 Sesame 分享
DAY 4

Day04:每天一個小練習 - Bootstrap選單切換

到官方網站複製a連結版本的範例 列表群組 (List group) <div class="list-group"> &lt...

2020-09-18 ‧ 由 Sesame 分享
DAY 5

Day05:每天一個小練習 - JS顯示今日時間

今天是假日,來練習寫JS吧。 抓取HTML上的位置 const allTime = document.querySelector('.allTime');...

2020-09-19 ‧ 由 Sesame 分享
DAY 6

Day06:每天一個小練習 - JS時間轉中文

接續昨天的自動更新時間,來把時間轉成中文吧。 最土法煉鋼的方式就是像把星期幾轉成中文一樣,按照需求寫幾個包括所有數字的陣列,例如: let arrDate =...

2020-09-20 ‧ 由 Sesame 分享
DAY 7

Day07:每天一個小練習 - JS抓取資料並顯示

今天複習六角學院JS學徒特訓班使用axios抓取資料的題目 在HTML上加入必要的CDN <script src="https://cdn.j...

2020-09-21 ‧ 由 Sesame 分享
DAY 8

Day08:每天一個小練習 - JS抓取資料並顯示02

今天用fetch來練習抓取資料吧。使用json(),其他text(),blob(),以及POST方法這次沒有練習。 使用隨機用戶產生器作為資料 照慣例先放入基...

2020-09-22 ‧ 由 Sesame 分享
DAY 9

Day09:每天一個小練習 - CSS旋轉拼接方塊

今天來練習金魚切版吧。 練習用的影片:金魚都能懂的網頁切版 : 旋轉拼接方塊 先在HTML上設定ul , li <div class="wr...

2020-09-23 ‧ 由 Sesame 分享
DAY 10

Day10:每天一個小練習 - CSS動畫

今天逛CodePen的時候看到會跳的愛心感覺超可愛,就試著來練習看看吧。來源:Blinking Heart!! 先做基本設定,放數字是比較容易看旋轉位置,之後...

2020-09-24 ‧ 由 Sesame 分享