iT邦幫忙

angular2相關文章
共有 85 則文章
鐵人賽 Modern Web DAY 31

達標好文 技術 [Day 31] Angular 2 給初學者的學習指南

前言 一個月前,我開始了一份前端工程師的工讀,那時候的我做過幾個專案,但沒使用過 Anuglar 2,而公司規定前端以 Angular 2 開發,於是我便開始探...

鐵人賽 Modern Web DAY 1

達標好文 技術 [Day 01] Angular 2 簡介

前言 我目前仍在就學,每周也固定花一些時間去公司實習,而且也是近期的事。當初面試的時候是以前端、後端都可以的身分去,展示了幾件作品之後公司也決定聘僱我,公司最...

鐵人賽 Modern Web DAY 30

技術 [Day 30] Angular 2 單元測試 Unit Test

前言 當我們把程式寫完之後,通常會需要做測試,可能就是跑跑看看東西有沒有出來、符合預期,或著印出內容或是 log 下來。每次都要手動測試很麻煩,有時候也會有死角...

鐵人賽 Modern Web DAY 3

技術 [Day 03] 當個好的建築師之 Angular 2 架構

Angular 2 架構 Angular 2 主要的元素是 Components。 Angular 2 的主要架構就是一堆的 Components。不過當然,組...

技術 如何在 Angular 4 中加入 jQuery

前言 jQuery 幾乎是必要的 module 了,不管是想用 Bootstrap 或是使用一些 jQuery 開發出的套件,一定都必須先引入 jQuery。...

鐵人賽 Modern Web DAY 11

技術 [Day 11] Angular 2 HTTP 方法--讓我 Call API

前言 網站有了一堆的元素、動畫、圖片、文字,可能看起來很炫很厲害,但是這樣就只能是靜態的網站,想要實現購物車、會員機制、留言板、討論區、投票區、訊息發佈、商品發...

鐵人賽 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...

鐵人賽 Modern Web DAY 29

技術 [Day 29] Angular 2 @Directive

前言 Directive (指令) 在 Angular 可以指很多種情形,這邊我專門討論 @Directive。@Directive 通常用在屬性指令的綁定上,...

鐵人賽 Modern Web DAY 4

技術 [Day 04] Dependency Injection In Angular 2

前言 注入依賴 (Dependency injection, DI) 是 Angular 最大的特色和賣點。他是一種非常重要的設計模式。他讓不同的 Compon...

鐵人賽 Modern Web DAY 27

技術 [Day 27] Angular 2 裝飾器 @ViewChild

前言 連續發了 20 幾天的文,能講的也都講了,邁向神乎其技之路只剩下掌握小地方了吧! 之前介紹過 <ng-content> 跟 ContentCh...

鐵人賽 Modern Web DAY 6

技術 [Day 06] Angular 2 表單

Angular 框架仰賴著 HTML 5 強大的功能,本身已經包括雙向綁定、變化跟踪、驗證、錯誤處理等功能。 可以處理: Component 和 Templa...

技術 菜鳥也能進入Angular2(歷程紀錄)

2018/02/26 程式開發經歷約2年 2年前,誤打誤撞進入到某資訊公司擔任小小實習生,開啟了我程式開發之路, 當時的開發人員只有我與老闆二位,一張白紙的我,...

鐵人賽 Modern Web DAY 28

技術 [Day 28] Angular 2 製作 tab 元件

前言 tab 就是可以分頁的標籤 如果有用 Bootstrap,那要用 tab 就會很簡單。 <ul class="nav nav-tabs&...

鐵人賽 Modern Web DAY 5

技術 [Day 05] Angular2 模板與綁定--互動的根本

先前在說明 Angular 2 的架構時有約略提到數據綁定的方式,接著就讓我們學學如何寫模板 (template) ,如何顯示數據和事件綁定。那為甚麼要學模板的...

鐵人賽 Modern Web DAY 21

技術 [Day 21] Angular 2 + Ionic = Mobile App ( 1 ) 介紹

前言 我是一個前端 (也許全端) 工程師,好不容易學會寫 Angular 2 了耶,但難道我就一輩子只能寫網站嗎?QQ 如果想要寫手機的 App,還要再去學 J...

鐵人賽 Modern Web DAY 9

技術 [Day 09] Angular 2 路由

前言 瀏覽器是一個最熟悉的導向模型應用了,輸入一個 URL 地址後瀏覽器導引至相應 URL 頁面,點擊網頁上的連結接導至另一個新的頁面,瀏覽器的「前一頁」或「後...

鐵人賽 Modern Web DAY 30

技術 [Angular2] Deploy to Firebase (n' See ya !)

Introduction Let’s learn how to deploy our Angular2 website to Firebase hosing...

鐵人賽 Modern Web DAY 30

技術 [Angular2] Deploy to Github-pages

Introduction Github Pages is a quick and popular website hosting service for t...

鐵人賽 Modern Web DAY 8

技術 [Day 08] Angular 2 Lazy Loading 別讓載入速度拖垮你!

前言 Lazy loading 是指從一個資料物件通過方法獲得裡面的一個屬性物件時,這個對應物件實際並沒有隨其父資料物件建立時一起儲存在執行空間中,而是在其讀...

鐵人賽 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 19

技術 [Day 19] Angular 2 Input(s) & Output(s) 傻傻分不清

前言 Angular 2 中 Components 之間的關係示意層一層的,就長得向下面這張圖。 每個格子就是一個組件,資訊向下傳遞很容易,而為了維護資料傳遞...

鐵人賽 Modern Web DAY 29

技術 [ASP.NET Core X Angular2] Server side rendering for SEO

Introduction We take great advantage of better UX and performance in SPA (Sing...

鐵人賽 Modern Web DAY 14

技術 [Day 14] Angular 2 + <ng-content> 嵌入式設計靈活組織 HTML

前言 嵌入式設計就是將 B 的內容嵌入進去 A ,A 文件中預留一個空間就是留給 B 放東西用的。大概就長這樣: 好處跟模板類似,可以在做設計時有更明確的邏輯...

鐵人賽 Modern Web DAY 26

技術 [Day 26] Angular 2 裝飾器 @ContentChild

前言 之前在這篇介紹過 <ng-content> 可以達成嵌入式設計,但是透過這種方法只能做到模板的部分,也就是在 A 模板中嵌入 B 模板,要是想...

鐵人賽 Modern Web DAY 7

技術 [Day 07] Angular 2 PIPES(通道)

前言 每一個應用程式都是一些非常簡單的任務開始:獲取數據、轉換數據,並把它們顯示給用戶。 我們有想要呈現的數據,但可能樣子很醜,造成用戶體驗很差,或著不是我們要...

鐵人賽 Modern Web DAY 15

技術 [Day 15] Angular 2 Module ( 1 )

前言 在 Angular 2 中,一個 Module ( 模組 ) 是一個把彼此互相關聯的 components、directives、pipes 和 ser...

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 10

技術 [Day 10] Angular 2 動畫 (ANIMATIONS)

前言 動畫在現代網頁中無所不在。好的使用者介面,裡面的動畫應該要看起來很平順自然,必要而不花俏,這樣才能帶給使用者最佳的體驗,並且在某些重要的地方讓使用者注意到...

鐵人賽 Modern Web DAY 22

技術 [Day 22] Angular 2 + Ionic = Mobile App ( 2 ) 建構

上一篇已經介紹 Ionic 搭配 Angular 2 是甚麼了,接下來就來介紹如何建構一個 App。 安裝 首先要確定 Node.js 有安裝 接者安裝 Cor...