很多人一定會想說javascript到底是什麼，會需要下載開發工具嗎?
👉🏻「JavaScript 本身就可以直接在瀏覽器中執行，
所以我們不用安裝非常複雜的環境就可以開始寫屬於自己的 JavaScript !!!。」
第一次學 JavaScript，我想先從最簡單的方式開始。
這30天我都會使用 VS Code 來寫程式，所以第一天不急著碰變數、函式或其他語法，而是先把之後每天都會用到的開發環境準備好。
對我來說，先把環境弄好其實蠻重要的。因為如果連程式要寫在哪裡、怎麼執行、出了問題要去哪裡看都還不清楚，那這樣後面所學都會很難學進去且很容易卡在一個點過不去。
在開始前先設定好一個小目標：
👉🏻 在 VS Code 建立自己的第一個 JavaScript 專案，並成功執行第一行程式。
首先，你會需要 VS Code 這個方便又好用的程式碼編輯器。
可以到 VS Code 官方網站下載：
https://code.visualstudio.com/download?_exp_download=fb315fc982
下載完成後，依照自己的作業系統進行安裝即可。
另外介紹一個可以在 VS Code 裡下載的擴充套件：
Live Server
它可以讓我們在修改 HTML、CSS 或 JavaScript 後，更方便地重新整理並查看網頁效果。
安裝方式也很簡單：
Live Server
安裝完成後，之後就可以直接開啟網頁來測試自己的程式。
功能：可以將你寫出來的程式碼立刻呈現在網頁瀏覽器上，但是javascript則會需要在網頁裡面按下F12然後進入console裡面查看
接下來可以先在桌面建立一個資料夾，點進去VSCode開啟資料夾
專案架構如下
IThome/
├── index.html
├── index.js
使用JavaScript時，需要在HTML新增<script src="index.js"></script> 做連結
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript 從入門到進階：結合 Three.js × GSAP 打造互動網頁</title>
<script src="index.js"></script>
</head>
<body>
</body>
</html>
//為javascript的註解使用方法、console.log類似於python裡面的print()，把訊息輸出到瀏覽器開發者工具的 Console
//index.hs
console.log("Hello JavaScript")
console.log("JavaScript旅程開始啦~")
寫完之後打開網頁，可能會發現：
「奇怪，我不是有寫 Hello JavaScript 嗎？怎麼畫面上什麼都沒有？」
這非常的正常!!!
因為：
console.log("Hello JavaScript")
console.log("JavaScript旅程開始啦~")
不是把文字放到網頁畫面上，而是把文字輸出到瀏覽器的 Console。
所以我們需要打開開發者工具，按下F12會出現以上的內容
第二個方法差不多意思，按下右鍵→檢查→選console
那以上就是第一天的小小教學。
剛開始遇到新的技術，會很緊張不知所措、但其實不用急著一次全部弄懂。
先成功跑出第一行 JavaScript，就已經跨出一大步啦。
一步一步往前走，慢慢把每一個小東西搞懂，最後就會發現，原本看起來很難的東西，其實也沒有想像中可怕。
明天，我們就來探討：
HTML 和 CSS 都已經可以做網頁了，為什麼還需要 JavaScript？
iThome鐵人賽
看影片追技術