今天要介紹一個autocomplete的library - Awesomplete，這是由一款功能強大但檔案小又容易使用使用的library，透過Awesomplete我們可以輕鬆地完成autocomplete功能，讓user在輸入文字時自動給予提示。

之前我們曾經就紹過Bootstrap這類的UI Framwork，目的是快速打造具有基本且通一的UI，並且支援RWD，不管是desktop或mobile瀏覽器都可以使用，而有時候我們可能不需要顧慮這麼多，只需要專注在mobile平台就可以了，這時候Onsen UI就是非常適合使用的UI Framework了。

行事曆功能在前端開發來說也是很常見的一種需求，例如透過行事曆來追蹤重要活動、代辦事項等等；而透過今天要介紹的FullCalendar，我們也能做出不輸給Google Calendar的強大行事曆！

全螢幕API(Fullscreen API)是JavaScript用來讓瀏覽器支援全螢幕的一種方式，透過Fullscreen API我們可以讓畫面可以一次呈現更多的資料，或是專注在某個影片或圖片上面等等，然後目前樓覽器的支援程度不一，因此要單純使用JavaScript的Fullscreen API，會變得複雜許多，而今天要介紹的screenfull.js，就是用來減少Fullscreen API在不同瀏覽器之間實作差異的library。

Dragula是一款協助前端開發人員完成拖曳(drag & drop)功能的library，透過Dragula我們可以輕鬆完成使用滑鼠進行清單的排序、移動位置等等功能，今天我們就來使用Dragula製作一個類似Trello的看板功能。

身為一個程序猿，有在使用任一種版本控制系統是很正常的，用過2~3種以上的也絕不稀奇，以目前來說，最受歡迎的莫過於Git了，不過今天不是要介紹Git，而是要介紹一款可以畫出Git類型的樹狀結構的library - GitGraph.js

上傳檔案是各種系統遇到機率都很高的一個功能，傳統要讓使用者上傳檔案，最簡單的方法就是加個 <input type="file"> ，但呈現的結果並不是很好看，雖然可以透過CSS來調整外觀，但整體還是有受限的感覺，使用上也稍微不太方便；而今天要介紹的Dropzone.js可以幫助我們使用更加直覺簡單的方式，來完成上傳檔案的功能。

placehold.it跟過去介紹的library都不太一樣，它是一個線上服務，功用是在網站規劃中還只是雛型階段時，暫時用來表示這裡有一張圖片的工具。也就是說，網站還未完成時，我們可能就需要進行一些DEMO，這時候某些預計要放圖片地方還沒有任何圖片可用；或是我們知道網站的某個地方一定會放置圖片，但沒有立即可用的圖片時，需要張占用的圖片放著，好確認版面不會亂掉等等，placehold.it就可以幫助你達到這些目標。

在設計系統的時候，常常因為需求複雜或龐大，UI也會越來越複雜，變得不直覺、難以操作；這時候有個操作手冊就變得非常重要，但是前端的變化速度又非常快，往往導致操作手冊跟不上UI的變化，這時如果有個響導能帶著你走過所有步驟，又不用擔心隨著UI的改變而無法使用，那真是再好不過了！今天要介紹的Intro.js，就是一款能達到上述條件的神奇library。

相信或多或少，大家都有製作投影片進行簡報的經驗，以製作投影片來說最主要的軟體大概非PoertPoint莫屬了；而想要使用PowerPoint做出絢麗的簡報沒有一番功夫可是做不到的...不過，我們可是前端工程師阿！如果有一款簡報軟體，可以使用我們熟悉的前端技術來完成，不是很棒的一件事情嗎？而Reveal.js就是這樣一款好用的簡報框架。