iT邦幫忙

鐵人檔案

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

從頭建立一套 web-based 服務架構 系列

本系列文章試著以逐步挑選使用技術(tech stack)為核心思想,建置一套 web frontend 架構。除了單純的前端架構外,系列文章也會包含資料庫與 API 等後端架構,以及所有系統的佈署範例,以期達到一次從頭打造整套「雲端服務」,希望能給讀者一些靈感或參考。

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

從頭建立一套 web-based 服務架構 (1) 前言

從頭建立一套 web-based 服務架構 (1) 前言 緣起 2016 是個前端技術變動快速的時代,從早期停留在直接進行 DOM manipulation 的...

2016-12-01 ‧ 由 teaualune 分享
DAY 2

從頭建立一套 web-based 服務架構 (2) 概覽與需求簡介

從頭建立一套 web-based 服務架構 (2) 概覽與需求簡介 本系列文章將試著遵循 Aggregate libraries instead of fram...

2016-12-02 ‧ 由 teaualune 分享
DAY 3

從頭建立一套 web-based 服務架構 (3) 模版架構

從頭建立一套 web-based 服務架構 (3) 模版架構 在開發 React.js 專案時,使用 JSX 語法撰寫 React component 較為方便...

2016-12-03 ‧ 由 teaualune 分享
DAY 4

從頭建立一套 web-based 服務架構 (4) 環境變數、ESLint 與 Babel

從頭建立一套 web-based 服務架構 (4) 環境變數、ESLint 與 Babel 昨天在初始化專案架構時,除了使用 Gulp 作為 task runn...

2016-12-04 ‧ 由 teaualune 分享
DAY 5

從頭建立一套 web-based 服務架構 (5) Tuning Webpack

從頭建立一套 web-based 服務架構 (5) Tuning Webpack 延續前幾天的內容,今天要介紹本次專案使用的 Webpack 設定。雖然 Web...

2016-12-05 ‧ 由 teaualune 分享
DAY 6

從頭建立一套 web-based 服務架構 (6) Webpack HMR

從頭建立一套 web-based 服務架構 (6) Webpack HMR Webpack 內建名為 Hot Module Replacement (HMR)...

2016-12-06 ‧ 由 teaualune 分享
DAY 7

從頭建立一套 web-based 服務架構 (7) 啟動 Frontend Server

從頭建立一套 web-based 服務架構 (7) 啟動 Frontend Server 前面大致介紹完初始環境建置,今天就來看看 frontend serve...

2016-12-07 ‧ 由 teaualune 分享
DAY 8

從頭建立一套 web-based 服務架構 (8) API Server

從頭建立一套 web-based 服務架構 (8) API Server 到昨天為止,我們介紹了身為主角的 frontend server 和 web app...

2016-12-08 ‧ 由 teaualune 分享
DAY 9

從頭建立一套 web-based 服務架構 (9) 開發 Loopback App

從頭建立一套 web-based 服務架構 (9) 開發 Loopback App 繼昨天介紹了 API Server 的基本架構後,今天要來簡單介紹 Loop...

2016-12-09 ‧ 由 teaualune 分享