iT邦幫忙

鐵人檔案

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

從 MeteorJS 學習網路應用開發 系列

身為一個在出社會後,才在工作中偶然接觸 Javascript 和 React 的開發者,其實對於整套 web 應用的開發很不熟悉,多半只是拿幾個套件兜一兜、會動就好。

因此想要藉著這次的鐵人賽,從 MeteorJS 這個雖然有段時間,但入門門檻相對低、而且適用在同步應用的全端框架出發,走過完整開發的流程。

前端的部分會使用 React + Redux,預計包含 scss 的引入、schema 的驗證、測試、佈署等等,簡單來說就是摻在一起做撒尿牛丸的概念,由於第一次寫作,有內容或是技術上的問題還請多多指教,希望可以順利完成 30 天的挑戰。

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

Day 01 - [從 MeteorJS 學習網路應用開發] 什麼是 Meteor?為什麼用它

來談談 Meteor 吧! 首先是官網的介紹: Meteor is a full-stack JavaScript platform for developi...

2017-12-20 ‧ 由 cychien 分享
DAY 2

Day 02 - [從 MeteorJS 學習網路應用開發] Hello Meteor

在上一篇提到 Meteor 的簡介,這篇會開始講 Meteor 的安裝以及資料夾的結構。 這裡就很普通的按照官網上的安裝教學,Windows 系統需要多花點功夫...

2017-12-21 ‧ 由 cychien 分享
DAY 3

Day 03 - [從 MeteorJS 學習網路應用開發] Meteor + React

在上一篇文章中我們創建 Meteor 的專案,並設定好資料夾結構,這篇文章會開始安裝 React 和 Redux,並同時設定令人又愛又恨的 eslint 藉此檢...

2017-12-22 ‧ 由 cychien 分享
DAY 4

Day 04 - [從 MeteorJS 學習網路應用開發] 在 Meteor 中使用 Redux

Redux 目前幾乎是前端處理資料流的標準配備,尤其當前端是 React 的時候,今天的部分會很簡略的先複習 Redux,並說明它的特色,接著說明 Redux...

2017-12-23 ‧ 由 cychien 分享
DAY 5

Day 05 - [從 MeteorJS 學習網路應用開發] Publish & Subscribe

上一篇文章提到 Redux 在 Meteor 中的使用,今天會將重點放在 Meteor Publish & Subscribe 的資料傳遞方式,下圖可以...

2017-12-24 ‧ 由 cychien 分享
DAY 6

Day 06 - [從 MeteorJS 學習網路應用開發] 利用 method 修改資料

Meteor 提供 pubish & subscribe 的方式,讓 client 可以獲得 server 的資料,在另一個方向提供 meteor me...

2017-12-25 ‧ 由 cychien 分享
DAY 7

Day 07 - [從 MeteorJS 學習網路應用開發] 存取 mongo DB 和資料驗證

如同前面提到的 Meteor 高度仰賴 mongoDB 作為資料庫,無論是作為後端的資料儲存,或是前端 minimongo 的資料暫存。因為 monogoDB...

2017-12-26 ‧ 由 cychien 分享

Day 09 - [從 MeteorJS 學習網路應用開發] Docker 簡介

這幾天的內容都是讀完 「Docker 專業養成」這本書後的筆記 Docker 介紹 Docker 的圖示是一隻鯨魚上面承載許多的貨櫃,象徵著藉著虛擬技術可以將應...

2018-01-28 ‧ 由 cychien 分享

Day 10 - [從 MeteorJS 學習網路應用開發] Docker Container 簡介

Docker Image(映像)與 Container(容器) 當我們在安裝虛擬電腦的時候,都需要指定安裝的作業系統,例如 Linux 的 Ubuntu, Ce...

2018-01-30 ‧ 由 cychien 分享