Search
九月線上研討會精彩大爆發，周周提供如何適應數位轉型的關鍵議題!免費報名．精彩任你看！
2021/9/9 l 14:40 l數位轉型攻略 III：IT 即戰力-第十二堂
精選議題：「開源能量，Azure 釋放」使用 MongoDB Atlas 在 Microsoft Azure 上構建現代微服務應用程序
講師陣容：張冠群 Caspar Chang / MongoDB 北亞區高級解決方案架構師
內容摘要：微服務架構可以提供靈活性、交付速度和可維護性，許多組織現在圍繞微服務架構建立應用程式。在此演講中，我們將介紹微服務背後的概念，如何使用 MongoDB 和 Microsoft 微服務架構產品/服務實現微服務架構， 幫助組織可以更輕鬆地開發和部署基於微服務的應用程式，從而在滿足當今苛刻的開發和交付挑戰的同時實現更快的創新。
了解更多：https://webinar.ithome.com.tw/
上線好禮：每日準時上線連續超過 45 分鐘，前 150 名即可獲得【7-11 $45元拿鐵咖啡購物金】
新一代網站伺服器架構：MEAN
（加贈 MEAN 免費電子書）
最近國外科技網站頻頻出現一個新名詞：「MEAN」。而且該名詞只會出現與「網站開發（Web Site Development）」相關的論壇。看著大家「卑鄙」來「卑鄙」去的（Mean 在英文是「卑鄙、小氣」的意思），彷彿這個名詞技客（Geeker）們都已經熟到不用解釋到底在卑鄙個什麼。擁有嚴重資訊焦慮症（笑）的我，眼睛怎能容忍一個不知道全名的縮寫，動不動就從畫面「立體突出」來恥笑我呢！... :-D 稍微用點技巧查了 Google，並且把結果分享給大家。
原來 MEAN 講的是架設網站時，所使用的四套軟體：MongoDB、Express、AngularJS、Node.js。早個十年，那時開發網站流行使用 LAMP (Linux, Apache, MySQL, PHP) 這四套軟體。近年來，由於「大數據（Big Data）」、「分散式架構（Distributed Architecture）」、「非同步函數呼叫（Asynchronous Calls）」流行，傳統的 LAMP 已經無法應付上述三個需求，因此，網站開發環境就從「檯燈（LAMP）」換成「卑鄙（MEAN）」了... :-D 。皆下來我就一一介紹「卑鄙會的會員們」有哪些特色。
MongoDB 是一款以「檔案」做為儲存媒介的資料庫（Database）。有別於用傳統資料庫伺服器儲存資料、得把資料集中在後端單一機器上，使用檔案來存資料，不必硬是把資料集中在後台的一部機器上。你可以把一筆資料「碎屍萬段」，人名與電話的基本資料放在一台機器內的檔案，學經歷資料放在另一台機器內的檔案，達到「分散儲存，平行存取」的效果。這類用檔案做為儲存媒介的資料庫，我們通常稱為 NoSQL Database。近來 Facebook、Google...等網站，都積極使用 NoSQL Database 來做為後端儲存媒介。不但能「分散儲存」資料來預防一台機器掛點、整個網站就不能動的窘境，還能藉由「平行存取」位於數十台機器上分散儲存的資料，達到「秒取」所需的數據。關於 NoSQL 的介紹，可以看這篇「NoSQL 入門指引」： http://www.openfoundry.org/tw/news/9040
接下來我會介紹 Node.js，因為它比 Express 或 AngularJS 都來得基本。什麼是 Node.js 呢？簡單來說，就是執行於伺服器端的 JavaScript。拿 LAMP 時代的成員來比喻，Node.js 的地位就與 PHP 相同，只不過它採用 JavaScript 來當成語言而已。當然，Node.js 不是只有把 JavaScript 從客戶端搬到伺服端那麼簡單而已，還添加了不少功能。最著名的，當屬「非同步呼叫（Asynchronous Calls）」機制了。想瞭解「非同步呼叫」，得先瞭解什麼是「同步呼叫」。當主程式呼叫副程式時，在副程式還沒執行完前，主程式會「卡住」，等待副程式完成返回後，主程式才會繼續下一列程式碼的執行。這種函數呼叫方法稱為「同步呼叫」。但若副程式執行時間長，主程式在等待時就會因螢幕凍結、讓使用者體驗到類似「當掉」的情況。所以另外一種作法，就是主程式呼叫副程式、副程式開始運作後，主程式不等待副程式完成，逕行執行下一道指令。此時主副程式處於「平行運作」的狀況。等待副程式完成，就會「通知」主程式說：「我做完了」，主程式再予以反應即可。這種函數的呼叫方法，就稱為「非同步呼叫」。Node.js 並非三言兩語可以講完，有興趣的朋友，可以參考這本免費的 Node.js 電子書「Node 入門」： http://www.nodebeginner.org/index-zh-tw.html
再來是 AngularJS。它是 JavaScript 的「函式庫（Library）」，地位比較偏「前端」，負責 UI 的建置。如果說 JavaScript 是「無敵鐵金剛」，那 AngularJS 就類似「金剛飛翼」。與無敵鐵金剛結合後，就能讓本來不會飛的鐵金剛，遨翔在天際。AngularJS 有兩大特色：「單一網頁」與「MVC 模式」。「單一網頁」就類似你查詢「Google 圖片」時的感覺相同。網站一開始只提供一部份資料，隨著你往下捲，網站會動態載入剩下的部分。所有內容只要一直捲動，就會完整呈現，不必按「下一頁」，這就叫「單一網頁」。至於「MVC 模式」比較難懂，完全不瞭解它是什麼的版友，就等您實際研讀 AngularJS 再去學吧！Facebook 這邊實在不適合我長篇大論地講「何謂 MVC」。真的求知若渴的朋友，或可參考這篇「MVC 淺談」： http://luvit.me/1GzNxqN。最後，對 AngularJS 有興趣的朋友，可以參考這篇「我的前端 AngularJS 初體驗」： http://upvot.es/1C6W9qd
Express，一稱 ExpressJS，是一款 JavaScript 的「框架（Framework）」。所謂框架，就是協助你快一點寫出你想要的程式碼的工具。如果 JavaScript 是無敵鐵金剛，Express 就是幫忙你快速產生一架無敵鐵金剛的工具（以便讓你快去跟 AngularJS 這個金剛飛翼結合）。如果你是 PHP 的老手，我說 Express 就像是 PHP 內的 PEAR，不知道您是否能更有體會呢？關於 Express 的簡單介紹，中文的不多，不過我還是勉強找到這一篇 OK 的：「使用Node.js + Express建構一個簡單的微博網站」（ http://upvot.es/1E4MGQT ）。
不知這樣介紹，大家知道怎麼「卑鄙」（MEAN）地建構一個網站了嗎？最後送大家一本「卑鄙入門 XD」免費電子書。點擊後，找尋「eBook」這個關鍵字就能免費下載囉：
"MEAN Web Development", Packt Publishing, 2014
http://www.it-ebooks.info/book/4849/
期待大家也開始在網站開發這一塊，越來越「卑鄙」....
參考資料：
MongoDB（維基百科）： http://zh.wikipedia.org/wiki/MongoDB
用 Express 和 MongoDB 寫一個 todo list： http://upvot.es/17ER5vU
AngularJS（維基百科）： http://zh.wikipedia.org/wiki/AngularJS
使用 Node.js、Express、AngularJS 和 MongoDB 构建一个实时问卷调查应用程序： http://upvot.es/187BAwj
精通 MEAN: 当 MEAN 遇到 Meetup.com 和微数据： http://upvot.es/1E4Mili
[好站推薦] 15 個學習 Angular.js 的網站
在上個禮拜四，我曾貼出一篇「JavaScript 免費學習資源」（鏈結在此： http://on.fb.me/1B7AYVh ）的文章，得到不錯的迴響（5342 人看過、179 個讚）。當時我就曾提及，JavaScript 近年來的發展，早已非吳下阿蒙。用 JavaScript 開發出來的框架，早已多如過江之鯽。其中最出名的，應該非下列三大框架莫屬了：
1. jQuery
- 著重在網頁前端（負責繪製使用者介面那一端）。
- 號稱一行程式碼可以做出 JavaScript 百行程式碼才做得出來的效果。
2. Angular.js:
- 也是著重在網頁前端。
- 特色是能透過 MVC (Modal, View, Controller) 架構，把 HTML/CSS 碼，與 JavaScript/Angular.js 分離。
3. Node.js:
- 著重在網頁後端（接取資料庫的那一端）
- 特色為「效能」。
- 希望透過「事件」傳遞，做到「非同步呼叫」，讓瀏覽器不必等伺服器完成工作後，才能著手進行下一個工作。
今天要跟大家介紹的，是 Angular.js 的學習網站。原文網址如下：
http://designpotato.com/15-top-websites-to-learn-angularjs/
照慣例幫大家介紹一下。如果您英文不錯，可以直接看原文即可。以下文章是寫給英文不太熟的朋友看的。
==============
1. Recipes with Angular.js
-------------------------------------
用一篇篇短短的文章，來介紹介紹 Angular.js 的功能。每篇文章一定會舉個小範例讓你能捲起袖子實作，就像做菜看食譜（Recipes）一樣。
2. Tutorials Point
------------------------
其實該網站提供的免費學習文章，不止 Angular.js。而是包含 Java, Node.js, Angular.js, Android, Ruby...等眾多語言的教學文。原文連結通往首頁，為了避免您在首頁找不到 Angular.js，我幫您準備了直達 Angular.js 大門口的連結：
http://www.tutorialspoint.com/angularjs/index.htm
當然其它語言您有興趣，也可以看一下。收穫應該不少。
3. GitHub
--------------
作者該打屁股 XD！ GitHub 只是個讓您把原始碼或文件放在此處，並提供「版本管理」功能給您的網站而已。作者卻把超連結直接指向 GitHub 首頁。這樣能找到跟 Angular.js 相關的教學文才有鬼！！不過，紀老師不會讓這種事情發生的，對吧？呵呵！以下是正確頁面的傳送門，請服用：
「Angular.js Learning」
英文版： https://goo.gl/86V7k
繁中版： https://goo.gl/iXPyvw
簡中版： https://goo.gl/s219kC
4. Thinkster.io
-------------------
這也是一個混合了 Angular.js、MEAN (MongoDB, Express.js, Angular.js, Node.js，詳見此連結： http://on.fb.me/1dxXqfv )、Ionic、Swift 四種技術的教學網站。如果您只想看 Angular.js，只要點擊原文連結進去後，再點下方有個「AngularJS」的按鈕，按下去就可以過濾出所有跟 Angular.js 有關的文章了。
5. Year of Moo
---------------------
收集許多 Angular.js 的文章。其實比較不像有順序的教學文。不過看看還是不錯的！
6. Angular.js Tutorial by Todd Motto
------------------------------------------------
這位 Todd Motto 仁兄太神了！他寫了一篇一萬多字的文章，來介紹 Angular.js。讓您看完後，就可以「屁」Angular.js 給別人聽然後不太會露餡。號稱可以「一天學會 Angular.js」的文章。
7. NG Book
----------------
很棒的一本電子書！但原文提供的鏈結不是免費的....不過呢～～咳咳～嗯...傳送門在此 XD：
http://goo.gl/7EhLNd
8. NG Newsletter
-----------------------
一份高品質的 Angular.js 電子週報！由人工挑選的文章，每週定期推送給所有訂戶。免費！
9. Egghead
----------------
「蛋頭先生」的學習網站。其實這也是個收費的綜合性網站，並非只給 Angular.js。點擊進去後，點擊下方的 Angular.js 圖示，或者直接點擊我提供給您的超連結：
https://egghead.io/technologies/angularjs
就可以抵達 Angular.js 的頁面了。它的特色是影音教學。不過有些標示為「Pro」的部分，得付錢才能看。但免費的影音教學也很夠看了！
10. W3 Schools
-----------------------
很老牌的 HTML/CSS/JavaScript 教學網站！近年來也加入 jQuery、Angular.js...等主題。原文很不負責任的指向首頁。如果不想花時間找 Angular.js 在哪裡的朋友，可以直接點擊我提供的連結：
http://www.w3schools.com/angular/
11. Angular.js on Codeacademy
-------------------------------------------
Codeacademy 是一個以「互動學習」出名的網站。強調「做中學」。我非常推薦！原文連結直接點，就能抵達 Angular.js 的頁面。
12. Code School
-----------------------
另一個強調「做中學」的網站。有部分課程開放免費，但有些就得付費了。原文連結指向一個不存在的頁面，我幫各位修正好了。直接點下面這個連結，就能看到「JavaScript 系列」之下的兩個 Angular.js 課程了。一個免費、一個付費。有興趣大家可以試試看：
https://goo.gl/0vcYbY
13. Angular.js in 60 minutes
--------------------------------------
這是一本大約 100 頁的 PDF 電子書，內容不多，不過要 60 分鐘學完我是不太相信啦～ XD 。兩三個小時內看完、有心得，倒是有可能的！想快速瀏覽一下「Angular.js 到底能做什麼」，直接點擊原文提供的連結，就可以下載到這本電子書了。
14. Medialoot
-------------------
其實就是一篇 Angular.js 的長文而已。原文鏈結又很不負責的指向首頁，不管我從主選單找，或者用站內搜尋找「Angular」這個關鍵字，都找不到原文說的那篇文章。後來就求助 Google 大神，要求它把搜尋範圍限制在「medialoot.com」這個網站內，才找到原作者說的那篇文章。我幫大家補上連結在此：
http://goo.gl/xR8CYq
15. Medium.com
------------------------
又來了！作者又不負責任地指向首頁、而非他說的那篇文章了（翻桌）！這樣的作者真的很不負責任耶！不知道他是否來騙稿費的？不管，反正我又請 Google 大神故技重施、找到他說的那篇文章在下面：
https://goo.gl/7GUFv1
===============
今天幫大家介紹的 Angular.js，還滿意嗎？希望大家能有收穫喔！
也麻煩大家不吝按讚鼓勵，或分享給您 Facebook 的朋友喔！
mongodb介紹 在 使用—— NodeJs MongoDb Express零基础入门实战视频教程 的八卦
一、数据库和文件的主要区别二、NoSql介绍三、什么时候建议使用NoSql 四、NoSql和传统数据库简单对比。 五 ... ... <看更多>