前端與後端、基本網站架構 | 我要找工作
![前端與後端、基本網站架構](https://i.imgur.com/sLIY79K.jpg)
2022年11月25日—前端處理畫面呈現、使用者在瀏覽器看到的內容(HTML、CSS、JavaScript);後端則處理伺服器(WebServer)與資料庫(Database),使用者不會直接看到的 ...
![前端與後端、基本網站架構](https://i.imgur.com/sLIY79K.jpg)
整理科普影片做成截圖筆記,加上我消化後的補充/舉例分享。
這兩天查資料發現的YouTube頻道Dave Xiang[1],主要是電腦與技術知識的科普;這篇解釋網站基礎結構的內容很清楚,對象是非技術背景的朋友,推薦給大家。
可以粗略了解「前端」與「後端」的責任範圍,以便讀者和工程師們溝通、以及瞭解網站背後的細節,讓網站的黑盒子能界定幾個明確的溝通輪廓。
我把影片截圖下來,一起整理對該項主題的想法和大家分享。
截圖下方舉例說明的部分不是原始影片的內容,是我聽完消化、依照對應主題整理想法,再用自己的話紀錄的筆記,有任何建議還請多多指教。
文章大綱 網站互動方式與影片大綱[2] 什麼是後端(Back-End)?[3] 網頁伺服器(Web Server)[4] 資料庫(Database)[5] 什麼是前端(Front-End)?[6] 前端、後端小結[7] 前端、後端協作的改變[8] 其他補充[9] 網路架構小抄[10] 網站互動方式與影片大綱使用者透過前端介面,向後端查詢資料,並把後端傳回來的內容顯示出來。
例如我們透過瀏覽器在Google搜尋欄位查找關鍵字,後端接受關鍵字後做相關處理,把搜尋結果清單回傳,顯示在我們的瀏覽器上。
從上述情況來說,從前端只會看到「Google搜尋首頁」、「搜尋結果清單」的畫面,具體後端做了哪些商業邏輯的處理,使用者是不知道的。
HTML筆記(01)-前端、後端和全端 | 我要找工作
五分鐘搞懂網頁前端工程師、後端工程師、全端工程師的差別 | 我要找工作
什麼是全端工程師? 跟前端、後端有什麼差異呢? | 我要找工作
前端、後端、全端工程師必備技能與就業門檻比較(2021.6月更新) | 我要找工作
前端和後端 | 我要找工作
前端和後端要選哪一端?帶你了解Web前後端開發 | 我要找工作
前端工程師是什麼?前端後端差別|薪水 | 我要找工作
前端與後端、基本網站架構 | 我要找工作
後端工程師(Back end Developer)是什麼?成為後端需要學習 ... | 我要找工作
軟體工程師工作內容全面解析:前端vs後端vs全端 | 我要找工作
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 品遠有限公司全職Embedded Software Engineer
品遠有限公司開出EmbeddedSoftwareEngineer職缺2 名,主要工作內容有:工作經歷:5年以上學歷要求:大學或碩士科系要求:資...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 久舜營造股份有限公司全職資訊IT人員
久舜營造股份有限公司開出資訊IT人員職缺1 名,主要工作內容有:1.專案事項交辦。2.協助系統維運(VM、Windows、NAS、事務機)...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 萌萌達有限公司全職【新創公司徵伙伴】安卓中高階工程師
萌萌達有限公司開出【新創公司徵伙伴】安卓中高階工程師職缺3 名,主要工作內容有:在台灣有能力的工作伙伴不少,看到我們徵...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 嵐奕科技有限公司全職IOT韌體工程師(此為現場徵才活動職缺)
嵐奕科技有限公司開出IOT韌體工程師(此為現場徵才活動職缺)職缺5 名,主要工作內容有:1.EmbedLinux韌體維護作業。2.Arduino...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 國眾電腦股份有限公司全職JAVA助理軟體工程師(內湖)
國眾電腦股份有限公司開出JAVA助理軟體工程師(內湖)職缺5 名,主要工作內容有:1.金融領域軟體開發。2.負責撰寫軟體功能、測...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 年興紡織股份有限公司全職軟體工程師
年興紡織股份有限公司開出軟體工程師職缺1 名,主要工作內容有:1.負責部門與海外廠之需求功能開發, 包括系統設計、撰寫、...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 阿里發股份有限公司全職機構設計助理
阿里發股份有限公司開出機構設計助理職缺1 名,主要工作內容有:協助產品設計開發,圖面繪製,以下為該職缺詳細資訊:公司名...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 富台工程股份有限公司全職管線工程師(台北)(符合安穩雇用2.0計畫)
富台工程股份有限公司開出管線工程師(台北)(符合安穩雇用2.0計畫)職缺2 名,主要工作內容有:1.管線設計、管線3D設計2.協助...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 源思科技股份有限公司全職軟體測試助理
源思科技股份有限公司開出軟體測試助理職缺2 名,主要工作內容有:軟體模版測試,客戶使用問題排除及服務,以下為該職缺詳細...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 易勝資訊股份有限公司全職Java開發工程師 (政府開發專案)(請以電子履歷投遞)
易勝資訊股份有限公司開出Java開發工程師(政府開發專案)(請以電子履歷投遞)職缺10 名,主要工作內容有:1.Java開發經驗2.熟...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 亞太電信股份有限公司全職【網路技術專業】行動核心/數據網路規劃工程師※適用政府安穩雇用計畫
亞太電信股份有限公司開出【網路技術專業】行動核心/數據網路規劃工程師※適用政府安穩雇用計畫職缺1 名,主要工作內容有:※...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 嵐奕科技有限公司全職PHP/Laravel 工程師(此為現場徵才活動職缺)
嵐奕科技有限公司開出PHP/Laravel工程師(此為現場徵才活動職缺)職缺5 名,主要工作內容有:負責前端程式套版與後台系統設計...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 葵曜系統有限公司全職iOS App開發工程師
葵曜系統有限公司開出iOSApp開發工程師職缺1 名,主要工作內容有:從事網際網路系統軟硬體與程式語言的設計撰寫、測試及安裝...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 三六零資訊科技股份有限公司全職網頁前端工程師
三六零資訊科技股份有限公司開出網頁前端工程師 職缺1 名,主要工作內容有:《此為才庫關係企業【三六零資訊科技】內部正...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 易勝資訊股份有限公司全職Java全端工程師 (金融開發專案)(請以電子履歷投遞)
易勝資訊股份有限公司開出Java全端工程師(金融開發專案)(請以電子履歷投遞)職缺10 名,主要工作內容有:負責金融專案開發工...