iT邦幫忙

angular2相關文章
共有 123 則文章
鐵人賽 Modern Web DAY 10

技術 [Angular Firebase 入門與實做] Day-09 Authentication - 02 路由守衛

每日一句來源:Daily English You can't reach for anything new, if your hands are still...

鐵人賽 Modern Web DAY 9

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

Never let the demands of tomorrow interfere with the pleasures and excitement o...

鐵人賽 Modern Web DAY 8

技術 [Angular Firebase 入門與實做] Day-07 Cloud Firestore - Hosting

Life is a journey, not a destination. Hosting firebase有提供我們靜態檔案hosting的功能,讓我們的...

鐵人賽 Modern Web DAY 7

技術 [Angular Firebase 入門與實做] Day-06 Cloud Firestore - Querying Collections-2 offline-data

To improve is to change, to be perfect is to change often. 昨日改進 今天先修正一下昨天的方法,並...

鐵人賽 Modern Web DAY 6

技術 [Angular Firebase 入門與實做] Day-05 Cloud Firestore - Querying Collections

The past can hurt. But from the way I see it, you can either run from it, or le...

鐵人賽 Modern Web DAY 4

技術 [Angular Firebase 入門與實做] Day-03 Realtime Database - 讀取(Read)-2、新增、修改、刪除

Every day may not be good, but there's something good in every day. 昨天我們知道如何讀取...

鐵人賽 Modern Web DAY 3

技術 [Angular Firebase 入門與實做] Day-02 Realtime Database - 讀取(Read)-1

讀取(Read) Be strong, believe in who you are; be strong, believe in what you fele...

鐵人賽 Modern Web DAY 2

技術 [Angular Firebase 入門與實做] Day-01 開發環境建立與初始化

Progress is impossible without change, and those who cannot chanage their minds...

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

技術 與零經驗者的白話對談 - Day(00) 關於這系列

「白話對談」希望能以對談般清楚簡單地言語解釋繁瑣的概念與名詞,並且能讓你從這30天的對談中感到點趣味。 前言 一個人從零開始,一點點地從無開始寫出一個網站是...

技術 如何在 Angular 4 中加入 jQuery

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

鐵人賽 Modern Web DAY 31

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

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

鐵人賽 Modern Web DAY 30

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

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

鐵人賽 Modern Web DAY 29

技術 [Day 29] Angular 2 @Directive

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 28

技術 [Angular2] Redux with ngrx/store – Shopping cart sample (2)

Introduction In the previous practice, we had successfully created an Angular2...

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 Modern Web DAY 27

技術 [Angular2] Redux with ngrx/store – Shopping cart sample (1)

Introduction I will use ngrx/store to implement a shopping cart example from m...

鐵人賽 Modern Web DAY 26

技術 [Angular2] Redux with ngrx/store - Intro

Introduction ngrx/store is a state management container and powers Redux for A...

鐵人賽 Modern Web DAY 24

技術 [Day 24] Angular 2 + Ionic = Mobile App ( 4 ) 發布 App

前言 我們在電腦上用 ionic serve 測試好我們的 App 之後,最後仍然需要拿到實際裝置上測試,不僅是因為到時候本來就是要給手機使用的,並且很多的 N...

鐵人賽 Modern Web DAY 23

技術 [Day 23] Angular 2 + Ionic = Mobile App ( 3 ) 實作 Todo List

建立專案 上回我們已經說明如何建立一個專案,而這次我們用經典的 Todo List (備忘錄) 來做說明 ionic start TODOApp blank -...

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 20

技術 [Day 20] Angular 2 組件相關的路徑

組件裡的 URLs 絕對路徑 組件常常會要使用外部模板跟風格的檔案,我們在 templateUrl 和 styleUrls 特性中用 URL 定義這些檔案,就像...

鐵人賽 Modern Web DAY 21

技術 [Angular2] ng2-Fullpage : Repeat data

(Picture from https://github.com/meiblorn/ng2-fullpage) Introduction ng2-fullp...