iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 4221 瀏覽

鐵人賽 Modern Web DAY 22

ngrx/store 4 學習筆記系列第 22 篇

技術 [ngrx/store-22] Angular 網站實例 - 會員篇之後端

Angular 網站實例 - 會員篇之後端後端開始後端完成今天的目標：完成會員中心後端，在後端加入提供投顧報告的功能，並且限定只有驗證過的 Http req...

洋蔥 ‧ 2018-01-07

2 Like 0 留言 15863 瀏覽

鐵人賽 Modern Web DAY 19

用30天深入Angular 5的世界系列第 19 篇

技術 [功能介紹-12] Angular裡Service的DI

何謂依賴注入什麼是依賴注入呢？可以參考這篇文章：理解 Dependency Injection 實作原理 Service的DI 以下為一個service的範例...

Claire Chang ‧ 2018-01-07 ‧團隊XY - 動手不動口

0 Like 0 留言 4092 瀏覽

鐵人賽 Modern Web DAY 18

Angular Firebase 入門與實做系列第 18 篇

技術 [Angular Firebase 入門與實做] Day-17 Cloud Functions Cloud Storage Triggers

每日一句來源：Daily English A pessimist sees the difficulty in every opportunity; an o...

AlanShun ‧ 2018-01-06

0 Like 0 留言 5591 瀏覽

鐵人賽 Modern Web DAY 21

ngrx/store 4 學習筆記系列第 21 篇

技術 [ngrx/store-21] Angular 網站實例 - 記得我之二篇

Angular 網站實例 - 記得我之二篇今天開始今天完成後端開始後端完成前面完成了讓前端記住我的功能，但在實作的過程中，我們要的可能不只是登入狀態，今...

洋蔥 ‧ 2018-01-06

3 Like 0 留言 13594 瀏覽

鐵人賽 Modern Web DAY 18

用30天深入Angular 5的世界系列第 18 篇

技術 [功能介紹-11] NgModules

Angular modularity Angular有提供許多的功能，如FormsModule、HttpModule、RouterModule，都是NgModu...

Claire Chang ‧ 2018-01-06 ‧團隊XY - 動手不動口

0 Like 0 留言 3850 瀏覽

鐵人賽 Modern Web DAY 17

Angular Firebase 入門與實做系列第 17 篇

技術 [Angular Firebase 入門與實做] Day-16 Cloud Functions Cloud Firestore Triggers

每日一句來源：Daily English There is nothing noble in being superior to some other man...

AlanShun ‧ 2018-01-05

0 Like 0 留言 12902 瀏覽

鐵人賽 Modern Web DAY 20

ngrx/store 4 學習筆記系列第 20 篇

技術 [ngrx/store-20] Angular 網站實例 - 記得我篇

Angular 網站實例 - 記得我篇今天開始今天完成上次我們已經成功連上了後端，但是只要使用者ㄧ重新刷瀏覽器，又會回到未登入狀態，今天我們就來讓前端記住...

洋蔥 ‧ 2018-01-05

2 Like 1 留言 26666 瀏覽

鐵人賽 Modern Web DAY 17

用30天深入Angular 5的世界系列第 17 篇

技術 [功能介紹-10] Reactive Forms (Model-Driven Forms)

Template-Driven Forms與Model-Driven Forms的比較 Reactive forms Reactive forms的驗證大多是直...

Claire Chang ‧ 2018-01-05 ‧團隊XY - 動手不動口

0 Like 0 留言 2538 瀏覽

鐵人賽 Modern Web DAY 16

Angular Firebase 入門與實做系列第 16 篇

技術 [Angular Firebase 入門與實做] Day-15 Cloud Functions HTTP Triggers 02

每日一句來源：Daily English As I began to love myself, I found that anguish and emotio...

AlanShun ‧ 2018-01-04

0 Like 0 留言 6798 瀏覽

鐵人賽 Modern Web DAY 19

ngrx/store 4 學習筆記系列第 19 篇

技術 [ngrx/store-19] Angular 網站實例 - 使用者服務篇

