【零基礎】簡易JavaScript！學寫港鐵到站時間網頁 #1-安裝VS Code
這系列教學，以「實例形式」邊做邊學。針對初學者程度，製作「港鐵實時到站時間」網頁，透過取得香港政府(data.gov.hk)數據，深入淺出了解Programming。
教學程度
- 毋須寫程式經驗
- 備有可上網的電腦
- 懂基本英語
目標
（1）製作「港鐵列車到站時間」網頁
（2）連接香港政府「資料一線通」提供的API，擷取港鐵列車實時數據。（3）使用Bootstrap。
（4）學習HTML、CSS 及JavaScript。
#1 — 安裝及簡介
其實寫網頁，用Notepad也可以！但開發工具（Integrated development environment , IDE)，可以幫忙除錯及簡化coding 過程。當中最多人用的IDE是Visual Studio Code。
官方網頁下載：https://code.visualstudio.com/
（如自己搜尋的話，請緊記名稱是Visual Studio Code，藍色圖示的，不要錯手下載另一個叫Visual Studio的東西）
另一個我們會用到的是Google Chrome，相信大家都有在用了。
#2 —學懂 HTML / CSS / JavaScript 關係
HTML
像人類的骨幹，一個網頁可以沒有CSS和JavaScript ，但HTML就不可或缺。
- 常見一對對箭<> </>，像是一對開關引號，最外圍是<html></html>。
- 主要分頭身 <head> </head>、<body> </body>。
- 皮膚 和 裝飾
CSS （Cascading Style Sheets）
皮膚 和 裝飾
- #id {
background-color : pink;
} - 常見由一對花括號 {} 包着一堆英文字，每行最後有一個分號 ;
- 將CSS 放入HTML Tag 之中，該段HTML就會變身。
JavaScript
大腦
- 負責運算、紀錄、互動 等
- 例如a=1 , b=2 , c=a+b，或是a+b是否大於4 等邏輯
- 網頁中，我們會透過JavaScript會擷取數據庫資料
作者的話 (可以略過)「我要控制科技，而不是被科技控制我！」感謝您看我的文章。
我原本是一個新聞記者，但年近30，開始感到迷惘。
於是報讀了Coding Bootcamp，3個多月成功轉職「軟件工程師」。很多朋友問我到底難不難？
我嘗試運用記者經驗，將問題深入淺出，簡短地讓沒有經驗的你，感受一下Programming適不適合自己。另一個目的，我希望累積教學經驗。
日後有手足要幫忙，我可以幫到。
即使沒有財力開公司請人，也希望授之以漁。
所以有問題請留言，我也希望知道自己哪裏講得不夠好。▲▲香港 時代▲▲