iT邦幫忙

angular相關文章
共有 433 則文章
鐵人賽 Modern Web DAY 20

技術 [Day20] Angular 主要概念 - Services 與依賴注入

Service 簡介 Angular Services 基本上依然是個 class,他常常是有明確職責定義的,有可能是與後端要數據、驗證使用者的輸入或是 log...

鐵人賽 自我挑戰組 DAY 20

技術 [影片]第20天:來看英雄指南

GitHub:https://github.com/dannypc1628/Angular-Tour-of-Heroes FB專頁:https://www.f...

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

技術 玩轉 Storybook: Day 20 Construct a screen - Vue

在前面的單元,我們已經完成了開發單一元件Task,也完成了複合元件 TaskList,也把 TaskList 拆分為容器型(TaskList.vue) 及 表現...

鐵人賽 Microsoft Azure DAY 19

技術 Day 19- 千錘百鍊煉成鋼 :狼人殺 - Review 與 Summary

前言 預計狼人殺APP的文章系列到這邊算一個段落,而正式的APP上線後預計會推廣一個月後關閉(除非燒起來就埋個Ads當公益公開了)。 不是開放原始碼就是免費...

鐵人賽 Modern Web DAY 19

技術 [Day19] Angular 主要概念 - Component 實作(2)

本篇延續上篇的實作 components ,用商家管理的功能來說明 Container components 與 Presentational componen...

鐵人賽 自我挑戰組 DAY 19

技術 [影片]第19天:Angular基本概念-後續步驟:工具與技巧

文件-快速上手-Angular基本概念-後續步驟:工具與技巧 FB專頁:https://www.facebook.com/dannyliu.me 補字區: [...

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

技術 玩轉 Storybook: Day 19 Wire in data - Vue & Vuex

