iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

30天快速上手 Meteor - 使用 Universal JavaScript Framework 開發即時聊天大平台 系列

不管是前端網頁還是後端伺服器,只要你會一點 JavaScript,就能使用 Meteor 來獨立開發,而且只要寫一次程式碼,Meteor 就能幫你把網站轉成 iOS 和 Android App,除此之外,Meteor 還擁有即時資料庫的特點,只要資料庫有任何變動,就會自動更新使用者畫面,非常適合拿來開發購物網站或是聊天平台。你還在等什麼?快跟著我一起進入 Meteor 的世界!

參賽天數 10 天 | 共 8 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day00:前言

Meteor 簡介 Node 的出現以及 ECMAScript 對 JS 的規範,帶動 Universal JavaScript Framework 的發展,...

2017-12-20 ‧ 由 谷哥 分享
DAY 2

Day01:初探 Meteor

此一系列文以 macOS 為開發環境,使用 Windows 的大大請搭配官方 guide 服用 (https://guide.meteor.com) 安裝...

2017-12-21 ‧ 由 谷哥 分享
DAY 3

Day02:Blaze/Spacebar 與模板基本使用

Blaze 是 Meteor 預設的前端框架,整合了 Meteor 的 Tracker 和 Minimongo,能夠隨著資料變動而自動更新使用者畫面,因此開發者...

2017-12-22 ‧ 由 谷哥 分享
DAY 4

Day03:Blaze/Spacebar 與模板進階使用+搭配 ReactiveVar

昨天介紹了 .onCreated() .onRendered() .onDestroyed 的使用方式與呼叫時機,今天要介紹如何使用 .events() 和 ....

2017-12-23 ‧ 由 谷哥 分享
DAY 5

Day04:Blaze/Spacebar 與模板進階使用+重點整理

到目前為止,Spacebar 的部分介紹了 {{> 模板名稱}} 和 {{helper名稱 參數}},今天要再介紹幾個不同的用法。 If/Unless #...

2017-12-24 ‧ 由 谷哥 分享
DAY 6

Day05:MongoDB 與 Collection(一)瀏覽器端的資料庫

MongoDB 為 Meteor 預設連接的資料庫,透過 Collection 來存取,但 Collection 不僅僅提供儲存與讀取資料等基本功能,還擁有 r...

2017-12-25 ‧ 由 谷哥 分享
DAY 7

Day06:MongoDB 與 Collections(二)Publish & Subscribe

接續昨天的內容,要怎麼做才可以讓資料庫同時具有 persistence 與 reactivity 呢? 首先我們建立 server 資料夾,並且新增一個檔案:...

2017-12-26 ‧ 由 谷哥 分享
DAY 8

Day07:前端與後端的溝通橋樑 - Methods

Methods 基本使用 Meteor 的 Methods 是一種 RPC(Remote Procedure Calling) — 瀏覽器端傳遞呼叫的程序名稱以...

2017-12-27 ‧ 由 谷哥 分享