iT邦幫忙

angular相關文章
共有 756 則文章
鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 7

技術 [Angular 深入淺出三十天] Day 06 - 基礎結構說明(一)

「原來 Angular 這麼好玩啊?!」Wayne 做完練習後,開心地跟我說道。 「是不是?!之後如果寫再複雜一點的應用更能體現出 Angular 厲害的地方!...

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 9

達標好文 技術 [Angular 深入淺出三十天] Day 08 - 基礎結構說明(三)

「原來 Angular 的 Template 語法跟資料綁定有這麼多名堂阿?!」Wayne 揉揉他的太陽穴,貌似有點快消化不良的樣子。 「是阿!但這一切其實都是...

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

技術 [Angular 大師之路] Day 11 - *ngIf 有 else 可以用嗎?

我們都知道,在 Angular 的樣板中可以使用 *ngIf 語法來決定某段內容是否要呈現,但許多剛入門的 Angular 開發人員很少注意到其實 *ngIf...

鐵人賽 Modern Web DAY 6

技術 [新手教程-6] 使用Routing來切換頁面

本文同步發佈於:Claire's BLOG 什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing...

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

技術 [Angular 大師之路] Day 29 - 在 Angular 中應用 RxJS 的 operators (1) - 基礎篇

在前兩天介紹 AsyncPipe 時,我們不難發現當進入 RxJS 思維時,搭配 AsyncPipe 可以帶來非常多的好處!雖然透過這種不使用 subscrib...

鐵人賽 Modern Web DAY 8

達標好文 技術 [Angular 深入淺出三十天] Day 07 - 基礎結構說明(二)

「原來如此!這樣有比較看得懂了!基本上裝飾器就是決定類別要扮演的角色,中繼資料則是把這個角色需要的資料傳入,然後 Angular 就會幫忙把其他的事情處理好的意...

鐵人賽 Modern Web DAY 17

技術 [功能介紹-10] Reactive Forms (Model-Driven Forms) 

Template-Driven Forms與Model-Driven Forms的比較 Reactive forms Reactive forms的驗證大多是直...

鐵人賽 Modern Web DAY 10
Angular 深入淺出三十天 系列 第 10

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

「哦哦哦哦!好像又更懂一點了!!」Wayne 點了點頭說。 「有更懂一點就好,也不枉費我講的這麼辛苦。」我喝了口咖啡後說道。 「那我們可以做更複雜一點的應用了吧...

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

技術 [Angular 大師之路] Day 12 - *ngTemplateOutlet 與 ng-template 的完美組合

昨天我們稍微提到了 <ng-template> ,並說明了可以把 <ng-template> 當作是一種樣板上等著被呼叫的方法(func...

技術 [JS][Angular] 使用按鈕觸發檔案上傳

在做檔案上傳時,想把很醜的 <input type="file"> 換成漂亮的按鈕。 做法:先將 input file 隱藏,接...

鐵人賽 Modern Web DAY 8

技術 [功能介紹-1] Angular架構

本文同步發佈於: Claire's BLOG Angular是一個框架,用來編寫html的應用程式,可以用javascript或typescript去編寫。 下...

鐵人賽 Modern Web DAY 21

技術 [功能介紹-14] Router基礎介紹

什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing時,會有下列的實踐流程 套用轉址設定(讓伺...

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

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

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

鐵人賽 Modern Web DAY 12
Angular 深入淺出三十天 系列 第 12

技術 [Angular 深入淺出三十天] Day 11 - Angular CLI 常用指令說明(二)

「哇賽,這 Angular CLI 還真不是普通地強大耶!!既然它這麼強大,一定還有其他好用的功能吧?!之前每次開新專案之後,Coding 前要用的 ng se...

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

技術 [Day 02]給前端框架新手建議:用Angular非常辛苦,用Vue.js非常舒服

寫在前面 寫了這一篇好像是在戰框架,還是我跑錯棚? 身為目前使用Angular 前端開發者,我認為Angular是新手入門最難上手的框架沒有之一。 回想起以前看...

鐵人賽 Modern Web DAY 17

達標好文 技術 17. [FE] 為什麼現在的前端都在用「框架」?

現在打開任何一間求職網站,搜尋前端相關職缺,幾乎每間公司的職缺都會在求職條件或加分項目中提到目前的三大框架:React、Vue、Angular;或著也可以到...

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 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 13
Angular 深入淺出三十天 系列 第 13

技術 [Angular 深入淺出三十天] Day 12 - Angular CLI 常用指令說明(三)

「原來 ng serve 裡有這麼多學問阿?!真是長見識了!!那我們該如何交付我們的程式或是將我們開發出來的程式放到網路上呢?直接把整個專案資料夾放進空間裡嗎?...

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 26
Angular 深入淺出三十天 系列 第 26

技術 [Angular 深入淺出三十天] Day 25 - 路由總結(一)

我覺得路由是 Angular 裡很重要的一部分,也是一個初學者比較不容易理解的部分,所以希望透過這七天的小小練習,會讓大家對路由有個初步的認識。 不過分了七天講...

鐵人賽 Modern Web DAY 7

技術 [新手教程-7] 使用http來與API溝通

Angular處理http是使用rx(Reactive Programming)來實作的,類別的名稱為rxjs 在閱讀此篇之前,建議可以了解一下何謂Reacti...

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

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

鐵人賽 Modern Web DAY 11
Angular 深入淺出三十天 系列 第 11

技術 [Angular 深入淺出三十天] Day 10 - Angular CLI 常用指令說明(一)

「欸,Leo!滿好玩的耶!!雖然留言板功能很陽春,但寫起來的感覺也很簡單,不像以前寫 jQuery 的時候要寫一堆操作 DOM 的程式碼,然後弄到自己頭昏眼花的...