JavaScript學習筆記(一) ─ 從執行與修改別人的程式開始吧

前言：

幾天前在FreeCodeCamp的Medium平台上看到一篇文章

How to block unproductive websites and boost your productivity using JavaScript

這是一個封鎖特定網頁於特定時間瀏覽的Script。

仔細想想到目前為止，雖然程式設計的基本語法都還算了解，但是卻沒有實際去運用。

因此，我決定開始學習第二個語言，"JavaScript"，並且以實作為導向的學習

以上面那篇文章為例，我將寫下學習JS的歷程，儘管今天只是第二天XD

我們開始吧：

1.首先，先到https://nodejs.org/en/ 把Node.js的開發環境下載回來，並且安裝，選擇8.12.0版本即可

2.接著，我們來到https://github.com/MadhavBahlMD/Control-Yourself 這個Repo，並且透過右邊的綠色按鈕，將其下載回來並解壓縮

3.開啟Node.js command prompt，輸入指令移動至該資料夾當中

cd desktop //移動目錄至桌面
cd Control-Yourself-master //移動至資料夾當中
cd JavaScript //移動至JS的資料夾
node blocker.js //執行blocker.js這個程式

#cd 就是Change directory的意思
#node 就是以Node.js執行該Script的意思

執行程式後，打開瀏覽器，前往Facebook的頁面，竟然無法連線？！

別擔心，我們用編輯器打開來看看這個JS程式做了什麼呢？

4.各位看到上圖的程式碼，明顯的發現，有Facebook的網址，還有一行127.0.0.1的IP位置

網址部分 //本程式碼以FB為例子，你也可以加上任何你想封鎖的網址
127.0.0.1 //也就是localhost，本地電腦，一般用戶是無法存取的
#所以這也就是為什麼，FB不能打開的原因
#因為FB的網址被導向至127.0.0.1了

5.緊接著看下去，大家應該有發現hours的部分，有一個

hours >= 14 && hours < 18 
//這行代表著，下午2點至晚上6點的這段時間，FB是無法連線的

大家也能試著修改程式碼，針對不同時間和不同網站來進行封鎖喔。