【前端】從0.1開始，建立第一個項目

前言

做爲一名Android程序員，學習前端知識是頗有必要的（近期任務較少，準備跟H5搶飯碗）。以前在上學的時候也學過一點，過久沒用忘得差很少了。

如今從0.1學起（畢竟有Android基礎，說從0學起太過度了）。語音之間有不少類似的地方，有Android基礎，相信學起來應該很快。

做爲一名前端新手不免有一些知識的不足或錯誤的認識。有錯誤之處，還望指出，這裏接收批評。

學習順序：HTML —> CSS —> JavaScript

學習的網站

推薦幾個良心網站，也是我這段時間學習前端知識的網站。菜鳥、w3school、MDN Web 文檔（前端同事推薦的）。若是不想看我bb，點擊連接進去學習，恭喜你畢業了。

同時感謝公司的前端大神們爲我答疑解惑

編譯器

這裏使用WebStorm做爲主要編譯器。 下載、安裝、綠化就不用我說了吧？

下載（WebStorm官網）

建立第一個項目

建立

或許這個步驟對於不少人來講很簡單，甚至有點多餘。不過在我剛開始找資料學習的時候， 那叫一個無從下手、一臉懵逼。

這裏按步驟一步步往下

安裝後打開WebStorm，建立步驟以下：

選擇路徑，建立便可。 建立後會獲得這樣的一個頁面，一個test1項目（全部的工程內容都放在test1文件夾中）。

右擊test1，依次選擇New — HTML File， 而後在彈框中輸入文件名。

完成後，便可獲得一個名爲index.html的文件。

效果預覽

點擊右側的對應的瀏覽器（光標在文件中時會出現），便可在瀏覽器中運行該頁面。（這時候運行的是個空白頁面）

在裏面加幾個標籤，看看效果？

在body中添加了兩個標籤，點擊右側預覽。（具體的標籤使用能夠在後面的文章中瞭解）

能夠看到網頁上出現了咱們剛加的那兩條信息

Tips：修改代碼保存（Command + S）後直接在網頁上刷新就能夠了，不用每次都去點擊運行。

一個頁面就這樣完成了，晚餐加雞腿~~

本文做爲前端的學習筆記，部份內容來自菜鳥、w3school、MDN Web 文檔。

相關閱讀

初識HTML

CSS : 入門

HTML標籤

HTML屬性

有錯誤之處，感謝指出，接收批評