iT邦幫忙

angular相關文章
共有 427 則文章
鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 21
Angular初期筆記 系列 第 21

技術 DAY21-Angular6之pipe

基本說明 pipe 基本上就是值的轉換 下圖是在官網查詢 pipe 的所有項目https://angular.io/api?type=pipe     Cur...

鐵人賽 Modern Web DAY 10
ngrx/store 4 學習筆記 系列 第 10

技術 [ngrx/store-10] Store 的大架構

Store 的大架構 繼續往下做整個 Store 之前,我們先來想一下整個 Store 的架構跟資料流 當元件 (component) 或是 Store 自己...

鐵人賽 Modern Web DAY 24

技術 [Angular Firebase 入門與實做] Day-23 Progressive Web App with Firebase

每日一句來源:Daily English Pride relates more to our opinion of ourselves, vanity to...

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 2

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day01 - Schematics 簡介

Schematics 的起源 相信大家都知道,現代有非常非常多的事情都已經可以被自動化的機器或是工具取代。而這些事情之所以會被取代,基本上都是因為只要有個模組或...

鐵人賽 Modern Web DAY 27
Angular 8 從推坑到放棄 系列 第 27

技術 [Day26] 使用ngrx in Angular(3)

接下來我們就來看 ngrx 基本的使用方式. ngRX最主要由以下幾個部分組成 Actions State Change Selectors Store n...

技術 Angular - 從Github部署Azure App Service

這次試著部署Angular專案到Azure的時後,遇到一些問題,趕快紀錄下來。 建立App Service Angular相關設定 (重要) 建立新的ang...

鐵人賽 Modern Web DAY 19
Angular 8 從推坑到放棄 系列 第 19

技術 [Day 18] 如何使用 Angular Routing

今天要來介紹如何使用Roting來切換頁面 透過Routing可以決定所要顯示的Page 預設透過 Angular CLI 建立的為 app-routing.m...

鐵人賽 Modern Web DAY 4

技術 [Angular 元件庫 NG-ZORRO 基礎入門] Day 04 - 待辦事項 + Table

前言回顧 前兩天我們已經完成了專案基本佈局,大家對 NG-ZORRO 的一些元件使用方式、文件查閱等都有了一些簡單地瞭解,但是,最好的學習永遠是實踐。今天開始,...

鐵人賽 Modern Web DAY 27

技術 [Angular Firebase 入門與實做] Day-26 [實做] 照片功能修正與進階顯示

每日一句來源:Daily English A new day will come. And when the sun shines, it will shin...

鐵人賽 Modern Web DAY 3

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day02 - 要學打人,先學挨打

要學打人,先學挨打。 這句話是指剛學武的人在學習怎麼要打人之前,要先學會挨打。知道被打是怎麼一回事之後,自然而然就知道要怎麼打人。當然,這句話其實還有其他方...

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Modern Web DAY 3
Angular初期筆記 系列 第 3

技術 DAY3-Angular6之資料夾和檔案配置既說明

Angular 專案資料夾既檔案配置和說明 若有參考其他資料來源在 文字 旁會有[數字]標誌,可在下方參考來源對照,並觀看原作者說明 資料夾 說明 備註...

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Modern Web DAY 12
ngrx/store 4 學習筆記 系列 第 12

技術 [ngrx/store-12] Store 加完整的 Reducer

Store 加完整的 Reducer 現實的狀態跟 Reducer 通常都有幾個以上,我們來看一下多個 Reducer 的例子 多個(multiple) Red...

鐵人賽 Modern Web DAY 11
ngrx/store 4 學習筆記 系列 第 11

技術 [ngrx/store-11] Store 架構加入最簡單的 Reducer

Store 架構加入最簡單的 Reducer Reducer 是什麼? 如果對於 Observable 的 .reduce .scan 不熟的話,建議回頭看一下...

鐵人賽 Modern Web DAY 7
ngrx/store 4 學習筆記 系列 第 7

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

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

鐵人賽 Modern Web DAY 8

技術 [DAY-8] Angular元件的互動-元件的輸入與輸出@Input, @Output

在第二篇,為什麼選擇選擇Angular的文章提到,Angular的其中之一個優點是高度模組化,可以像樂高一樣,高度與其他元件結合與抽離。而高度模組化的訣竅在於,...

鐵人賽 Modern Web DAY 16

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

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

鐵人賽 Modern Web DAY 30

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day30 - 總結

三十天系列文至此即將告一個段落,雖然筆者到目前為止並沒有分享非常多的實戰,但 ng generate 、 ng add 、 ng update 這三個面向的 S...

鐵人賽 Modern Web DAY 29
用Angular打造完整後台 系列 第 29

技術 day29 Protocol Buffers 與 gRPC Web (一)

簡述 隨著微服務的趨勢,一個系統裡是有多個服務組成, 而且每個服務之間都要互相通訊,所以現在開始有一陣風吹向了gRPC。 gRPC最麻吉的資料格式是Protoc...

鐵人賽 Modern Web DAY 11
Angular 8 從推坑到放棄 系列 第 11

技術 [Day 10] Angular Debug 技巧

了解 Angular Debug 訊息 以上的 範例 Code 因為沒有實際執行所以 Typescript 是當下找不到錯誤的,要執行過 onAddServe...

鐵人賽 Modern Web DAY 29
ngrx/store 4 學習筆記 系列 第 29

技術 [ngrx/store-29] ngrx/store 之報告篇

ngrx/store 之報告篇 今天開始 今天完成 今天目標:完成報告有關的 Action, Reducer, Effects, Selector 報告篇...

鐵人賽 Modern Web DAY 29
Angular初期筆記 系列 第 29

技術 DAY29-Angular6之 HttpClient 基礎說明

HttpClient 啟用 app.module.ts ----- import { HttpClient, HttpHeaders } from '@angu...

鐵人賽 Modern Web DAY 4

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day03 - 第一個 Schematic

環境安裝 Angular 開發團隊非常地貼心,為了讓大家能夠更方便地去開發與學習 Schematics ,還特地開發了 Schematics CLI 給大家使用...

鐵人賽 Modern Web DAY 23

技術 [Angular Firebase 入門與實做] Day-22 Firebase Cloud Messaging 推波訊息 02 登入登出token實做

每日一句來源:Daily English There is no doubt that good things will come, and when it...

鐵人賽 Modern Web DAY 19

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

每日一句來源:Daily English The first and greatest victory is to conquer yourself; to...

鐵人賽 Modern Web DAY 1
Angular 8 從推坑到放棄 系列 第 1

技術 [Day 00] Angular 學習後放棄之前言

前言 身為一個前端工程師,碰了不少的library 或是 框架。 因為公司中以前的專案是使用 Anuglarjs,比較資深的工程師也推坑使用 Angular?,...