iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 2
1
Modern Web

還在想要買哪一堂線上課程嗎?培養看文件的習慣吧!用 MDN 文件學後端:NodeJS & MongooseDB系列 第 2

二日:軟體 , 伺服器端 ( server-side ) 的介紹 ( 前導 )

What software do I need to build a website?

來源
我要用什麼軟體來建造一個網站

概要

We'll provide a few links in this article.
You'll need tools to:

  • Create and edit webpages
  • Upload files to your web server
  • View your website
    -- MDN

不想看英文直接看這裡:
簡單來說就是要講一些使用的工具、軟體,

  • 建造、編輯網頁
    • 主流的 VS Code, Sublime ... 如何安裝、套件等等就不多說了。我是使用 Mac OS + VS Code
  • 上傳檔案到伺服器
    • FileZilla (All OS)。我安裝過但沒好好研究過也沒用過,都是直接去 server GUI 或 Heroku deploy
      網站下一篇就在講這個部分,還有FileZilla的教學,但沒有要講(跳過)點我
  • 瀏覽你的網站
    • 你正在用的瀏覽器(browser)

伺服器端(server-side)的介紹

一整篇只有標題是中文~
來源

前言

大部分大規模網站都是使用 server-side code 動態呈顯資料給 user,
動態網站可以因循 user 使用偏好及習慣調整內容,使其更容易儲存 user 的個人喜好資料(如信用卡資料)。
還能有互動的行為,增加 user 對網站的黏著率

What is server-side website programming?(part. 1)

Browser 運用 HTTP 在網路上進行通訊,從瀏覽器發送 HTTP request 到其他的 server。
HTTP request: 最常見的就是我們點擊一個連結、在搜尋引擎按下搜尋,把表格、表單送出也是

這個 request 包含 URL 辨識,辨識 URL 帶了哪些動作要去做,
例如我想要「拿過來(get)」、「給出去(post)」、
「給出去同時帶著一些資料(parameters)」、「給出去同時帶著一些存在瀏覽器的資料(cookies)」

Servers 接到 requst 會馬上做出回應給 browser HTTP response,然後會秀出網頁來跟你說 request 有沒有成功
HTTP response (MDN):

  • 資訊回應: 100 Continue
  • 成功回應: 200 OK, 201 Created 通常用於回應 POST
  • 重新定向: 300 Multiple Choice 請求後的回應有很多個
  • client error: 403 Forbidden 無權限或未授權被伺服器拒絕回覆應有的 response, 404 Not Found 因為伺服器找不到請求的資源
  • server error: 500 Internal Server Error 伺服器發生無法處理的錯誤

以上僅節錄幾個狀態碼,完整介紹除了點擊上方連結,
也可以看大神保哥的文章:網頁開發人員應了解的 HTTP 狀態碼


上一篇
首日: Web server 概要 , HTTP , 靜態動態
下一篇
三日:伺服器端(server-side)的介紹(Static sites, Dynamic sites) , Server-side & client-side 不同之處
系列文
還在想要買哪一堂線上課程嗎?培養看文件的習慣吧!用 MDN 文件學後端:NodeJS & MongooseDB30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
iT邦新手 2 級 ‧ 2019-09-30 14:30:57

嗨,看到你文中提到翻譯,想說跟你說一下,如果想看中文的話還有一個選擇:
點簡體中文,然後google翻成繁體。
簡體的翻譯比較多,但不知道常用語有什麼出入。

PeterLiao iT邦新手 4 級 ‧ 2019-09-30 15:04:59 檢舉

哦哦! 我倒是沒想過先點簡中再用google , 謝謝你的提供/images/emoticon/emoticon12.gif
不過這次也是當作練習,後面連有繁中的也都盡量自譯了,當作訓練跟實驗

iT邦新手 2 級 ‧ 2019-10-01 09:50:22 檢舉

我看中文看不太懂,英文看比較慢,所以都混著看XD

PeterLiao iT邦新手 4 級 ‧ 2019-10-01 13:00:14 檢舉

我也是混著看完之後用看看就會自動腦補了 XD

我要留言

立即登入留言