Soumettre la recherche
Mettre en ligne
Angular從入門到實戰(一)
•
4 j'aime
•
884 vues
志
志龍 陳
Suivre
此為六角線上直播「大神來六角」所用的投影片講義
Lire moins
Lire la suite
Formation
Signaler
Partager
Signaler
Partager
1 sur 31
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
此為六角線上直播「大神來六角」所用的投影片講義
Angular 從入門到實戰(四)
Angular 從入門到實戰(四)
志龍 陳
此投影片為我在 Angular Meetup #6 中所分享, 希望大家能夠透過此次的分享,初步認識與學會如何開發 Schematic。
Schematics 實戰
Schematics 實戰
志龍 陳
此為六角線上直播「大神來六角」所用的投影片講義
Angular從入門到實戰(二)
Angular從入門到實戰(二)
志龍 陳
簡單地介紹一下 Scully
Angular 靜態網站產生器不求人:Scully 新手入門
Angular 靜態網站產生器不求人:Scully 新手入門
志龍 陳
此為六角線上直播「大神來六角」所用的投影片講義
Angular 從入門到實戰(三)
Angular 從入門到實戰(三)
志龍 陳
大神來六角2021的投影片
Angular 深入淺出測試篇:新手入門
Angular 深入淺出測試篇:新手入門
志龍 陳
我在 Angular Taiwan 線上讀書會時,分享「什麼是測試」與「如何在 Angular 上寫測試」的簡報。
Angular Testing for Book Club Online of Angular Taiwan
Angular Testing for Book Club Online of Angular Taiwan
志龍 陳
使用 Angular 進行開發的你,已經知道元件之間的資料傳輸機制,例如屬性綁定進行輸入、事件綁定進行輸出。 也許你會有這樣的疑問: Angular 是在什麼時候,又是如何進行變更偵測的?以及要如何透過 NgZone 來改善效能,就讓我們來體驗一下 NgZone 所帶來的奇幻旅程!
AUGT 社群小聚 - Angular Optimize Performance NgZone 的原理與應用
AUGT 社群小聚 - Angular Optimize Performance NgZone 的原理與應用
Jeff Wu
Recommandé
此為六角線上直播「大神來六角」所用的投影片講義
Angular 從入門到實戰(四)
Angular 從入門到實戰(四)
志龍 陳
此投影片為我在 Angular Meetup #6 中所分享, 希望大家能夠透過此次的分享,初步認識與學會如何開發 Schematic。
Schematics 實戰
Schematics 實戰
志龍 陳
此為六角線上直播「大神來六角」所用的投影片講義
Angular從入門到實戰(二)
Angular從入門到實戰(二)
志龍 陳
簡單地介紹一下 Scully
Angular 靜態網站產生器不求人:Scully 新手入門
Angular 靜態網站產生器不求人:Scully 新手入門
志龍 陳
此為六角線上直播「大神來六角」所用的投影片講義
Angular 從入門到實戰(三)
Angular 從入門到實戰(三)
志龍 陳
大神來六角2021的投影片
Angular 深入淺出測試篇:新手入門
Angular 深入淺出測試篇:新手入門
志龍 陳
我在 Angular Taiwan 線上讀書會時,分享「什麼是測試」與「如何在 Angular 上寫測試」的簡報。
Angular Testing for Book Club Online of Angular Taiwan
Angular Testing for Book Club Online of Angular Taiwan
志龍 陳
使用 Angular 進行開發的你,已經知道元件之間的資料傳輸機制,例如屬性綁定進行輸入、事件綁定進行輸出。 也許你會有這樣的疑問: Angular 是在什麼時候,又是如何進行變更偵測的?以及要如何透過 NgZone 來改善效能,就讓我們來體驗一下 NgZone 所帶來的奇幻旅程!
AUGT 社群小聚 - Angular Optimize Performance NgZone 的原理與應用
AUGT 社群小聚 - Angular Optimize Performance NgZone 的原理與應用
Jeff Wu
任何的 Web Application 都一定會用到表單,表單往往不會只是讓使用者輸入而已,我們還需要提供一些互動性的功能來提升使用者的使用經驗,例如預設值、訊息提示、邏輯驗證...等,甚至是複雜的動態表單呈現,如何透過 Angular 2 開發出一個互動性表單,一起來看看吧!
Angular 2 表單的處理與驗證
Angular 2 表單的處理與驗證
Jeff Wu
2021 大神來六角的投影片
Angular 深入淺出測試篇:E2E測試入門
Angular 深入淺出測試篇:E2E測試入門
志龍 陳
2021大神來六角的投影片
Angular 深入淺出測試篇:單元測試入門
Angular 深入淺出測試篇:單元測試入門
志龍 陳
2021大神來六角的投影片
Angular 深入淺出測試篇:整合測試入門
Angular 深入淺出測試篇:整合測試入門
志龍 陳
Repro社内のプロダクト説明会でAPIをテーマに発表した内容です。
楽しく学ぶ?API
楽しく学ぶ?API
treby
AngularJS 深入研究
深入研究 Angular - phoebe pan
深入研究 Angular - phoebe pan
Phoebe Pan
this is my talks in chatbot taiwan 14 meetup
Kamigo reviews 20191127
Kamigo reviews 20191127
Jia Yu Lin
分享 Angular 啟動 Component 的小技巧
ModernWeb 2017 angular component
ModernWeb 2017 angular component
Chieh Kai Yang
使用Redmine + Git + TestFlight + Jenkins幫助加速 App開發流程,讓PM安心,RD靜心,BOSS開心。
Beta testing with CI
Beta testing with CI
Liyao Chen
移动app的兼容性测试及回归测试需要花费QA同学大量的时间做重复的数据制造和数据准备工作,通过测试工具Spider将数据制造、场景重现的成本降到最低,极大的提高QA的测试效率,本次分享的主要内容是Spider的功能及实现。
美团点评技术沙龙06 - 提高移动端兼容性测试效率工具
美团点评技术沙龙06 - 提高移动端兼容性测试效率工具
美团点评技术团队
本議程將要來聊聊 Angular v16 裡開始才有的 「Signal」。首先,我會簡單帶大家認識一下 Angular 和 Signal 的基本概念,以及它能為我們的開發帶來哪些好處。接著,我們要深入了解(其實由於時間關係,只能淺淺了解) Signal 在 Angular 中的實作。最後,透過一個實戰的範例,讓大家看看如何運用 Signal 來輕鬆搞定資料更新和元件之間的溝通。無論你是新手還是老手,這個議程都能讓你對 Angular 和 Signal 機制有更深刻的認識!
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
志龍 陳
介紹大型複雜架構的 Angular 專案管理方式,與相關技巧
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
升煌 黃
視覺設計人員踏入Angular 到底對還是錯呢,我們繼續看下去。
從前端設計的角度來看 Angular - TW2018 amos
從前端設計的角度來看 Angular - TW2018 amos
Amos Lee
1. JIRA Board:目前大家的使用狀況 2. Reports:Cumulative Flow Diagram、Control Chart 3. 個別看板的運用&改善 - 使用者需求建議 - 客服回報 - 產品專案
Jira實用(一)
Jira實用(一)
HopenglishRD
前端框架有如洪水一般滾滾而來,每套框架無不使出全力,不斷進化。當然 Angular 也不惶多讓,今年 10 月 Angular 即將推出全新 v5.0 版本,在新的版本中將帶來更多另人振奮的消息,本次演說將鉅細靡遺帶來 Angular 5 各種全新特性與效能改進,體驗完整的 SPA 網站開發體驗。
Angular 5 全新功能探索 @ JSDC2017
Angular 5 全新功能探索 @ JSDC2017
Will Huang
Template-Driven v.s. Model-Driven
Angular 2 Taiwan 小聚 Forms 介紹
Angular 2 Taiwan 小聚 Forms 介紹
Jeff Wu
你是否曾經剛到一間新公司上班時,被晾在一旁不知所措呢? 你是否曾經接手一個專案,但不知道該從何看起也不知道該專案在寫什麼呢? 你是否會一接到需求就直接著手開發,邊開發邊想怎麼開發呢? 你是否曾經開發完功能或專案後,才在趕文件呢? 「文件驅動開發」是一種軟體開發方法,它強調在開發之前先撰寫文件,並將其視為開發過程的一部分。 這種方法可以幫助開發團隊提高溝通效率、幫助專案維護者更快地找到和修復錯誤,減少時間和資源的浪費,同時文件本身還可作為共享知識的媒介,確保開發團隊對專案的理解保持一致。 如果你也希望提高你或是你的團隊的開發效率、減少錯誤,那麼你一定不能錯過這個分享,我相信這個分享將會對你的工作和職涯發展帶來很大的幫助!
你所不知道的 DDD - 文件驅動開發
你所不知道的 DDD - 文件驅動開發
志龍 陳
這些年,我寫 Angular 時所使用的小技巧
這些年,我寫 Angular 時所使用的小技巧
這些年,我寫 Angular 時所使用的小技巧
志龍 陳
大神來六角2022,工程師必須具備的軟實力系列的簡報
工程師必須具備的軟實力-產品思維
工程師必須具備的軟實力-產品思維
志龍 陳
大神來六角2022,工程師必須具備的軟實力系列的簡報
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
志龍 陳
大神來六角2022,工程師必須具備的軟實力系列的簡報
工程師必須具備的軟實力-其實溝通很簡單
工程師必須具備的軟實力-其實溝通很簡單
志龍 陳
大神來六角2022的簡報
工程師必備的軟實力之溝通其實很簡單
工程師必備的軟實力之溝通其實很簡單
志龍 陳
Contenu connexe
Tendances
任何的 Web Application 都一定會用到表單,表單往往不會只是讓使用者輸入而已,我們還需要提供一些互動性的功能來提升使用者的使用經驗,例如預設值、訊息提示、邏輯驗證...等,甚至是複雜的動態表單呈現,如何透過 Angular 2 開發出一個互動性表單,一起來看看吧!
Angular 2 表單的處理與驗證
Angular 2 表單的處理與驗證
Jeff Wu
2021 大神來六角的投影片
Angular 深入淺出測試篇:E2E測試入門
Angular 深入淺出測試篇:E2E測試入門
志龍 陳
2021大神來六角的投影片
Angular 深入淺出測試篇:單元測試入門
Angular 深入淺出測試篇:單元測試入門
志龍 陳
2021大神來六角的投影片
Angular 深入淺出測試篇:整合測試入門
Angular 深入淺出測試篇:整合測試入門
志龍 陳
Repro社内のプロダクト説明会でAPIをテーマに発表した内容です。
楽しく学ぶ?API
楽しく学ぶ?API
treby
AngularJS 深入研究
深入研究 Angular - phoebe pan
深入研究 Angular - phoebe pan
Phoebe Pan
this is my talks in chatbot taiwan 14 meetup
Kamigo reviews 20191127
Kamigo reviews 20191127
Jia Yu Lin
分享 Angular 啟動 Component 的小技巧
ModernWeb 2017 angular component
ModernWeb 2017 angular component
Chieh Kai Yang
使用Redmine + Git + TestFlight + Jenkins幫助加速 App開發流程,讓PM安心,RD靜心,BOSS開心。
Beta testing with CI
Beta testing with CI
Liyao Chen
移动app的兼容性测试及回归测试需要花费QA同学大量的时间做重复的数据制造和数据准备工作,通过测试工具Spider将数据制造、场景重现的成本降到最低,极大的提高QA的测试效率,本次分享的主要内容是Spider的功能及实现。
美团点评技术沙龙06 - 提高移动端兼容性测试效率工具
美团点评技术沙龙06 - 提高移动端兼容性测试效率工具
美团点评技术团队
Tendances
(10)
Angular 2 表單的處理與驗證
Angular 2 表單的處理與驗證
Angular 深入淺出測試篇:E2E測試入門
Angular 深入淺出測試篇:E2E測試入門
Angular 深入淺出測試篇:單元測試入門
Angular 深入淺出測試篇:單元測試入門
Angular 深入淺出測試篇:整合測試入門
Angular 深入淺出測試篇:整合測試入門
楽しく学ぶ?API
楽しく学ぶ?API
深入研究 Angular - phoebe pan
深入研究 Angular - phoebe pan
Kamigo reviews 20191127
Kamigo reviews 20191127
ModernWeb 2017 angular component
ModernWeb 2017 angular component
Beta testing with CI
Beta testing with CI
美团点评技术沙龙06 - 提高移动端兼容性测试效率工具
美团点评技术沙龙06 - 提高移动端兼容性测试效率工具
Similaire à Angular從入門到實戰(一)
本議程將要來聊聊 Angular v16 裡開始才有的 「Signal」。首先,我會簡單帶大家認識一下 Angular 和 Signal 的基本概念,以及它能為我們的開發帶來哪些好處。接著,我們要深入了解(其實由於時間關係,只能淺淺了解) Signal 在 Angular 中的實作。最後,透過一個實戰的範例,讓大家看看如何運用 Signal 來輕鬆搞定資料更新和元件之間的溝通。無論你是新手還是老手,這個議程都能讓你對 Angular 和 Signal 機制有更深刻的認識!
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
志龍 陳
介紹大型複雜架構的 Angular 專案管理方式,與相關技巧
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
升煌 黃
視覺設計人員踏入Angular 到底對還是錯呢,我們繼續看下去。
從前端設計的角度來看 Angular - TW2018 amos
從前端設計的角度來看 Angular - TW2018 amos
Amos Lee
1. JIRA Board:目前大家的使用狀況 2. Reports:Cumulative Flow Diagram、Control Chart 3. 個別看板的運用&改善 - 使用者需求建議 - 客服回報 - 產品專案
Jira實用(一)
Jira實用(一)
HopenglishRD
前端框架有如洪水一般滾滾而來,每套框架無不使出全力,不斷進化。當然 Angular 也不惶多讓,今年 10 月 Angular 即將推出全新 v5.0 版本,在新的版本中將帶來更多另人振奮的消息,本次演說將鉅細靡遺帶來 Angular 5 各種全新特性與效能改進,體驗完整的 SPA 網站開發體驗。
Angular 5 全新功能探索 @ JSDC2017
Angular 5 全新功能探索 @ JSDC2017
Will Huang
Template-Driven v.s. Model-Driven
Angular 2 Taiwan 小聚 Forms 介紹
Angular 2 Taiwan 小聚 Forms 介紹
Jeff Wu
Similaire à Angular從入門到實戰(一)
(6)
Angular 原始碼探索之Signal 篇
Angular 原始碼探索之Signal 篇
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
Angular Taiwan 2019 - 大型 Angular 專案的的管理心得與技巧
從前端設計的角度來看 Angular - TW2018 amos
從前端設計的角度來看 Angular - TW2018 amos
Jira實用(一)
Jira實用(一)
Angular 5 全新功能探索 @ JSDC2017
Angular 5 全新功能探索 @ JSDC2017
Angular 2 Taiwan 小聚 Forms 介紹
Angular 2 Taiwan 小聚 Forms 介紹
Plus de 志龍 陳
你是否曾經剛到一間新公司上班時,被晾在一旁不知所措呢? 你是否曾經接手一個專案,但不知道該從何看起也不知道該專案在寫什麼呢? 你是否會一接到需求就直接著手開發,邊開發邊想怎麼開發呢? 你是否曾經開發完功能或專案後,才在趕文件呢? 「文件驅動開發」是一種軟體開發方法,它強調在開發之前先撰寫文件,並將其視為開發過程的一部分。 這種方法可以幫助開發團隊提高溝通效率、幫助專案維護者更快地找到和修復錯誤,減少時間和資源的浪費,同時文件本身還可作為共享知識的媒介,確保開發團隊對專案的理解保持一致。 如果你也希望提高你或是你的團隊的開發效率、減少錯誤,那麼你一定不能錯過這個分享,我相信這個分享將會對你的工作和職涯發展帶來很大的幫助!
你所不知道的 DDD - 文件驅動開發
你所不知道的 DDD - 文件驅動開發
志龍 陳
這些年,我寫 Angular 時所使用的小技巧
這些年,我寫 Angular 時所使用的小技巧
這些年,我寫 Angular 時所使用的小技巧
志龍 陳
大神來六角2022,工程師必須具備的軟實力系列的簡報
工程師必須具備的軟實力-產品思維
工程師必須具備的軟實力-產品思維
志龍 陳
大神來六角2022,工程師必須具備的軟實力系列的簡報
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
志龍 陳
大神來六角2022,工程師必須具備的軟實力系列的簡報
工程師必須具備的軟實力-其實溝通很簡單
工程師必須具備的軟實力-其實溝通很簡單
志龍 陳
大神來六角2022的簡報
工程師必備的軟實力之溝通其實很簡單
工程師必備的軟實力之溝通其實很簡單
志龍 陳
大神來六角2021的投影片
Angular 深入淺出表單篇:新手入門(三)
Angular 深入淺出表單篇:新手入門(三)
志龍 陳
大神來六角2021的投影片
Angular 深入淺出表單篇:新手入門(二)
Angular 深入淺出表單篇:新手入門(二)
志龍 陳
大神來六角2021 的簡報
Angular 深入淺出表單篇:新手入門(一)
Angular 深入淺出表單篇:新手入門(一)
志龍 陳
Plus de 志龍 陳
(9)
你所不知道的 DDD - 文件驅動開發
你所不知道的 DDD - 文件驅動開發
這些年,我寫 Angular 時所使用的小技巧
這些年,我寫 Angular 時所使用的小技巧
工程師必須具備的軟實力-產品思維
工程師必須具備的軟實力-產品思維
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
工程師必須具備的軟實力-不管理時間的下場是被時間追殺
工程師必須具備的軟實力-其實溝通很簡單
工程師必須具備的軟實力-其實溝通很簡單
工程師必備的軟實力之溝通其實很簡單
工程師必備的軟實力之溝通其實很簡單
Angular 深入淺出表單篇:新手入門(三)
Angular 深入淺出表單篇:新手入門(三)
Angular 深入淺出表單篇:新手入門(二)
Angular 深入淺出表單篇:新手入門(二)
Angular 深入淺出表單篇:新手入門(一)
Angular 深入淺出表單篇:新手入門(一)
Angular從入門到實戰(一)
1.
Angular 從入⾨到實戰
2.
• 「Angular 深入淺出三⼗天」 •
「Angular Schematics 實戰三⼗天」 • Perkd Taiwan 陳志龍(Leo 李歐)
3.
• 現代前端?古代前端? • 前端三⼤框架? •
Angular ? AngularJS ? • Why Angular ? • Q&A ⼤綱
4.
現代前端?古代前端?
5.
現代前端?古代前端?
6.
現代前端?古代前端?
7.
現代前端?古代前端?
8.
• MPA(Multi-page application) •
⼀個功能會有⼀個動作及⾴⾯ • ⼀個需求⼀個畫⾯ 現代前端?古代前端?
9.
現代前端?古代前端?
10.
現代前端?古代前端? AJAX
11.
現代前端?古代前端? Asynchronous JavaScript And
XML
12.
• SPA(Single-page application) •
部分更新 • 前後端分離 • 提供User更偏向Desktop/Mobile application的使⽤經驗 現代前端?古代前端?
13.
現代前端?古代前端? MPA SPA 優點 SEO較好 避免整個⾴⾯重load 前後端分離 更好的使⽤者體驗 缺點 每次更新需整個⾴⾯重load 使⽤者體驗較差 前後端相依性較⾼ SEO較差
14.
前端三⼤框架?
15.
前端三⼤框架? A JavaScript library
for building user interfaces
16.
前端三⼤框架? • 框架 =
⼯具 • 選擇適當的⼯具才能事半功倍
17.
Angular ? AngularJS
?
18.
Angular ? AngularJS
?
19.
Angular ? AngularJS
?
20.
Angular ? AngularJS
? 2
21.
Angular ? AngularJS
? • Angular 1.x -> 正名:AngularJS • Angular 2+ -> 正名:Angular
22.
Angular ? AngularJS
?
23.
• 偵測變更比 AngularJS
快10倍 • 更⼩的 Library Size 與延遲載入機制 • ⽀援 Template 預先編譯機制 • 渲染速度比 AngularJS 快5倍 • ⽀援伺服器渲染機制 Angular ? AngularJS ?
24.
Why Angular ?
25.
• ALL-IN-ONE • 跨平台 •
開發⽅式⼀致且有完整、完善的規範 Why Angular ?
26.
Why Angular ?
27.
前端三⼤框架?
28.
29.
Q&A
30.
相關連結 Angular Taiwan 臉書社團
Angular Taiwan 論壇 Angular Taiwan 線上讀書會社團 Angular Taiwan Youtube 頻道
31.
感謝收看
Télécharger maintenant