iT邦幫忙

angular相關文章
共有 184 則文章
鐵人賽 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...

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

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

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 29

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

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

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 1

技術 [Angular Firebase 入門與實做] Day-00

Smile and let everyone know that today you're a lot stronger than you were yest...

徵才 [百萬年薪!] Sr. Frontend Developer

Responsibilities: Quick prototyping web content including working with DESIGN T...

鐵人賽 Modern Web DAY 1

達標好文 技術 [新手教程-1] 建立一個Angular5的專案

這系列的文章為我在官網學習Angular 5時所紀錄下來的學習筆記。 原文的原始教程都可在Angular的Docs看到。 這三十天的筆記大綱預計分為新手教程、功...

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 2

技術 [新手教程-2] 創立Angular的元件

本文同步發佈於:Claire's BLOG 使用CLI來為專案建立一個元件 ng generate component heroes 用這個指令,CLI會為我...

鐵人賽 Modern Web DAY 20

技術 [功能介紹-13] HttpClient

使用HttpClientModule 官方文件:https://angular.io/api/common/http/HttpClientModule 下面是...

鐵人賽 Modern Web DAY 28

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

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

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

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

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

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 Modern Web DAY 30
React - DOM界的彼方 系列 第 30

技術 Day 30: 回顧2016年,台灣前端開發社群分析與未來期許

"The more you know, the more you know you don’t know." - Aristotle &q...

鐵人賽 Modern Web DAY 17

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

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

鐵人賽 Modern Web DAY 27

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

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

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

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

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

鐵人賽 Modern Web DAY 23

技術 [技術支援-1] 支援多語系

Angular i18n可做到的事 以本地格式顯示日期,數量,百分比和貨幣。 在組件模板中翻譯文字。 翻譯單數和複數 翻譯HTML屬性的替代文字 可以透過C...

鐵人賽 Modern Web DAY 3

技術 [新手教程-3] 使用Angular的迴圈及判斷式等功能

本文同步發佈於:Claire's BLOG 延續上一篇的範例: 請按此下載. 利用*ngFor來做迴圈顯示完整列表 首先開啟src/app/heroes/her...