iT邦幫忙

2023 iThome 鐵人賽

DAY 1
0
自我挑戰組

寫給自己看的前端學習筆記系列 第 1

寫給自己看的前端學習筆記 Day1

  • 分享至 

  • xImage
  •  
tags: 鐵人賽

Day1

此系列文章是自己對前端領域消化理解後輸出的筆記內容,期許自己養成輸入資訊之外也要養成輸出的習慣才算是真正的學習。

說明什麼是前端之前先談談網路這件事

即使不知道什麼是前端後端,也有上網購物或是看影片的經驗,但我們認知的網路指的是相同的東西嗎?

Internet and World Wide Web

這兩個字對一般人來說可能覺得沒差或是根本就是同一個東西但是兩種名詞,
對於網站工程師來說就需要搞懂其中差別。
網際網路(Internet )指的是有多台電腦需要溝通傳輸資料(文字、圖片、影音 etc.) 而串聯在一起形成的大型網路,上述的串連在一起指的是物理上的串連,全世界的網際網路就是透過海底電纜傳輸訊號連接的。

World Wide Web(WWW)是 Internet 的其中一種,指的是透過瀏覽器向伺服器發送請求獲得網站上檔案的巨型網路,伺服器拿到請求後活回傳的檔案是HTML、CSS、JavaScript。

HTML、CSS、JavaScript

  • 超文本標記語言(HTML)
    上部落格網站,裡面有很多文字要知道哪一些是標題、副標題,或是哪一些是重要的可以清楚顯示,就是用 HTML 來標記
    例如<h1>標籤用來表示標題。

  • 階層式樣式表(CSS)
    網頁只有白底黑字可能不夠吸引人,而 CSS 的用處就是讓網頁看起來有其他顏色變化或是調整文字間隔等等的美化功用。

  • JavaScript
    以上兩種語言可構成網頁,但是跟佈告欄一樣只能靜態的看沒有跟瀏覽網站的人有任何互動,透過 JS 可以做出點擊按鈕或是跳出視窗等功能。

HTML、CSS、JavaScript 是組成網頁的三大要素也是學習前端的基礎


下一篇
寫給自己看的前端學習筆記 Day2
系列文
寫給自己看的前端學習筆記18
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言