練習開發網頁必備工具gulp簡易入門

初學HTML/CSS/Javascript的學習者除了上codepen這一類的線上學習網站之外,如果要在自己的電腦中練習.html、.css以及.js程式時,經常需要在編輯完成某個程式片段時重新整理瀏覽器檢視其結果,儘管只是一個小小的重新整理的動作,但是如果這個動作可以在我們對於網頁檔或是程式檔一存檔之後立即自動更新網頁,相信在學習的過程中會更加地有效率,而可以幫助我們做這件事的程式就是gulp。

在Windows環境下建立第一個AngularJS的開發網頁

不需要有任何的網路主機空間,只要在自己的電腦中就可以建立一個可以開發AngularJS的環境,而且很簡單。當然,如果在自己的電腦中如果已經安裝了EasyPHP、WAMP等等本機端的網頁伺服器,只要能夠執行瀏覽器順利載入http://localhost的網頁就可以開始開發AngularJS了,不過在這篇文章中我們希望能夠更進一步地從一個已經建立好的開發框架開始。

在Firebase Hosting部署第一個網頁

和一般的網頁部署方式不太一樣的地方在於,它必須要先在自己開發網頁的電腦中安裝一套firebase的tools,然後透過命令列的方式把網頁複製到它的Hosting空間上。而安裝firebase工具集需要使用Nodejs的套件管理工具npm,因此要部署Firebase Hosting的網站,第一步就是安裝Nodejs以及NPM,然後再安裝firebase-tools,步驟如下(假設在Ubuntu 16.04的虛擬機上,以root的帳號來安裝)

透過Firebase Hosting 建立免費的靜態網頁

Firebase除了提供即時資料庫之外,也有免費的Hosting可以用,而且用法相當簡單,非常適合於用來製作單頁的靜態應用網頁,這一篇文章我們先來學會如何申請這樣的功能,並把自己的網址也附加到這個Hosting空間中。

新版Firebase專案建立指引

在Firebase被Google收購之後終於在2016年大幅改版,其控制台正式地被加入到Google Cloud的專案中了,之後所有新建立的Firebase專案,都必需先在Google上申請帳號(不過相信大家都有了吧),然後建立一個在Google Cloud之下的專案,才能夠繼續使用,在一篇文章主要是說明如何啟用這些專案。