網頁開發初心者翻譯蒟蒻 : JavaScript篇【Day2】- 什麼是JavaScript

15th鐵人賽 javascript front-end

Miss_SOP | SOP小姐

2023-09-17 23:23:56

161 瀏覽

分享至

Hello 大家好！👋

又見面了～我是30才跨領域轉職女子 - SOP小姐，前一天和大家提到這系列文的緣起，今天來讓大家快速了解一下什麼是JavaScript，在今天的文章中你將會了解到：

1. 什麼是JavaScript？
2. JavaScript的應用範圍
3. 學習JavaScript有什麼好處？

那麼，我們就開始進入今天的主題吧～

什麼是JavaScript

首先，不免俗的一定要先了解一下什麼是JavaScript？

這裡要先提到的就是網頁的三個核心技術HTML、CSS和JavaScript：

在網頁中，HTML負責程式內容的建立，就像一間毛胚屋🏠，擁有基本的骨架和基本的功能，但沒有裝潢，很醜

CSS則像是室內設計師一樣👩🏻‍🎨，負責房屋內的裝潢及佈局，並且美化房子

JavaScript則像是房屋的水電工程，讓房屋擁有功能性，讓屋內的燈可以開關💡、水龍頭可以用🚰..等等

因此，文鄒鄒一點的說，透過JavaScript讓工程師能夠在網頁前端介面加上動態和互動效果，也能夠去操作內容或者使CSS外觀產生改變，在後端的應用上則是可以將前端獲得的數據加載傳輸到後端進行儲存去建構整個應用系統。

舉例來說，Airbnb網站上能夠透過上方這排搜尋列及按鈕去輸入訂房資訊並傳輸到後端資料庫搜尋房源，以及透過上方的按鈕去篩選房源..等等

airbnb-website

更專業一點的官方的說法則是：JavaScript是一種物件導向的高階程式語言

等等？？聽不懂了嗎？

沒關係!
翻譯蒟蒻

來看看下方的翻譯蒟蒻版：

程式語言：程式語言其實就是一種工具，讓我們能夠寫出程式碼去指使電腦做事情

高階程式語言：高階語言相對低階語言來說，是用一般人也能夠理解的用字來表示，方便對電腦語言認知比較不清楚的人也能夠大概明白內容的一種程式語言，比較不用考慮背後編譯運算等太多複雜的事情，以英文為主

物件導向（Object-oriented programming，縮寫：OOP）的意思則是：想像今天你要建造一棟房子，你雇用了一位建築師，我們只需要對建築師這個窗口，並且告訴他對於房子的特性需求和要達成的功能期望，然後由建築師去請團隊直接處理實際的建造工作。建築師就是這個所謂的物件(或者稱對象Object)

物件導向這種方式能夠將一整個網站像拼圖一樣，將複雜的項目拆分成一個個物件拼圖，每個物件負責相對應的專案，專案內有自己的特性和功能，使整個網頁的程式碼模組化、能夠易於重複使用、擴增和理解，以更直觀並且可維護的方式去管理複雜的項目，而在JavaScript中的特性我們會稱之為屬性(Property)，功能稱為值(Value)，後續會有更詳細的說明。

JavaScript的應用範圍

JavaScript的應用範圍相當廣泛，以三大前端框架Angular、Vue、React都是基於JavaScript基礎去建立的，因此學好JavaScript等於是紮好馬步打好基礎。

提到框架，就不得不再次提到，在程式語言界的變化是相當快速的，可能目前選擇學習的框架明年就已經漸漸被取代，因此學好JavaScript可以說是最穩健的武器，可以輕易的學習接下來流行的東西，正確的學好JavaScript可以說是在網頁開發中最值得的投資。

此外，原本JavaScript只能在瀏覽器上執行，但隨著Node.js的誕生，JavaScript的觸角也偷偷地伸到後端去，讓JavaScript也能夠直接執行建立、讀取、刪除等等的功能，並且能夠連接資料庫，由於本篇討論的內容以JavaScript前端為主，因此對Node.js有興趣的觀眾朋友們可以看看以下ALPHA Camp的文章：Node.js 是什麼？跟 JavaScript 有什麼關係

除此之外，學習JavaScript也可以使用React Native、Ionic等框架開發iOS及Android跨平台系統的App手機及桌面應用程式。

可以說是網頁前後端還有App應用程式都照顧到了，學好JavaScript真是無所不能🫨！