技術 [ngrx-store-9] 用 Observable 來理解 Dispatcher 跟 Store

用 Observable 來理解 Dispatcher 跟 Store 接下來幾篇並不是要實際做一個 ngrx/store, 而是讓我們用 Observable...

技術 [Angular Firebase 入門與實做] Day-05 Cloud Firestore - Querying Collections

The past can hurt. But from the way I see it, you can either run from it, or le...

技術 [新手教程-6] 使用Routing來切換頁面

本文同步發佈於:Claire's BLOG 什麼是Routing? Routing意指路由器，也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing...

技術 # [Angular Firebase 入門與實做] Day-04 Cloud Firestore - 新增(Create)、讀取(Read)、更新(Update)、刪除(Delete)

Cloud Firestore is a NoSQL, document-oriented database. Unlike a SQL database,...

技術 [ngrx/store-8] Javascript Mutable 跟 Immutable 資料型態

Javascript 的 Mutable, Immutable 資料型態 之前談到純函數的第二個要件是不能對可改變(Mutable) 資料做變更，那在 Java...

技術 [新手教程-5] 建立Service

這邊是上一篇Angular的主從元件開發的範例檔案：按此下載本文同步發佈於:Claire's BLOG 創建 HeroService 使用Angular CLI...

技術 [Angular Firebase 入門與實做] Day-03 Realtime Database - 讀取(Read)-2、新增、修改、刪除

Every day may not be good, but there's something good in every day. 昨天我們知道如何讀取...

技術 [ngrx/store-7] 純函數 (Pure Function)

純函數(Pure Function) 定義 根據 Wikipedia 的定義，一個函數稱為純函數需要符合下列兩個條件： 函數對於同樣的參數，永遠產生同樣的結果...

技術 [新手教程-4] Angular的主從元件開發

本文同步發佈於:Claire's BLOG 創立hero-detail元件 在前一篇新手教程3-使用angular的迴圈及判斷式等功能裡，我們在顯示select...

技術 [Angular Firebase 入門與實做] Day-02 Realtime Database - 讀取(Read)-1

讀取(Read) Be strong, believe in who you are; be strong, believe in what you fele...

技術 財政部電子發票 API 測試工具

財政部電子發票 API 測試工具 這是我最近在串接財政部 API 時自己寫的測試工具，希望能讓大家在串接測試上更加方便。歡迎 PR 財政部的 API 清單 &...

技術 [新手教程-3] 使用Angular的迴圈及判斷式等功能

本文同步發佈於:Claire's BLOG延續上一篇的範例: 請按此下載. 利用*ngFor來做迴圈顯示完整列表 首先開啟src/app/heroes/hero...

技術 [新手教程-2] 創立Angular的元件

本文同步發佈於:Claire's BLOG 使用CLI來為專案建立一個元件 ng generate component heroes用這個指令，CLI會為我們初...

技術 [Angular Firebase 入門與實做] Day-01 開發環境建立與初始化

Progress is impossible without change, and those who cannot chanage their minds...

達標好文 技術 [新手教程-1] 建立一個Angular5的專案

這系列的文章為我在官網學習Angular 5時所紀錄下來的學習筆記。 原文的原始教程都可在Angular的Docs看到。 這三十天的筆記大綱預計分為新手教程、功...

技術 [Angular Firebase 入門與實做] Day-00

Smile and let everyone know that today you're a lot stronger than you were yest...

達標好文 技術 [ngrx/store-1] 有關前端的狀態管理

何謂狀態管理 (State Management) 前端工程師經常需要面對所謂的狀態管理，至於什麼是狀態 (State) 呢？舉幾個例子： 狀態 (State)...

技術 [JS][Angular] 使用按鈕觸發檔案上傳

在做檔案上傳時，想把很醜的 <input type="file"> 換成漂亮的按鈕。 做法:先將 input file 隱藏，接...

技術 Day 30: 回顧2016年，台灣前端開發社群分析與未來期許

"The more you know, the more you know you don’t know." - Aristotle &q...