iT邦幫忙

angular相關文章
共有 316 則文章
鐵人賽 Modern Web DAY 6

技術 [Angular 深入淺出三十天] Day 05 - Angular 小學堂(一)

「接下來要說明的是...喂!睡著了阿你?!」專心講解的我瞄了 Wayne 一眼,才發現這小子居然已經睡倒流口水了?! 「對不起!!因為一直在講解沒有實作,一不小...

鐵人賽 Modern Web DAY 5

技術 [Angular 深入淺出三十天] Day 04 - 資料夾結構說明

「我都裝好了!!接下來可以開始 Coding 了嗎?!」Wayne 把環境跟編輯器都安裝完之後,興奮地說。 「別急,你先開啟剛剛用 Angular CLI 建立...

鐵人賽 Modern Web DAY 5
Angular 大師之路 系列 第 5

技術 [Angular 大師之路] Day 05 - 認識 NgModule

Angular 本身內建了一種模組化的機制,這個機制可以幫助我們組織管理一系列相關的程式(如 component、pipe 和 service 等等),將類型或...

鐵人賽 Modern Web DAY 4
Angular 大師之路 系列 第 4

技術 [Angular 大師之路] Day 04 - 認識 Angular 的生命週期

在設計 Angular 元件(component)時,可以在程式中針對 Angular 在運作程式時放入不同的 hooks(我們通常稱為 lifecycle h...

鐵人賽 Modern Web DAY 4

技術 [Angular 深入淺出三十天] Day 03 - 開發工具與環境建置

「原來如此!好像很厲害!!」聽完我的介紹後,Wayne 一副饒有興致的樣子。 「對呀!想不想學阿?!我教你!」看到 Wayne 這麼有興趣,當然就是要趁勢推他入...

鐵人賽 Modern Web DAY 3

達標好文 技術 [Angular 深入淺出三十天] Day 02 - 為什麼是 Angular?

「嗨!Leo!好久不見!」跟我打招呼的是 Wayne。Wayne 是我在進修時,同期的同學、專題小組成員,也是我的好朋友。 「嗨!Wayne!好久不見!最近好嗎...

鐵人賽 Software Development DAY 3

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

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

鐵人賽 Modern Web DAY 2
Angular 大師之路 系列 第 2

技術 [Angular 大師之路] Day 02 - 更加理解 Angular CLI 之 Monorepo 應用

Angular CLI 基本上已經成為開發 Angular 應用程式的標準配備了,我們會透過 Angular CLI 建立專案、檔案骨架,或是用來執行以及打包應...

鐵人賽 Modern Web DAY 2

技術 [Angular 深入淺出三十天] Day 01 - MPA 與 SPA

在一個風雨交加、打雷閃電的夜晚,我正坐在電腦前專注地看著螢幕中的文章並喃喃自語著。 「哇賽!才幾年沒碰 Web Front-End,怎麼前端世界變了這麼多阿?!...

鐵人賽 Software Development DAY 2

技術 Day 2 - Angular Cli建一個專案

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

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

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

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

鐵人賽 Modern Web DAY 1

達標好文 技術 [Angular 深入淺出三十天] Day 00 - 前言

各位邦友大家好,我是Leo,這是我第一次參賽。 在這三十天裡,我會用比較淺白的方式來跟大家分享我目前所知道的 Angular。 本系列文章適合: 寫過一些前端...

鐵人賽 Modern Web DAY 1
Angular 大師之路 系列 第 1

達標好文 技術 [Angular 大師之路] Day 01 - 開場閒聊

使用 Angular 作為前端開發框架也有兩三年的時間了,這段時間深深能體會到 Angular 是一個非常強大且易學的框架,只要是有點經驗的開發人員,在閱讀過官...

鐵人賽 Software Development DAY 1

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

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

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

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

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

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

技術 DAY1-Angular6之小火龍到火恐龍

此次挑戰主旨 回憶並統整剛開始學習 angular 的內容。 怎麼會想接觸前端? 先前主要寫 ASP.NET Webform 前後端包含資料庫和規劃,整個過程發...

活動 ModernWorkshop + ModernWeb 戰力 UP!UP!

【此場為 ModernWeb 2018 聯動 Workshop】 Angular 是一套純前端的網頁開發框架,搭配 Firebase 更能讓我們在短的時間內建...

鐵人賽 Modern Web

技術 [Angular Firebase 入門與實做] Day-30 Secure Data with Firestore 資料安全與驗證

每日一句來源:Daily English Home is the place where, when you have to go there, they h...

鐵人賽 Modern Web DAY 30

技術 [Angular Firebase 入門與實做] Day-29 [實做] 使用者已讀狀態 02 HTTP身分驗證 authentication

每日一句來源:Daily English Within our dreams and aspirations we find our opportunitie...

技術 Angular Download Implementation with NodeJS 檔案下載實作

網路上有很多講 Angular 如何實作上傳功能的文章,但講怎麼做下載功能的卻很少。 There are many articles talk about ho...

鐵人賽 Modern Web DAY 30

技術 [技術支援-8] 產品發佈設定

將產品發佈到正式環境 最簡單的方法是 ng build 將所有dist/資料夾底下的文件複製一份到伺服器上 如果想順帶設置base href至<ba...

鐵人賽 Modern Web DAY 29

技術 [Angular Firebase 入門與實做] Day-28 [實做] 使用者已讀狀態 01 Batch 批次寫入

每日一句來源:Daily English And those who were seen dancing were thought to be insane...

鐵人賽 Modern Web DAY 29

技術 [技術支援-7] TypeScript設定

TypeScript配置 TypeScript是Angular應用開發中使用的主語言。瀏覽器不能直接執行TypeScript,得先用tsc編譯器轉譯(trans...

鐵人賽 Modern Web DAY 28

技術 [Angular Firebase 入門與實做] Day-27 [實做] 使用者登入狀態

每日一句來源:Daily English The only limit to our realization of tomorrow will be our...

鐵人賽 Modern Web DAY 28

技術 [技術支援-6] NPM設定

安裝NPM環境 Angular應用程序以及Angular本身都依賴於很多第三方包(包括Angular自己)提供的特性和功能。這些包由Node包管理器( npm...

鐵人賽 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 30
ngrx/store 4 學習筆記 系列 第 30

技術 [ngrx/store-30] ngrx/store 完成篇

ngrx/store 完成篇 今天開始 今天完成   今天目標:完成會員報告 前次已經將會員報告 store 的部分完成,接下來我們來修改跟報告有關的元...

鐵人賽 Modern Web DAY 27

技術 [技術支援-5] 佈署方式JIT及AOT介紹

Ahead-of-Time (AOT)編譯 在Angular中有兩種編譯模式: JIT(Just-in-Time):Angular預設是使用 Just-in-...

鐵人賽 Modern Web DAY 26

技術 [Angular Firebase 入門與實做] Day-25 搜尋引擎優化SEO Rendertron

每日一句來源:Daily English Goals are not only absolutely necessary to motivate us. Th...

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

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

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