iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 2
0
自我挑戰組

溫故知新 JavaScript系列 第 2

Day2- 什麼是 JavaScript

  • 分享至 

  • xImage
  •  

歷史

JavaScript 又稱 JS,根據維基百科的說明最早是在 1993年,伊利諾大學厄巴納-香檳分校的國家超級電腦應用中心(NCSA)發表了NCSA Mosaic,1994年網景(Mosaic Communications)這間公司成立,找來當初 Mosaic 的開發人員來開發一個叫做網景領航員的瀏覽器,這瀏覽器在當時可以說是全球最主要的瀏覽器,拿來現在比的話就是 chorme 的地位,在1995年網景這間公司又找來了一名叫艾克的人他只花10天就把 JavaScript 原型設計出來,但一開始並不是叫 JS 而是叫做 Mocha 後面又改名為 LiveScript 最後才重新命名叫做 JavaScript,好了這些文鄒鄒的歷史我就打算介紹到這邊,更詳細對於 JavaScript 的歷史介紹可以上 維基百科 仔細了解。

JS 在網頁中擔任什麼角色

在觀看 youtube 或是在網路上買東西時,我們都會跟這些介面有很多的互動吧,比方說播放影片或是把影片加入到收藏,而這些動作都是靠 JS 去完成的也就是說 JS 可以讓我們去操作這個網站不是只能觀看而已,再舉一個電商網站的例子,把想吃的 中秋節烤肉組合加入購物清單、再增加要購買的組數、想想還是不要買好了又把它刪除、再到結帳這一連串的行為 也都可以透過 JS 去完成。

HTML、CSS、JS 他們的關係是什麼

他們就是前端工程必須要會的基礎三劍客,在學習 JS 之前建議先對 HTML與CSS有基礎的認識這樣才不會在學習上卡卡的,因為光是要透過 JS語法跟網頁的內容有所互動,就得先認識 HTML 標籤了,關於這三劍客我個人會這樣解讀,HTML就是人的骨架器官皮膚、CSS就是幫這個人打扮的漂漂亮亮的化妝品和衣服、JS就是讓這個人接上神經讓整個人可以動起來在跟使用者互動。
形容得好像有點可怕,我們來看張圖吧!

日本範例網站

像上面這個網站的畫面,按鈕就是使用 HTML 的元素但是原本的按鈕標籤很醜啊,所以就要用 CSS 把它變成黑色有圓角才有美感,最後還可以點擊購物在上面購買東西此時就會用到 JS 的語言,那今天介紹的落落長主要是想讓大家知道 JS 的歷史以及在網頁中的應用,關於 HTML、CSS、JS 他們之間的關係與應用就介紹到這邊囉,後面開始就即將進入到 JS 的領域囉!


上一篇
Day1 - 前奏
下一篇
Day3- Hello 來寫第一個 JS 吧!
系列文
溫故知新 JavaScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言