Container and Presentational 官網的程式碼架構,會把元件分成二種類型-容器型(Container)及表現型(Presentation...

鐵人賽 Modern Web DAY 18

技術 [Day18] Angular 主要概念 - Component 實作(1)

本篇會介紹如何建立 component,以及用一些實際的功能說明上一篇的概念 實作出 layout 所需的 components 在實作 modules 的那篇...

鐵人賽 自我挑戰組 DAY 18

技術 第18天:Angular基本概念-服務與DI依賴注入簡介

文件-快速上手-Angular基本概念-服務與DI依賴注入簡介 FB專頁:https://www.facebook.com/dannyliu.me 補字區:...

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

技術 玩轉 Storybook: Day 18 Automated Visual Testing

視覺回溯測試 做視覺回溯測試的目的是要檢查每次修改元件UI的變化,當專案越來越大時,或是接近上線時期,修改元件的部分,有時會影響到整個專案。人工去檢視一定會有疏...

鐵人賽 自我挑戰組 DAY 17

技術 [影片]第17天:Angular基本概念-元件簡介

快速上手文件-Angular基本概念-元件簡介 FB專頁:https://www.facebook.com/dannyliu.me 補字區: [鐵人賽文章需3...

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

技術 玩轉 Storybook: Day 17 Unit Test with JEST

用 Storybook 搭配測試方法,從元件開發到完成整個專案,可以增加開發者的信心,不會擔心改A錯B的狀況發生,因為從邏輯面及UI面都能被完整的測試到。 單元...

鐵人賽 Modern Web DAY 16

技術 [Day16] Angular 主要概念 - 模組實作篇

上一篇文章有提到一些這次專案會用到的模組,本篇簡單把他實作一遍。 建立 feature modules 用 terminal 開啟該專案的資料夾後,輸入以下指令...

鐵人賽 自我挑戰組 DAY 16

技術 [影片]第16天:Angular基本概念-模組簡介

今天閱讀完快速上手中Angular基本概念-模組簡介這一小節 快速上手文件-Angular基本概念-模組簡介 FB專頁:https://www.faceboo...

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

技術 玩轉 Storybook: Day 16 Addons - Viewport/Accessibility

Viewport https://storybook.js.org/docs/vue/essentials/viewport Viewport 也是預設安裝好的...

鐵人賽 Modern Web DAY 15

技術 [Day15] Angular 主要概念 - 模組介紹篇

大概介紹完了 Angular 的建置與開發後,我們來看看 Angular 的世界包含了哪些角色,在今天先向大家介紹模組。 Modules 在日漸複雜的前端領域,...

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

技術 NG10鐵人賽 - 30 - ng2-charts 新北市各行政區火災次數原因

結果 資料來源 JSON - 範例使用 API (會有 CORS 問題) SWAGGER 程式碼 chart.component.html <canva...

鐵人賽 自我挑戰組 DAY 15

技術 [影片]第15天:Angular基本概念簡介(2)

今天把快速上手中Angular基本概念簡介這一節講完 粉絲專頁:https://www.facebook.com/dannyliu.me 補字區: [鐵人賽文...

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

技術 玩轉 Storybook: Day 15 Addons - Controls

Controls Addon 提供 Storybook 一個視覺化動態設定元件參數的方式,這樣就不需要寫程式重啟,也能發現元件的變化。 要使用 Control...

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

技術 NG10鐵人賽 - 29 - ng2-charts - bar 實例

html <canvas baseChart width="800" height="800" [datasets...

鐵人賽 自我挑戰組 DAY 14

技術 [影片]第14天:Angular基本概念簡介(1)

今天閱讀了快速上手中的搭建環境與Angular基本概念簡介中的模組一小節 粉絲專頁:https://www.facebook.com/dannyliu.me...

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

技術 玩轉 Storybook: Day 14 Addons - Essential / Actions

Storybook的另一個主要的功能就是Addons 在使用Storybook做元件開發設計時搭配Addon功能更加強大 接下來就來好好體驗感受他的威力吧 寫在...

鐵人賽 Microsoft Azure DAY 13

技術 Day 13- 掌中乾坤:狼人殺 - 實戰 - 前端開發 (五)功能開發

前言 前兩天已經完成了畫面的製作,接下來帶大家把功能開發出來接上。 主持功能 <!-- Host --> <ng-conta...

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

技術 NG10鐵人賽 - 28 - ng2-charts github 樣板實作

chart-color.service.ts import { Injectable } from '@angular/core'; import { Char...

鐵人賽 自我挑戰組 DAY 13

技術 第13天:從StackBlitz上下載Project並用Angular CLI 執行

文件 StackBlitz FB專頁:https://www.facebook.com/dannyliu.me 補字區: 鐵人賽文章需300字以上內容! 鐵人...

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

技術 玩轉 Storybook: Day 13 Simple and Composite - Angular

在這個單元我們使用官網的教學搭配Angular的框架,STEP BY STEP的撰寫Component及Stories。(如果是使用Vue的讀者,可以跳過這個單...

鐵人賽 Microsoft Azure DAY 12

技術 Day 12- 掌中乾坤:狼人殺 - 實戰 - 前端開發 (四)玩家畫面

前言 昨天我們做完Layout版面跟主持人版面之後,我們接下來可以來設計玩家的畫面。 賽局準備 玩家的視野會非常的侷限,基本上在賽局開始之前基本上身份跟角...

鐵人賽 自我挑戰組 DAY 12

技術 [影片]第12天:Angular的表單與使用者輸入

今天文件範圍 GitHub StackBlitz Fork版 FB專頁:https://www.facebook.com/dannyliu.me

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

技術 NG10鐵人賽 - 27 - ng2-charts github 導讀

安裝套件 cmd npm install ng2-charts@2.4.1 --save npm install chart.js --save 各種圖表展示...

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

技術 玩轉 Storybook: Day 12 Composite component - Vue

接下來就來把Task元件組裝成TaskList吧 TaskList 可以把TaskList規劃成四種狀態 Default - 當 Task 都是 defu...