iT邦幫忙

鐵人檔案

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

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

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

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

[Day 11] Sass/SCSS 基本介紹

前言 學完css,進階一點就來學習 CSS 預處理器吧! 讓CSS 可以像一般程式語言一樣,有變數、函式、迴圈等功能。 剛開始接觸sass時,總會覺得很複雜,要...

2021-09-11 ‧ 由 Eva 分享
DAY 12

[Day 12] Sass/SCSS 實作練習

前言 不管是學習 CSS 或是 Sass,在認識完基本的使用方式之後,都會透過作品的實作練習,才會更加熟悉運作,前面幾天可以看到從小區塊的 CSS 練習,到一整...

2021-09-12 ‧ 由 Eva 分享
DAY 13

[Day 13] SCSS 結合 Bootstrap 網頁製作

前言 非常感謝六角學院在今年疫情最嚴重的5、6月份,提供了一系列的線上體驗學習課程,能夠從課程中,再度複習了CSS、SCSS還有 Bootstrap 5 的使用...

2021-09-13 ‧ 由 Eva 分享
DAY 14

[Day 14] 進入JavaScript,認識瀏覽器中的JS

前言 前面幾天說了很多CSS\SCSS的介紹和學習方式,終於要踏入JS啦,邊學習的過程也可以發現他要學習的有基礎語法、觀念有很多,時常學了新的,忘了舊的,剛好趁...

2021-09-14 ‧ 由 Eva 分享
DAY 15

[Day 15] JavaScript 與瀏覽器的溝通

前言 我們透過前一天所學習的,與DOM的操作方式,開始要使用JS來改變html呈現的樣子。 可以與畫面做的溝通,比現在學的還要豐富,如製作彈跳視窗、幾秒後要呈現...

2021-09-15 ‧ 由 Eva 分享
DAY 16

[Day 16] JavaScript 網頁事件處理

前言 每次接觸新的技巧先是感到陌生、好奇,當然一定會有許多不理解的地方,不知到該如何處理,但是隨著慢慢拆解它,看一次不懂,就再看第二次、第三次...或是找其他資...

2021-09-16 ‧ 由 Eva 分享
DAY 17

[Day 17] JS - 冒泡事件 (Event Bubbling)

前言 延續昨天的事件監聽,一開始花了滿多時間在認識各個事件的使用方式,特別在後續專案實作上,認識更多的執行方式。不過對於基礎觀念不花費心力來理解它,永遠就是會弄...

2021-09-17 ‧ 由 Eva 分享
DAY 18

[Day 18] JS - 變數提升Hoisting

前言 今天又要來介紹新的基礎觀念啦,在認識Hoisting之前,只單純知道宣告變數的方式,也沒有在乎它放在程式哪個段落會不會有影響。 在 JavaScript...

2021-09-18 ‧ 由 Eva 分享
DAY 19

[Day 19] JS - 作用域 Scope

Scope介紹 w3schools:Scope determines the accessibility (visibility) of variables...

2021-09-19 ‧ 由 Eva 分享
DAY 20

[Day 20] JS - 變數宣告

前言 延續昨天作用域,今天就來更細談認識 ES6 變數宣告的方式。 var:作用域是依 function 區分 let、const:作用域是{} bloc...

2021-09-20 ‧ 由 Eva 分享