iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Software Development

三十天利用Angular與.net Core開發實戰一波 系列

藉由前端Angular搭配後端.net Core開發實作
主要著重在工具上的使用與結合來開發出一套自己想用的程式,心得記錄下這過程

鐵人鍊成 | 共 32 篇文章 | 42 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 - Angular前端開發環境安裝

大家好,今天第一天,本系列文章主要會以實作後的心得筆記方式呈現 先說說為什麼使用Angular的由來,以本公司的角度來著墨 開發採用Typescript,寫法...

2018-10-16 ‧ 由 Peterhu2Tri 分享
DAY 2

Day 2 - Angular Cli建一個專案

那我們就直接開始建立一個專案 進入https://cli.angular.io/ 一進去有個圖片開宗明義,照著下 //先透過npm安裝好angular cli...

2018-10-17 ‧ 由 Peterhu2Tri 分享
DAY 3

Day 3 AngularTri專案架構配置-component & service & routing

今天想講一下利用cli建置好一個空的Angular專案後,我覺得應該要有怎麼樣的配置,配置好再寫程式也不遲阿~ 為什麼是Angular"Tri&quo...

2018-10-18 ‧ 由 Peterhu2Tri 分享
DAY 4

Day 4 AngularTri專案架構配置- SCSS style配置

SCSS Angular預設的風格配置為.ccs檔,這邊跟大家分享一下我會使用.scss檔去維護共同風格 來避免相同的CSS語法再多寫一次,導致重工 如果是新建...

2018-10-19 ‧ 由 Peterhu2Tri 分享
DAY 5

Day 5 AngularTri專案架構配置-Angular Material

Angular Material 前端UI component我選擇用Angular Material 首先要先安裝Angular Material npm i...

2018-10-20 ‧ 由 Peterhu2Tri 分享
DAY 6

Day 6 AngularTri專案架構配置-整合動一下

經過前幾天的架構與設定,初步的專案大致都架構完成了 現在來整合操作一下 建立一個snackbar以後各componet都可以用到 先在constructor裡...

2018-10-21 ‧ 由 Peterhu2Tri 分享
DAY 7

Day 7 Angular撈資料-http

今天來講一下Angular的http 前後端分離下Angular要撈取後端的資料 想必就要透過http來操作了,在angular中就是會用到httpclient...

2018-10-22 ‧ 由 Peterhu2Tri 分享
DAY 8

Day 8 Angular撈資料-TypeScript & 利用型別

今天要讓撈回來的資料,有物件導向的觀念 先說說Typescript TypeScript is a superset of JavaScript that c...

2018-10-23 ‧ 由 Peterhu2Tri 分享
DAY 9

Day 9 Angular專案配置-Pipe

今天來講一下Angular的Pipe 其實Pipe就是Code to Name的好東西 可以把撈回來的資料,呈現出相對應的樣子 官方已經提供很多內建的Pipe了...

2018-10-24 ‧ 由 Peterhu2Tri 分享
DAY 10

Day 10 .net Core概念 & 安裝

今天來換換口味講一下.net Core好了,我們會用.net core寫後端api來操作資料庫 公司專案目前都是建置在.net framework下,撰寫WEB...

2018-10-25 ‧ 由 Peterhu2Tri 分享