iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 1
0
自我挑戰組

前端新手的心路歷程系列 第 2

前端新手的心路歷程Day - 2 HTML、CSS、及JavaScript之我見

  • 分享至 

  • xImage
  •  

國慶日跟朋友玩得晚了一點,
沒想到竟然會導致這個挑戰直接GG啊(゚∀。)
不過我還是會把整個系列完成的!

那就話不多說,我們直接進入主題吧!

HTML 、 CSS 與 JavaScript三劍客就像.....

好吧,請原諒我要用很宅的方式來比喻這三劍客。
因為講到這三者之間的關係,我第一時間聯想到的就是 MineCraft(以下簡稱麥塊)。
如果不知道的捧油麻煩請自行估狗,因為我怕在這邊解釋會變成幫他們打廣告XD

HTML - 組成網頁的最基本元素

HTML就像是麥塊中的各種組合配方一樣,
把木頭圍成一圈就能合成一個箱子。
同樣地,在 HTML中,我們使用各種標籤來組成我們網站所需要的元素
`

CSS - 預設的元素太醜了嗎?沒關係,我們有素材包喔!

CSS其實就像是麥塊中的素材包,
將原本醜醜的元素(或方塊)依照自己的喜好來裝飾它們。
像是:這個元素有多高?有多寬?是甚麼顏色?......等等的特徵,
我們都可以自己決定喔!
前面有個好大的坑,我們手牽手一起跳進去吧ε٩(๑> ₃ <)۶з

JavaScript - 妥妥的,它是紅石系統

如果各位有看過麥塊的神人利用紅石系統做的事情,
大概不難明白我的意思,
如果不知道的,我大概舉些例子,幫助各位理解:
他們可以用遊戲裡的素材,打造一個萬位數的計算機;
或是做成一個照相機之類的東西,
總之就是只有你想不到、沒有你做不到的一個元素。
JavaScript也是一樣,
除了使用在網頁之外,也有一些 IoT方面的應用,
應用的層面十分廣泛,由於我對它的認識十分淺薄,就不在這邊獻醜了。

當這三者組合起來

所以當我們把這三劍客適當地組合起來,
我們可以得到一個:
結構工整、外表美觀,而且能夠執行功能的網頁。
不知道各位有沒有注意到,這整段的重點在於"適當地"。
由於我的本事不到家,無法為各位示範何謂"適當",
但是有很多"不適當"的例子喔d(ˊ・∀・)b
希望各位看官不要犯跟我一樣的錯誤啊~~~~

爛 Code警告

往後幾天會把之前寫的 Code拿出來鞭屍,
要不是參加這個活動,
有些東西我恐怕這輩子都不會再打開來看了。
讓我們預先為各位的眼睛、還有我的羞恥心默哀十秒
一、二、三、四、五、六、七、八、九、十。
好了,我們明天見!


上一篇
前端新手的心路歷程Day - 1 自我介紹及一些好用資源分享
下一篇
Day 3 - 我第一次切版時所犯的錯
系列文
前端新手的心路歷程6
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言