iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

邊工作邊進行前端學習之旅 系列

文章會以CSS,JS等主題為首,會有學習歷程心得、前端語法基礎介紹、作品實作分享

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day 21] 閉包 (Closure)是什麼?

前言 閉包的觀念,其實就和前幾天談到的作用域、變數宣告和作用域的觀念有關。只要有清楚知道其中差異,在理解閉包上就也能夠透過範例輕鬆理解了~。 學習資源分享...

2021-09-21 ‧ 由 Eva 分享
DAY 22

[Day 22] JS - 事件委派 Delegation

前言 不知不覺每日的挑戰發文活動,也進行到22天了,這件事已經變成每日必做的事,像平日就是工作結束後,就是點開iT鐵人賽進行發文,而假日的話則是起床後,首要進行...

2021-09-22 ‧ 由 Eva 分享
DAY 23

[Day 23] JS - 陣列 (Array) 常用方法介紹

前言 JS的基礎觀念介紹告一段落,接下來將會有一些JS的基礎語法介紹、還會有過去線上學習實作專案分享,今天來介紹JS 陣列的基礎與使用方式,以呼應明天的實作專案...

2021-09-23 ‧ 由 Eva 分享
DAY 24

[Day 24] DOM Array Methods 實作練習

前言 當 JS 學了將基本語法練習、觀念都學過之後,就開始學找實作練習,透過看老師的作法慢慢拆解每個步驟,而自己再實際撰寫語法,將每個任務完成。 而這次的練習,...

2021-09-24 ‧ 由 Eva 分享
DAY 25

[Day 25] LocalStorage 介紹

前言 HTML5 的 Web Storage 是一種可讓網頁將資料儲存於本地端的技術,其作用如同 cookie。 Cookie 儲存空間很小,最多僅能儲存4K...

2021-09-25 ‧ 由 Eva 分享
DAY 26

[Day 26] JS實作 - expense tracker 記帳簿

前言 課程連結,內容的製作在課程中原本為使用JS vanilla,而自己在專案上的製作則使用jQuery來練習。 完成後的成品 觀察須製作的功能 1.重新整...

2021-09-26 ‧ 由 Eva 分享
DAY 27

[Day 27] JS實作練習 - Music Player

前言 接下來幾天將以JS實作練習為主,提供製作方式的筆記,透過拆分各個項目的說明,能夠了解如何實現每項功能。在 JS 實作練習,每次一個小的項目就要花好幾個下班...

2021-09-27 ‧ 由 Eva 分享
DAY 28

[Day 28] JS實作練習 - Scroll Blog無限捲動

前言 有注意到每次實作練習的最前面都會有個-觀察功能需求項目嗎?這是在饅頭計畫中老師特別強調要拉出來製作的部分,後來看其他技術文或是六角學院課程也會提到這部分的...

2021-09-28 ‧ 由 Eva 分享
DAY 29

[Day 29] JS 實作練習 - YouTube API

前言 在練習 Ajax 串接實作時,饅頭計畫中就推薦就找了幾個實作作業,找有開放資源的網站(如:YouTube、Github、氣象局),製作搜尋引擎取得資料。而...

2021-09-29 ‧ 由 Eva 分享
DAY 30

[Day 30] 完賽心得

前言 很開心能夠確實每天發文,並且持續30天成功完賽! 雖然這些天的發文大多都是過去學習中累計下來的筆記,但在每次發文前還會想著哪些地方可以更新、修改,讓文章可...

2021-09-30 ‧ 由 Eva 分享