Angular 網站實例 - 使用者服務篇今天開始今天完成今天的目標：完成使用者服務，讓使用者登入畫面能夠透過使用者服務來連結後端設定使用者服務 (Us...

洋蔥 ‧ 2018-01-04

2 Like 0 留言 12527 瀏覽

鐵人賽 Modern Web DAY 16

用30天深入Angular 5的世界系列第 16 篇

技術 [功能介紹-9] Template-Driven Forms

使用Event由template表單傳送資料給Component 利用事件的$event去傳送相關資訊給component <input (keyup)=...

Claire Chang ‧ 2018-01-04 ‧團隊XY - 動手不動口

0 Like 2 留言 5023 瀏覽

鐵人賽 Modern Web DAY 18

ngrx/store 4 學習筆記系列第 18 篇

技術 [ngrx/store-18] 網站實例 - 用 express 做後端

網站實例 - 用 express 做後端後端開始後端完成我們同樣地將後端的程式放在 github，您可以一步一步跟著做，或者直接用完成的部分。安裝 exp...

洋蔥 ‧ 2018-01-03

0 Like 0 留言 5218 瀏覽

鐵人賽 Modern Web DAY 15

Angular Firebase 入門與實做系列第 15 篇

技術 [Angular Firebase 入門與實做] Day-14 Cloud Functions HTTP Triggers

每日一句來源：Daily English No matter what label is thrown you way, only you can defin...

AlanShun ‧ 2018-01-03

2 Like 0 留言 7318 瀏覽

鐵人賽 Modern Web DAY 15

用30天深入Angular 5的世界系列第 15 篇

技術 [功能介紹-8] Pipes

Pipes有那些？常用的Pipes有DatePipe，UpperCasePipe，LowerCasePipe，CurrencyPipe，和PercentPip...

Claire Chang ‧ 2018-01-03 ‧團隊XY - 動手不動口

0 Like 0 留言 3701 瀏覽

鐵人賽 Modern Web DAY 14

Angular Firebase 入門與實做系列第 14 篇

技術 [Angular Firebase 入門與實做] Day-13 Cloud Functions

每日一句來源：Daily English Luck is not chance, it's toil. Fortune's expensive smile i...

AlanShun ‧ 2018-01-02

0 Like 0 留言 11345 瀏覽

鐵人賽 Modern Web DAY 17

ngrx/store 4 學習筆記系列第 17 篇

技術 [ngrx/store-17] Angular 網站實例 - 使用者登入篇

Angular 網站實例 - 使用者登入篇今天開始今天完成今天的目標：完成使用者登入畫面設定架構第一步：將之前產生 user 模組加入到 app.mo...

洋蔥 ‧ 2018-01-02

2 Like 1 留言 5831 瀏覽

鐵人賽 Modern Web DAY 14

用30天深入Angular 5的世界系列第 14 篇

技術 [功能介紹-7] Structural Directives

什麼是結構指令結構指令負責HTML佈局。他們通常通過添加，刪除或操縱元素來塑造或重塑DOM的結構。結構指令很容易識別。通常會有星號(*)在指令屬性名稱前面。...

Claire Chang ‧ 2018-01-02 ‧團隊XY - 動手不動口

2 Like 1 留言 2869 瀏覽

鐵人賽 Modern Web DAY 13

Angular Firebase 入門與實做系列第 13 篇

技術 [Angular Firebase 入門與實做] Day-12 functions 前言(聊天室)

每日一句來源：Daily English Those who are crazy enough to think they can change the wo...

AlanShun ‧ 2018-01-01

0 Like 0 留言 5688 瀏覽

鐵人賽 Modern Web DAY 16

ngrx/store 4 學習筆記系列第 16 篇

技術 [ngrx/store-16] Angular 網站實例之 - 首頁篇

Angular 網站實例之 - 首頁篇今天開始今天完成今天的目標要完成網站的首頁，先來做導覽列導覽列 (Navbar) 我們用 Angular Mate...

洋蔥 ‧ 2018-01-01

2 Like 0 留言 13761 瀏覽

鐵人賽 Modern Web DAY 13

用30天深入Angular 5的世界系列第 13 篇

技術 [功能介紹-6] Attribute Directives

Directive有分為結構型和屬性型的，這一篇要先介紹屬性型的Directive。本篇的範例請見：Attribute Directive example / ...

Claire Chang ‧ 2018-01-01 ‧團隊XY - 動手不動口

1 Like 0 留言 2522 瀏覽

鐵人賽 Modern Web DAY 12

Angular Firebase 入門與實做系列第 12 篇

技術 [Angular Firebase 入門與實做] Day-11 Storage 檔案處理 02

每日一句來源：Daily English The greatest glory in living lies not in never falling, bu...

AlanShun ‧ 2017-12-31

0 Like 0 留言 4648 瀏覽

鐵人賽 Modern Web DAY 15

ngrx/store 4 學習筆記系列第 15 篇

技術 [ngrx/store-15] 投顧網站 - 設定篇

投顧網站 - 設定篇今天開始今天完成您可以直接看今天完成的結果，或者用 git clone https://github.com/jerryhsieh/ng...

洋蔥 ‧ 2017-12-31

2 Like 0 留言 6261 瀏覽

鐵人賽 Modern Web DAY 12

用30天深入Angular 5的世界系列第 12 篇

技術 [功能介紹-5] 動態載入元件

模版組件有的時後會需要能夠動態被載入，在這邊會講要如何利用ComponentFactoryResolver來動態加入組件本篇的例子是需要動態載入廣告橫幅，因為...

Claire Chang ‧ 2017-12-31 ‧團隊XY - 動手不動口

0 Like 0 留言 3235 瀏覽

鐵人賽 Modern Web DAY 11

Angular Firebase 入門與實做系列第 11 篇

技術 [Angular Firebase 入門與實做] Day-10 Storage 檔案處理

每日一句來源：Daily English Celebrate what you've accomplished, but raise the bar a li...

AlanShun ‧ 2017-12-30

0 Like 0 留言 3757 瀏覽

鐵人賽 Modern Web DAY 14

ngrx/store 4 學習筆記系列第 14 篇

技術 [ngrx/store-14] 用 Angular 5 建立一個投顧網站 - 需求篇

用 Angular 5 建立一個投顧網站接下來我們用一個實例來介紹 ngrx/store 的使用在一個專案上，我們會先用完全使用 Services 的方式來...

洋蔥 ‧ 2017-12-30

3 Like 0 留言 11585 瀏覽

鐵人賽 Modern Web DAY 11

用30天深入Angular 5的世界系列第 11 篇

技術 [功能介紹-4] 組件間的溝通

本文同步發佈於：Claire's BLOG 通過輸入綁定數據從父項傳遞給子項這是接受數據的子元件的內容hero-child.component.ts 子元件輸...

Claire Chang ‧ 2017-12-30 ‧團隊XY - 動手不動口

0 Like 0 留言 2843 瀏覽

鐵人賽 Modern Web DAY 10

Angular Firebase 入門與實做系列第 10 篇

技術 [Angular Firebase 入門與實做] Day-09 Authentication - 02 路由守衛

每日一句來源：Daily English You can't reach for anything new, if your hands are still...

AlanShun ‧ 2017-12-29

0 Like 0 留言 4331 瀏覽

鐵人賽 Modern Web DAY 13

ngrx/store 4 學習筆記系列第 13 篇

技術 [ngrx/store-13] Store 加入 select

Store 加入 select 我們的 Store 內部大致完成，但是對於客戶 (Subscriber)，我們還少了介面，在 ngrx/store 裡，給客戶的...

洋蔥 ‧ 2017-12-29

2 Like 0 留言 7333 瀏覽

鐵人賽 Modern Web DAY 10

用30天深入Angular 5的世界系列第 10 篇

技術 [功能介紹-3] Hooks的生命週期

本文同步發佈於：Claire's BLOG Lifecycle Hooks 一個組件有一個由Angular管理的生命週期。 Angular創建、產生元件，當元件...

Claire Chang ‧ 2017-12-29 ‧團隊XY - 動手不動口

1 Like 0 留言 6625 瀏覽

鐵人賽 Modern Web DAY 9

Angular Firebase 入門與實做系列第 9 篇

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

Never let the demands of tomorrow interfere with the pleasures and excitement o...

AlanShun ‧ 2017-12-28

技術 [ngrx/store-22] Angular 網站實例 - 會員篇之後端

技術 [功能介紹-12] Angular裡Service的DI

技術 [Angular Firebase 入門與實做] Day-17 Cloud Functions Cloud Storage Triggers

技術 [ngrx/store-21] Angular 網站實例 - 記得我之二篇

技術 [功能介紹-11] NgModules

技術 [Angular Firebase 入門與實做] Day-16 Cloud Functions Cloud Firestore Triggers

技術 [ngrx/store-20] Angular 網站實例 - 記得我篇

技術 [功能介紹-10] Reactive Forms (Model-Driven Forms)

技術 [Angular Firebase 入門與實做] Day-15 Cloud Functions HTTP Triggers 02

技術 [ngrx/store-19] Angular 網站實例 - 使用者服務篇

技術 [功能介紹-9] Template-Driven Forms

技術 [ngrx/store-18] 網站實例 - 用 express 做後端

技術 [Angular Firebase 入門與實做] Day-14 Cloud Functions HTTP Triggers

技術 [功能介紹-8] Pipes

技術 [Angular Firebase 入門與實做] Day-13 Cloud Functions

技術 [ngrx/store-17] Angular 網站實例 - 使用者登入篇

技術 [功能介紹-7] Structural Directives

技術 [Angular Firebase 入門與實做] Day-12 functions 前言(聊天室)

技術 [ngrx/store-16] Angular 網站實例之 - 首頁篇

技術 [功能介紹-6] Attribute Directives

技術 [Angular Firebase 入門與實做] Day-11 Storage 檔案處理 02

技術 [ngrx/store-15] 投顧網站 - 設定篇

技術 [功能介紹-5] 動態載入元件

技術 [Angular Firebase 入門與實做] Day-10 Storage 檔案處理

技術 [ngrx/store-14] 用 Angular 5 建立一個投顧網站 - 需求篇

技術 [功能介紹-4] 組件間的溝通

技術 [Angular Firebase 入門與實做] Day-09 Authentication - 02 路由守衛

技術 [ngrx/store-13] Store 加入 select

技術 [功能介紹-3] Hooks的生命週期

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

標記使用者