iT邦幫忙

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

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

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

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

技術 day29 Protocol Buffers 與 gRPC Web (一)

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

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

技術 DAY19-Angular6之實現父到子傳值

新增一個 component angular cli 建立 component 網址 https://github.com/angular/angular-cl...

技術 Preview Angular taiwan 2018 conference note

明天一大早,以公假狀態,要坐車北上去聽 台灣首屆 Angular conference~ 今晚針對議程的關鍵字去做預習!! How Reactive Progr...

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

技術 DAY26-Angular6之RxJS初介紹

對RxJS的想法 RxJS基本是「有流程處理資料的方法集合」,從包裝到加工最後輸出,對於 Angular 來說是必備的(像 HttpClient 也會用到),原...

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

技術 DAY13-Angular6之data binding-Two-way data binding

Two-way data binding with ngModel (中文:使用 ngModel 的 雙向繫結) 當開發數據輸入表單時,通常都會顯示 data...

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Software Development DAY 29
Emacs 來寫程式 系列 第 29

技術 [Emacs-29] 用 Emacs 來寫 Angular

Emacs 對於 typescript 的設定 其實在前面寫 javascript 設定時,已經將後端 tsserver 設定完畢了,這裡只要加入 (add-h...

鐵人賽 Modern Web DAY 24

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day23 - 與 Vue 共舞

今天的練習基本上跟前一篇非常類似,不過就只是將主角從 React 換成了 Vue ,大體上沒有太大的改變。 但是魔鬼藏在細節裡,且為了不是每天文章都會仔細閱讀的...

技術 將Angular7 App佈署至GitHub Pages - Part1

之前一篇說明如何在本機端預覽Angular build後的結果,接下來要說明如何在GitHub Pages佈署Angular應用程式。 目前的環境: 需具備知...

鐵人賽 Modern Web DAY 5

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day04 - 為你的 Schematics 撰寫測試程式

什麼是測試? 「想像一下現在你的面前有兩台飛機,一台從零件、製程到組裝都經過完整的測試,而另外一台僅經過飛行的測試,你會想要搭哪一台飛機?」 很多人以為測試...

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

技術 [Day 07] 基礎 Typescript

為甚麼要學習 Typescipt 為甚麼要學習 Typescipt,或是說 為什麼要用Typescipt 呢,Typescipt 又有什麼樣的優點跟有什麼基本...

鐵人賽 Modern Web DAY 11

技術 [DAY-11] Angular-RXJS非同步事件的好幫手

在上一篇,使用httpClient取得API資料的時候,看到一段陌生的程式碼 ngOnInit() { // this.heros = this.da...

鐵人賽 Modern Web DAY 20

技術 [Angular Firebase 入門與實做] Day-19 Cloud Functions Cloud Storage Triggers 03 修正聊天室顯示功能

每日一句來源:Daily English A great secret of success is to go through life as a man w...

鐵人賽 Modern Web DAY 23

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day22 - 與 React 共舞

練習目標 React 有個套件叫做 reactstrap ,它可以讓開發者在 React 專案裡很方便的去使用 Bootstrap 的元件。 而安裝 react...

技術 將Angular7 App佈署至GitHub Pages - Part2

相較於Part1只佈署dist資料夾,這次要說明如何佈署整個Angular專案。 執行npm i angular-cli-ghpages安裝angular-...

鐵人賽 Blockchain DAY 18

技術 [區塊練起來-智能合約與DApp開發] DAY 18 - web3.js 取得 Provider

貼心小語 上一篇我們把 Angular 、 MetaMask 、 BootStrap 以及 web3.js 都裝好了,這一篇會寫簡單的 Service 來取得錢...

技術 將網路download的靜態網頁轉型成Angular應用程式

下載版型 確認網頁是否能順利執行,個人使用lite-server。 建立Angular專案。 進入專案的index.html,<head&...

鐵人賽 Modern Web DAY 7

技術 [高效 Coding 術:Angular Schematics 實戰三十天] Day06 - 與範本共舞

經過三天樸實無華且枯燥的練習,相信大家一定都迫不及待想要開始學習更進一步的應用了,所以今天筆者就來分享一個比較具有實用性的應用吧! 建立範本 雖然之前練習的時候...

鐵人賽 Modern Web DAY 11

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

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

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

技術 DAY7-Angular6之「IT狗的生活」開演/@NgModule項目

前情提要 DAY6-Angular6之假如app是舞台劇/@Component項目 開演啦! 在沒有 routing 的狀況下 以下就可以演好一齣戲了,僅讓 I...

鐵人賽 Modern Web DAY 6

技術 【D6 - 三國鼎立時代】三大前端時代 -- 為何我選擇了Vue?

Agular: 我爸 Google 啦~ React: 我爸 Facebook 啦~ Vue: 我爸.... 前言 各位今天我廢話少一點直接上表格~...

鐵人賽 Blockchain DAY 16

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

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

鐵人賽 Blockchain DAY 17

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

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

鐵人賽 Modern Web DAY 7

技術 [DAY-7] Angular的事件綁定介紹與應用

在前幾邊介紹到插值法、ngFor、ngIf、ngSwitch等等方法,最主要都是顯示資料的應用。最後介紹到雙向綁定-ngModel,修改資料時會修改綁定的資料外...

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Blockchain DAY 23

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

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

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

技術 day27 Firebase(一)

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

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

技術 DAY22-Angular6之路由-簡單實作

先備知識 路由用在哪裡? 根據網址替換頁面,換 component router-outlet ,會讓 路由分配並顯示 component 內容 部屬 路由需要...

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

技術 [Day 25] 使用ngrx in Angular(2)

Rxjs 的問題 State 可以在任何地方改變 State 是多個的 處理 Http 是非常不清楚的 Redux 的流程圖 ngrx 的流程圖 參考...