iT邦幫忙

angular相關文章
共有 686 則文章
鐵人賽 Modern Web DAY 1
Angular 8 從推坑到放棄 系列 第 1

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

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

鐵人賽 Modern Web DAY 3

技術 [Angular] Day3. angular.json

在上一篇中介紹了什麼是 Angular CLI 與他可以提供許多方便功能,不過只是大概介紹他的用法與他是什麼,要實際暸解到他背後的運行邏輯其實是滿複雜的,這邊就...

鐵人賽 Modern Web DAY 30

技術 Angular 深入淺出三十天:表單與測試 Day30 - 表單原理

經過前面二十九天的的練習與學習,相信大家應該在表單的實作上都熟悉了不少,只要不是太複雜、太特別的表單應該也都難不倒你們。 今天是本系列文的最後一天,就讓我們來...

鐵人賽 Modern Web DAY 2

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

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

技術 [Angular][RxJs][誤區筆記] Observable Unsubscribe

架構:(1) userComponent:訂閱(subscribe)sharedService 的 User資料 (2)sharedService利用Subje...

鐵人賽 Blockchain DAY 17

技術 [區塊練起來-智能合約與DApp開發] DAY 17 - DApp 環境建置與開發工具

貼心小語 上一篇提到了 DApp 的概念及運作原理,其中我選擇使用 web3.js 以及 Angular 來開發,這篇將會一步一步把環境建置完畢。 Angul...

鐵人賽 Modern Web DAY 3

技術 DAY3 - 開始寫程式吧,建立 monorepo

前幾篇講的大多都是想法與概念,都還沒有講到跟程式面有關的東西。接下來進入工程的世界了。 在聊到想法與構想的時候,可以非常天馬行空,什麼樣的問題跟什麼樣的解決方案...

鐵人賽 Modern Web DAY 25
Angular10 實作教學 系列 第 25

技術 NG10鐵人賽 - 25 - ReactiveForm Validator 驗證

說明 static min(min: number): ValidatorFn數字要高於等於 min static max(max: number): Vali...

鐵人賽 Modern Web DAY 2

技術 [DAY-2] 為什麼選擇Angular 與Nestjs

為什麼選擇Angular與Nestjs? 在前端的世界有很多的框架可以幫助開發者快速實現或完成某些功能,讓開發者可以不用自己造輪子,而是站在巨人的肩膀上面,跟著...

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

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

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

鐵人賽 Modern Web DAY 6

技術 [DAY-6] Angular元件資料的顯示與應用2- ngSwitch, ngModel

在上一篇提到如何使用ngFor顯示多筆資料和使用ngIf 控制條件決定顯示與否,這一篇要來介紹另一個更加複雜的情況,如果是多個條件的情況要如何控制顯示? 使用n...

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 6

技術 DAY6 - 挑選一套自己喜歡的UI框架

搞定了架構和想法後,再來就要搞定畫面的呈現。自己刻畫面固然可以隨心所欲呈現自己想要的樣子與控制自己只使用的最少的程式碼。但缺點就是什麼都要親力而為,會花上不少時...

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

技術 DAY18-Angular6之表單-簡易Reactive Form

前言 昨日上了 Kevin 大大的 Reactive Form ,發現假如有需要動態驗證、動態產生表單和比較複雜類型的表單狀況,使用 Reactive Form...

鐵人賽 Modern Web DAY 18

技術 Angular 深入淺出三十天:表單與測試 Day18 - 與 Cypress 的初次見面(上)

昨天跟大家分享了 Cypress 有多厲害之後,大家有沒有很期待呢? 這兩天就讓我來跟大家介紹 Cypress 到底有多厲害吧! 由於 Cypress 的功...

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

技術 [ngrx/store-27] ngrx/store 之會員篇

ngrx/store 之會員篇 今天開始 今天完成 今天的目標:將會員有關的元件及服務從使用者服務轉為向 ngrx/store 做 dispatch 跟 s...

鐵人賽 Modern Web DAY 4
玩轉 Storybook 系列 第 4

技術 玩轉 Storybook: Day 04 Configure

預設放置組態檔案的目錄 Storybook集中放置組態設定檔案的目錄預設是.storybook,若需要變更路徑及名稱,要在Storybook的CLI指令做設定。...

鐵人賽 Blockchain DAY 16

技術 [區塊練起來-智能合約與DApp開發] DAY 16 - 介紹 DApp

什麼是 DApp? 全名是 去中心化應用程式(Decentralized Application, DApp) ,簡單來說就是後端使用區塊鏈技術的應用程式。跟採...

鐵人賽 Modern Web DAY 26

技術 Angular 深入淺出三十天:表單與測試 Day26 - 進階表單開發技巧 - 自訂驗證器

之前在開發表單的時候,我們都是使用 Angular 所提供的驗證器來驗證表單欄位裡的值是否符合我們的需求。 雖然 Angular 已經這麼貼心地提供了這麼多驗...

鐵人賽 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 11

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day10 - 與 TypeScript Compiler API 的初次接觸

關於 TypeScript Compiler API 相信大家都知道什麼是 TypeScript ,而 TypeScript Compiler API 就是 T...

鐵人賽 Modern Web DAY 9

技術 [DAY-9] Angular的服務(Service)-存取資料的好幫手

在前幾篇,一直在討論元件(component)的各種應用。元件顯示資料的各種方法,以及最後討論到元件的資料要如何輸入與輸出。元件的討論在此告一段落,這一篇要來討...

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

技術 DAY29-Angular6之 HttpClient 基礎說明

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

鐵人賽 Blockchain DAY 23

技術 [區塊練起來-智能合約與DApp開發] DAY 23 - web3.js 結合 Truffle 部署合約

貼心小語 上一篇學會了如何發起交易,這一篇將會進入到另一個重要功能,就是部署合約! 為什麼用 Truffle? 應該有人看到標題就想問:為什麼已經用了專用函式...

鐵人賽 Modern Web DAY 7

技術 [Angular Firebase 入門與實做] Day-06 Cloud Firestore - Querying Collections-2 offline-data

To improve is to change, to be perfect is to change often. 昨日改進 今天先修正一下昨天的方法,並...

鐵人賽 Modern Web DAY 6

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day05 - JSON Schema

昨天筆者曾提到: _options 參數是一個物件,這個參數可以使用 JSON Schema 進行驗證,以確保它具有適當的預設值與類型。 但什麼是 JSON...

技術 Angular Stock Route Guards (Day31)

雖然鐵人賽比完了,但是我依然會把這個專案繼續寫下去,如果還沒看之前Angular Stock的朋友,麻煩幫我點連結進去看。 好,接下來我們遇到一個問題在於說,...

技術 Angular - 從Github部署Azure App Service

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

鐵人賽 Modern Web DAY 18

技術 [DAY-18] Angular的表單管理-響應式表單(Reactive Form)-實際應用篇

上一篇建立起響應式表單(Reactive Forms),看起來和一般的表單沒有不一樣。這一篇將來實際應用,顯示響應式表單厲害之處。在開始之前,先介紹表單控制元件...

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

技術 day27 Firebase(一)

簡述 有些公司會在確任產品規格前,會先做些Demo到市場做水溫,或是拿Demo去談合作,等確定是有利可圖的產品,就會進行正式開發。 那大部分在做Demo時,多半...