姬小光前端興趣班【第001期】- 然並卵的 Hello World ！

如果你還不知道前端開發是幹嘛的，那美工你一定聽說過；如果連美工也沒聽說過，那姑且就當我是個做網頁的好啦～

既然是雄心勃勃的創刊號，那就說一下我的想法吧，前端開發這個職業存在也有十幾年了，可以說是從美工和切圖仔演變而來，且在能力模型和工作職責上都更加豐富了的職業。

雖然現在還有很多人對前端開發崗位存在誤解，但仍然阻擋不了新一代的小鮮肉們求知的慾火。

所以，我也希望能夠盡我一點微薄之力普及一些前端開發/做網頁的基礎知識。無論你是在校學生，產品經理，設計師，抑或是前端愛好者，甚至是美國總統，都可以在我這裡從零學起，xx天精通前端開發。

那麼，下面就開始我們的正文吧。

然並卵的 Hello World ！

大家都知道，程式設計師界有個奇葩的習俗，就是無論學習什麼語言都要從 Hello World ！開始，然... 我們做網頁也不例外。

首先，開啟任何一個文字編輯器（如 windows 的記事本），新建一個文件，並認真鍵入 Hello World ! :

選擇“檔案(File)” -> “另存為(Save as)”（具體編輯器差異，文字可能有所不同），在檔名處輸入 index.html ，點選“儲存”，選擇儲存位置到桌面即可。

此時，無論你安裝了哪種網頁瀏覽器，你的桌面上都會出現一個有著瀏覽器模樣的檔案，且名為 index.html。

現在，滑鼠雙擊這個檔案，你就會發現你的網頁瀏覽器已經啟動並開啟了一個新頁面，內書：Hello World ！至此，你的第一個網頁製作完畢了，是不是很簡單呢？

下面還有一個補充技能，在剛才的網頁空白處點選滑鼠右鍵->檢視原始碼，你看到了什麼？這就是前端工程師們的辛勤勞作的成果啊，雖然現在你可能還看不懂，不過至少新技能已 get√ 有木有？趕緊動手試試吧。