今天來簡單介紹一下web基本

前端和後端的區別

前端（Frontend）

前端是用戶可以直接看到和互動的部分，它包括網頁在瀏覽器上呈現的視覺效果和使用體驗。前端的主要目標是確保用戶界面（UI）的友好性和功能性，並提供良好的用戶體驗（UX）。主要技術包括：

• HTML（HyperText Markup Language）：用來定義網頁的結構和內容。
• CSS（Cascading Style Sheets）：負責網頁的外觀和布局設計，使得網頁具有視覺吸引力。
• JavaScript：用來處理網頁上的交互和動態行為，如按鈕點擊、表單驗證、數據更新等。

後端（Backend）

後端是用戶看不到的部分，它處理應用程序的邏輯、數據庫管理、伺服器通信等工作。後端通常涉及處理用戶的請求、與數據庫交互、運行應用程序邏輯並將數據返回到前端進行顯示。主要技術包括：

• 伺服器端編程語言：如 Python、Ruby、PHP、Java 等，用來處理邏輯和數據操作。
• 數據庫：如 MySQL、PostgreSQL、MongoDB，用來儲存和檢索應用程序所需的數據。
• API：應用程序接口（如 RESTful API、GraphQL）用於前端與後端之間的數據交換。

總結來說，前端專注於應用程序的用戶體驗和界面，而後端則負責處理應用程序的邏輯和數據管理。

URL / HTML / HTTP 的區別

1. URL（Uniform Resource Locator）

   • URL 是統一資源定位符，用來標識互聯網上的特定資源的位置。它類似於網頁的地址，讓用戶可以通過瀏覽器訪問某個特定的網頁或資源。
   • 結構示例：https://www.example.com/page?query=example
     • https：協議（Protocol），如 HTTP 或 HTTPS。
     • www.example.com：域名（Domain Name），表示資源所在的伺服器。
     • /page：路徑（Path），指出具體的網頁或資源位置。
     • query=example：查詢參數（Query Parameter），用於傳遞特定數據。

2. HTML（HyperText Markup Language）

   • HTML 是一種標記語言，用來定義網頁的結構和內容。它使用標籤來組織文本、圖像、表格、表單等元素，從而構建出網頁。
   • 例如：

     <h1>這是一個標題</h1>
     <p>這是一段描述文字。</p>
     

3. HTTP（HyperText Transfer Protocol）

   • HTTP 是超文本傳輸協議，用來規範瀏覽器和伺服器之間如何交換數據。當你在瀏覽器中輸入一個 URL 時，HTTP 用來確保你請求的資源（如 HTML 文件、圖片）從伺服器傳送到你的瀏覽器。
   • HTTP 是非加密的，而 HTTPS 是加密版本，提供了數據傳輸的安全性。

HTML / CSS / JavaScript

1. HTML（HyperText Markup Language）

   • 用途：用於定義網頁的結構和內容。HTML 提供了基本的標籤來創建標題、段落、圖片、鏈接、表格等元素。它是所有網頁的基礎。
   • 例子：

     <h1>這是一個標題</h1>
     <p>這是一段文字內容。</p>
     

2. CSS（Cascading Style Sheets）

   • 用途：用來控制網頁的外觀和設計，包括顏色、字體、布局、動畫等。CSS 是分離樣式和結構的方式，使得可以對 HTML 元素進行視覺樣式的定義。
   • 例子：

     h1 {
         color: blue;
         font-size: 24px;
     }
     p {
         font-family: Arial, sans-serif;
         line-height: 1.5;
     }
     

3. JavaScript

   • 用途：用來添加網頁的動態行為和交互功能。JavaScript 可以響應用戶的操作，如點擊、輸入、滑動等，並更新網頁的內容，讓網頁變得更加互動和動態。
   • 例子：

     document.getElementById("button").onclick = function() {
         alert("你點擊了按鈕！");
     }
     

三者之間的區別

• HTML 負責定義網頁的結構和內容。
• CSS 負責網頁的視覺樣式和佈局。
• JavaScript 負責網頁的動態行為和互動性。