Web 前後端技術架構

瀏覽器的能力將會愈來愈強,, 別停留在只是傳輸網頁文件而已, 那已經是20年以前的時代。Web APP 程式開發將成為應用程式開發的主流, 未來任何東西都會在網路上, 應用程式也幾乎依賴瀏覽器來執行! 

換言之，瀏覽器存在就可以跑任何應用程式, 我們開發者不須要再各別為Windows、Linux、MacOS, Android APP、iPhone/iPad 等平台寫程式了, 真的寫不完，不要說寫連維護都很難，因為沒有這多資源，可以養這麼多人去維護這麼多平台的程式碼,。

當然，可以去找一個可以精通兩個平台以上的工程師, 但實在太少了

瀏覽器的功能會逐漸增強, 用AJAX, WebSocket(一種TCP Socket) 就可以用瀏覽器進行雙向多工通訊，透過Canvas就可以在瀏覽器進行2D/3D繪圖, 這些都是瀏覽器功能不斷演進才有的面貌。

程式在那裡下載??  阿榮福利味 ?! No, 你會在類似 Chrome 線上應用程式商店 找軟體, 如同手機習慣在Google Play, APP Store 線上安裝。而程式開發者，也剛好透過這樣的線上APP 電商, 銷售你的軟體! 不用再自己壓CD及做說明手冊，還要實體盒裝上架，也不用自己做平台做軟體發佈及版本更新。這很重要，因為以前軟體要行銷到不同國家,這太有難度了,. 現在已有建好的一個共通平台,如Google play，使得軟體行銷全球的門檻降低了, 就只怕軟體功能不夠牛而已。

另一方面，因為都是用瀏覽器來跑程式，有一天很多人將會忘記 Install Wizard這個東西,  就是那個用來不斷按[下一步] 安裝程式動作的工具軟體，Install Wizard將成為少數人的開發經驗。現在，不能執行程式, 多半是網路登入帳密自己忘記。

底下整理了 Web 前後端技術架構, 希望對新手在學習Web APP開發上，有一個明確的方向

Web Front-end:

1. HTML/CSS
2. JavaScript
3. JQuery
4. AJAX
5. WebSocket (socket.io-client)

• Web Framework: BootStrip, React, AngularJS

\

Web Back-end (以Node.js架構為例)

1.使用Express作為 node.js web框架
2.使用Handlebars 作為 HTML template engine
3.使用Socket.io作為WebSocket
4.使用Mongoose 存取NoSQL MongoDB資料庫