與專家交談 - 成績單

態

鑰匙要點

Angularjs的區別是與DOM/HTML的深層整合，通過JavaScript增強了HTML的動力。
• >該框架特別有效地用於開發單頁應用程序（SPA），儘管對於僅需要簡單動態內容的站點可能會被認為是過度殺傷。 由於其獨特的網絡開發方法，Angularjs的學習曲線具有陡峭的學習曲線，但是一旦掌握了它。
討論強調了Angular與JQuery和Ruby等其他框架的潛在衝突，尤其是在路由周圍。 AngularJS的功能擴展到處理複雜的Web應用程序，由Angular-UI和UI路由器等工具展示，從而增強了其功能。
• > 未來的討論和資源將集中在更高級的AngularJS實施和集成上，以反映其在Web開發中不斷發展的作用。

今天早上與專家交談，我們與SitePoint Group開發人員Mal Curtis和Brad Barrow聊天。小時出現了很多資源，我將所有這些資源都匯總到下面的列表中，為那些不想篩選成績單的人。 Angularjs在行動中 Angular-UI UI路由器演示 Web指示南 Mgonto Restangular 學習資源 使用指令和數據指示構建應用程序 Angular Yeoman Generator 雜項資源 Angular宣布DART 角飛鏢 Mozilla的磚塊 存儲模塊 網絡說明視頻 Angular的Google頁面 Angular的YouTube頻道 Google組 如果您因為不知道會議而錯過了會議，請確保在此處註冊以後的會議通知。下週，我們將與電子郵件Wizardry的Nicole Merlin討論HTML電子郵件。這是在11月13日星期三的下午12:30開始的，您可以在此處加入會議。 對於那些錯過談話並想知道發生了什麼的人，您可以在這裡閱讀完整的成績單：

[22:05] Angularjs是目前可用的許多JavaScript框架之一。與剩下的不同之處在於，它與您網站的dom/html緊密集成
[22:06] 我是Angularjs擁有的框架中最高的學習曲線之一，主要是因為它以一種非常不同的方式做事。
[22:06] ，但是回報是，一旦您啟動並運行，極其強大的

[22:07] 完全正確的Malcurtis，而其他框架則旨在為您的JavaScript提供結構，Angular尋求利用JavaScript的力量使HTML的動力使HTML更具動態性，既具有開創性，又是開創性的，並且是動態的功能強大的
[22:07] 考慮一個按鈕，當按下時，該按鈕從文本字段中獲取一個值，並將其使用為顯示警報消息
[22:07] 當前有人在使用Angular？
[22:08] 使用JavaScript/jQuery，您需要編寫代碼來查找按鈕，找到該按鈕文本字段並找到消息容器……然後您需要代碼來收聽所有事件，提取值並插入它們
[22:08] 主要是jQuery對我
[22:08] 所有這些代碼都位於文件中，它與標記很遙遠，它與
> [22:08 ] 只是學習它並思考如何改變它Web開發的行業[22:08] 對於大多數網站，您只是添加一些動態內容，Angular不是必需的

[22:09] 如果有人有疑問，現在將是跳入的好時機。 [22:09] Angular是一個很好的框架對於水療中心，單頁應用程序- 如此完整的客戶端應用

[22:09] 為什麼僅限於SPA[22:09] 是否有任何服務器端設置？
> [22:09] 我並不是說它是限制的，我只是說它可能是過分的您只需要添加少量互動
[22:10] Randyman5775否和是的
>[22:10] 否，因為這是一個完整的客戶端框架

[22 :10] 與完整的堆棧應用程序相比，在Spa應用程序上使用Angular是Angular想要擁有路由 [22:10] 是的，如果您想要數據-您必須從某個地方獲得
[22:10] ，但您也可以考慮使用“備份為服務”，例如parse，firebase或（yup） ，我要這麼說）azure
[22:11] 在您通過電線上與數據進行交互的地方，完全在他們的服務中[22:11] Angular與JQuery UI小部件合作嗎？
[22:11] Angular想要查看瀏覽器的URL並決定要渲染的頁面，因此，如果您在Ruby On Rails之類的內部使用它，則兩個框架將爭奪該頁面路由結構的使用

[22:11] @miked您會發現經常會發現jQuery and Angular不起作用他們以非常不同的方式工作 [22:11]然後。 [22:11] ，但是您還會找到為您解決問題的人[22:12] @nanda Angular網絡框架
[22:12] 和電子遊戲呢？您是否知道Angularjs團隊中的任何人都有任何想法，即打開AngularJS作為遊戲開發框架，以輕鬆使用HTML5視頻遊戲？ ​​[22:12] 替代流行的小部件（例如Tabs等）的替代方案。 22:12] @miked說，http://angular-ui.github.io/是一個很棒的項目在角度上推動邊界。他們以真正的角度方式實施了許多流行的UI工具。
[22:12] @good，遊戲開發是另一個世界，而不是問題Angular試圖解決
>
[22:12] 好吧，謝謝

[22:13] 您可以很樂意與Angular

[22:13] @nanda我在Rails Projects上使用了兩個Ruby中的Angularjs，這是可能的，但是有時候開銷不值得。 ：13] 但是，實際的遊戲本身需要使用適當的遊戲庫> [22:13] 您對與角度測試有何看法模擬
[22:13] 我有一些自定義指令，這些指令相當複雜
[22:13] 您可以使用AngularJS並減少ETAS，為水療開發收取多少費用？ [22:13] 您最喜歡用Angular構建的網站/示例是什麼？ ：13] @good一根字符串多長時間？在其他服務器端框架中？
​​[22:14] 這是一種常見的體驗（它們在重新啟動後起作用）
[22:14] @good Alex Smith寫了一篇整潔的角度文章，教您如何創建裸露和交叉遊戲。這不是一個複雜的遊戲，但它展示了Angular的某些能力https://www.sitepoint.com/angularjs-tutorial-build-build-an-app-using-directives-and-directives-and-data- binding/

> [22:14] @phil複雜性通常是測試問題的原因

[22: 14] 減少耦合，也許將您的指令分為多個子指令等。 [22:15] Bradbarrow，整潔！我會給它閱讀
[22:15] 似乎很有趣！謝謝> [22:15] 我通常會發現，如果我必須在測試中固定/模擬太多，這意味著我可能需要重新考慮它的工作原理>[22 :15] 通常是高度耦合的，而不是鬆散耦合

[22:15] 大家好
[22:15] @phil我同意MAL RE測試。確保您的代碼盡可能模塊化和去耦合。編寫集成/接受測試通常可以幫助涵蓋單位測試變得複雜的領域。 [22:15] 可以與Google Alerts或RSS之類的東西一起使用嗎？
[22:15] 即，它期望一個對象具有來自父範圍的大量屬性，而不是來自父範圍的幾個不同變量，這是更多的Explcit
> [22:15] 即使我簡化了事情，測試也可以倒塌- 但更多的是，業力已經陷入了某種狀態，它需要重新啟動。似乎

[22:16] @phil Odd，每個測試都應重置為空白狀態。也許您的積累和拆除不是有效地清除事物，或者您正在嘗試在OE測試中做很多事情
[22:16] 一個*
22:17] Angularjs建議使用Ember.js之類的誹謗，否則它無法管理狀態等等，不是嗎？ Randyman5775不確定您的意思是什麼，如果您的意思是可以獲取數據，請肯定- 如果服務通過JS可用（即支持交叉來源資源共享），則是yeap

[ 22:17] @good非常確定Angularjs推薦Ember.js就像Toyota建議您購買福特

>[22:17] @good我以前從未聽說過。 Angular UI團隊有一個很好的解決方案來解決國家驅動的開發，包括嵌套視圖http://angular-ui.github.io/ui-router/sample
[22:17] @ maccurtis - 這聽起來值得一個嘗試。如果您沒有遇到類似的問題，那麼我會處理的。謝謝
[22:18] 我支持了Bradbarrow對UI-Router所說的話。它很棒，並解決了您可能遇到的所有路由/狀態問題，
> [22:18] 支持嵌套的視圖，Ala Ember，並且具有多個兄弟姐妹視圖等。 [22:18] 是的，我希望根據每日更新內容的關鍵字合併匯總內容
[22:18] 通過狀態而不是路線運行，這是極好的
[22:19] randyman5775是的，如果您可以通過JS您獲得數據'll沒有問題將其變成角度。
[22:19] @bloopjs我真的很喜歡使用Angular在Web方向南站點http://webdirections.org/wds13/ [22:19] @ bloopjs @bloopjs有一些出色的指令用於觸摸事件，以使其使其可移動訪問


[22:19] 如果您以前沒有使用過Angular功能強大的
[22:20] 您可以定義新的標籤（或類等） ，這些標籤（或類等）都封裝了功能的整個塊>
[22:20] [22:20] ok不錯的鏈接，確實所有信息都移至“ JSON文檔”格式，並且有越來越多的NOSQL DB，其中包含AngularJS可以在客戶端和服務器端處理的文檔……
[22:20] 使重複使用非常容易，並進行測試等。 [22:20] 為此，依賴性注入意味著您可以創建資源，可以在整個應用程序中訪問。這促進了脫鉤，正如我們之前看到的，這使得測試變得更加容易

[22:21] '依賴項注入'=很容易獲得您的課程等，而不必擔心如何訪問或污染全局範圍 [22:22] 如果您最近加入，歡迎歡迎使用。
> [22:22] Randyman57775如果您有興趣消費Restful API，https://github.com/mgonto/restangular是一個很棒的小模塊，請隨時提出問題。這提供了一些有用的工具來這樣做
>
[22:22] 即，當您創建控制器時，您可以創建功能：函數（myClass，myotherClass）{…}並基於參數名稱，Angular將為您的控制器提供這些類（只要註冊）
[22:23] tanks bradbarrow tanks bradbarrow - 我會檢查到。 > [22:23] 好一點，現在您提出了全球範圍。關於意識到何時不再將任何變量包含在$範圍中的任何建議……或者可以處理多少kb/mb？什麼時候在$範圍中放入某些東西，應該很明顯

> [22:24] 如果您僅在您的控制器，$ scope>
> [22:24] 如果在模板中需要它，則需要$ scope
[22:24] @good有一個Google Chrome開發人員擴展名為The Angular Batarang，它可以幫助您檢查瀏覽器中Angular的足跡。這可能有助於調試和跟踪可以重構 [22:25]的雜散變量好吧，因為範圍是視圖和模型之間的膠水……但是，如果我們需要移動大量數據怎麼辦進入視圖？範圍有沒有實時給您任何大小問題？ 🎜> [22:25] 有趣的問題。我不相信在範圍內擁有事物的“重量”比超出範圍還不再是“重量”，除非Angular必須處理更改
[22:26] 如果您是將大量更改的數據放入不需要的範圍中，然後您可能會導致處理開銷，而不是“內存” footprint

[22:26] @good最近，我創建了一個API端點和一個角色工廠來消費它。它拉下了一個JSON結構，其中有將近2000個記錄，每個記錄都有大約40個屬性。這些直接進入了一個示波器變量，Angular能夠實時對收集進行分類/過濾，而沒有問題
[22:26] 您如何看到接下來的幾年中的角度發展。它似乎已經非常強大，並且有大量的小部件圖書館在指令能力之上。您的想法是什麼？ [22:26] 即，Angular知道何時發生變化，但必須通過觀察功能值和範圍變量來做到這一點，因此，如果您經常更改這些值，那麼它就可以需要更多的tocheck[22:26] 也就是說，這是一個原型，我建議在處理大型數據集時使用分頁的方法
[22:26] 如果您可以將預處理入控制器，然後將輸出移至範圍中，那麼它將減少處理 nanda>您何時會減少處理的處理使用Angular，什麼時候不使用它？ >[22:27] Bradbarrow好吧，我明白，謝謝您分享了這一經驗，現在我知道了一些數字……謝謝
[22:27] @phil @phil我會如果我們看到更多的社區項目被捆綁到核心，或者至少是一個更模塊化的系統，例如UI-Router > [22:27] ，請感到驚訝。 @phil我認為他們會越來越多地向JavaScript OOP方法移動，並且遠離他們所提及的“語言”。您已經可以使用“ this”關鍵字而不是$範圍將屬性本身綁定到角控制器本身，這意味著JavaScript開發人員將對語言感到更加賓至如歸。
[22:28] （這是在不穩定的版本中）
[22:28] 與Sencha的Ext相比，您將如何定義AngularJS？我的意思是目的，範圍和功能。
[22:28] @bradbarrow - 您看到它向DART之類的人邁進嗎？有點，我的意思是）

[22:29] Maciek Angular是更多的框架，較少的小部件庫

> [22:29] @phil Angularjs Core剛剛宣布了一個兼容Ng
的飛鏢端口[22:29] ng

ng
[22:29] abbrev is

[22:30] https://github.com/angular/ angular/angular.dart.dart
[22:30] [22:30]我猜！
[22:30] ;）


[22:30] http://news.dartlang.org/2013/11/ angular-announce-angulardart.html
[22:31] 對Angularjs和Google的另一個項目之間兼容性的任何想法網絡開發框架？我不記得這個名字，但它像投影儀，原型或類型之類的東西，或類似的東西[22:31] 我可以看到它到達DOM有點像Assember語言的階段瀏覽器 [22:31] 彙編器
[22:31] @good @good您可能會想到聚合物？ @good Google Web開發人員或類似的東西？
[22:31] 是的，就是
[22:31]

[22:31] 謝謝，聚合物
[22:31] 他們彼此兼容嗎？ > [22:32] 聚合物借用了許多Angular的理想學，但我想說它們是解決一個問題的兩個單獨解決方案。
[22:32] 哦，沒有看到聚合物。有點像Mozilla One
> [22:32] http://mozilla.github.io/brick/
[22:33] 隨著陰影DOM周圍突出的興起，開發人員對Angular的指令等人變得越來越舒適- 封裝了具有動態的UI組件dom 中的行為[22:33] this ^
> [22:33] 好吧，謝謝您的鏈接，我對磚不知道，我會給它閱讀
[22:35] 這是遠離JavaScript應用程序邏輯和演示文稿之間的當前隔離的轉變。 “將邏輯遠離視圖”的古老格言仍在有沒有回答的問題？
[22:35] 我希望Angularjs幫助統一瀏覽器行為……全部進入Google Chrome或Mozilla Firefox [22:35] 我的意思是我希望它可以

[22:36] 就創建一個在所有瀏覽器上工作的單個“接口”？ >
> [22:36] 或讓較少的人使用IE和Safari…？
[22:36] 大聲笑[22:36] ie…[22:37] 我希望他們趕上Angularjs…否則我不知道它最終會如何形成IE Guys

> [22:37] 我對IE截至本週

> [22:37] 當前last =當前OK 10上的Angularjs應該很好
[22:37] 好吧。
[22:37] > @good Google剛剛在其文檔平台和其他一些方面取得了對IE9的支持。它們是趨勢設定器，因此我們可以期待使用IE10，這實際上還可以，這實際上還可以[22:37] 10是第一個IE，最終僅在您使用的所有地方都接受了標準


[22:37] 包括Cors等從Angular迅速開始，我強烈建議您查看Brian Ford維護的Angularjs Yeoman Generator：https：// github.com/yeoman/generator-generator-angular-angular [22:40] 它可以幫助您獲得。在幾分鐘內使用靜態站點，AngularJS和活潑的開發環境建立。我用它來快速原型Angular Apps，而不是諸如JSFIDDLE/CODEPEN[22:40] 如果有人尚未回答的問題，現在將是一個好時機。 > [22:41] 歡迎您剛剛加入的人：）
[22:41] 你好[22:41] 嗨[22:41] Howdy
[22:42] 嗨，伙計們，你們中的任何一個以前使用過Angularjs嗎？到目前為止，您的經驗/意見是什麼？有任何疑問嗎？
[22:42] 好吧，謝謝。您會說Angularjs不能比其他人輕易跳動或無法輕易發展。許多人不想在我的事情上脫離燈時，卑鄙的個人資料將是未來……否則似乎是這樣，但是我想知道是否有Angularjs有任何缺點，Misjo並沒有告訴我們： d
[22: 42] 我認為沒有。
[22:43] @good @good您無需搬走燈即可運行ng
[22:43] 燈是您的後端。但是。 22:43] 啊，對不起
[22:43] '問題' - 是學習陡峭的學習曲線

[22:44 ] 所以很難擊敗jQuery 的“簡單性” [22:44] @good我認為它會'始終取決於應用程序本身。 Mongo vs MySQL - 它們是非常不同的解決方案。節點vs apache ..同時，一個專門研究實時服務器行為。這是為了為正確的應用程序選擇正確的工具。
[22:45] 您將卑鄙的堆棧視為LAMP的替代方案。還是您認為它們是相似的？ ……關於承諾和在Angularjs中使用它們的信息。您認為我是否值得學會在我的後端代碼上應用承諾，而不是擁有可怕的標識Piramid？ [22:45] 我們必須記住，開發人員會湧向最新和最大的，所以刻薄的是很受歡迎……但這並不意味著您不能將Angular整合到現有的堆棧中舒適使用ROR/LAMP[22:46] @Good假定您的後端代碼使用回調湯語言，例如js
[22:46] 我讀了Q庫開發人員的一些文章，說為什麼節點應該使用它們或類似的東西……我不准確地記得……對不起
[22:46] 好的
[22:47] 嗨，我正在通過Angular內部運行的Fabric。我需要開始在視圖之間共享數據，並且想知道參數或共享服務是否是必經之路。它可以使用socket.io，以及我們現在使用的諸如此聊天應用之類的應用程序更順暢的應用程序（正確的mal？）。另一方面，請嘗試並測試燈和ror堆棧。 @mikef數據在哪裡，視圖在哪裡？連接的控制器，該控制器使用$範圍將它們綁定在一起[22:48] 目前數據處於本地存儲中，並且視圖是由路由器模塊切換的自己的文件中的部分。
[22:48] @good @good我個人認為近年來是異步語言的最佳發展之一，我發現它們比回調更通用，可讀性和強大。任何使用它們的機會，我都會跳上它
[22:49] 好吧，因此您需要有一個控制器，該控制器在那裡進行一些按摩
[22:49] 謝謝bradbarrow
[22:49] 在您的視圖中，您可以訪問您添加到所附$範圍的任何內容控制器
[22:49] 因此，您的控制器可能會從LocalStorage中獲取東西，然後將其推入$ scope.mydata
[22: 49] 您的觀點可能會在mydata上迭代（它不需要示波器位）
[22:50] 例如

• {{data.someproperty}}態

[22:51] 一個用於使用本地/會話存儲的漂亮模塊：https：//github.com/gsklee/ngstorage [22:53] 我們的會議還剩5分鐘。有人有最後的問題嗎？
[22:53] Bradbarrow剛剛看到您的評論，是的，構建此應用程序完全是微風的。沒有宣誓涉及… /sarcasm

[22:54] 在此頻道圍繞JavaScript開發中有一些很棒的視頻，包括Node's異步性質，承諾和休息API，為您的那些感興趣的人（@good） http://www.youtube.com/user/webdirections/videos
[22:54] 我只是想感謝您分享您的知識。知道我會向西班牙的一些明星發送好業力/積極的業力，以便在美國找到您！ ：d[22:54] 感謝伙計們的建議：0）
[22:55] 我在NZ;）Brad; >
[22:55 ] Brad*

> [22:55] 沒問題！使用Angular的人越多，社區就會變得越支持：） [22:55] 對不起。因此，對於NZ和AU，他們走了！ [22:55] ：D
[22:55] 謝謝，謝謝，我一定會抓住成績單，甚至還學會了東西在過去的10分鐘內！ ：）[22:55] 很酷。我將在今天晚些時候放置成績單。 22:56] 如果有人來這裡想他們是否應該“嘗試” Angular，答案是平坦的 - 是的：試一試。請記住，它有一些校準曲線，儘管持續存在。 ] 我將專家放鬆之前有任何最後一個問題嗎？ https://groups.google.com/forum/# !! Forum/angular

[22:56] 一個很好的第一個教程是Alex的一個@ sitepoint：https：/ /www.sitepoint.com /angularjs-tutorial-build-an-app-in-app-indilectives and-data綁定/
> [22:57] Malcurtis 100％同意，在Emberjs之後使用- 很難學習，但“上級” [22:57] M/
[22:57] 很棒。好吧，感謝您今天早上的時間Malcurtis和Bradbarrow
[22:58] 沒問題- 很有趣：） np> np
> [22:58] Applauses
[22:58] ，感謝所有加入並提出問題的人。祝您白天/夜晚都很愉快。 [22:59] 也謝謝你，謝謝>[22:59] bye！

經常詢問有關Angularjs

的問題

什麼是AngularJS，為什麼在Web開發中很重要？它由Google維護，旨在使此類應用程序的開發和測試更加容易。 Angularjs建立在指令，可重複使用的組件和模塊化設計的概念上，這使其成為構建單頁應用程序的理想工具。它還支持雙向數據綁定，依賴注入和關注點的分離，這在現代網絡開發中都很重要。

> AngularJS與其他JavaScript框架有何不同？由於其數據綁定功能，從其他JavaScript框架中。它使用雙向數據綁定，這意味著用戶界面中的任何更改都會立即影響應用程序對象，反之亦然。另一個獨特的功能是依賴注入，它使應用程序更易於開發，理解和測試。

了解HTML，CSS和JavaScript。 MVC（模型視圖控制器）概念和文檔對像模型（DOM）的知識也可能是有益的。

>

> gangularjs中的指令是什麼？

指令是DOM元素上的標記（例如屬性，元素名稱，註釋或CSS類）告訴AngularJS的HTML編譯器將指定的行為附加到該DOM元素，甚至轉換DOM元素及其子女。

>我如何聘請AngularJS專家？這些平台擁有大量專家，在AngularJS開發方面具有廣泛的經驗。您可以查看他們的個人資料，檢查他們的經驗，並選擇適合您項目需求的個人資料。

>在我的項目中使用AngularJS有什麼好處？它允許您創建單頁應用程序，以提供更無縫的用戶體驗。雙向數據綁定簡化了編程過程。此外，它是由Google維護的，它可以確保您的可靠性和定期更新。

>我可以將AngularJS用於移動應用程序開發嗎？ >

是的，可以將AngularJS用於移動應用程序開發。但是，值得注意的是，AngularJS主要是為Web應用程序開發而設計的。對於移動應用程序開發，角或離子可能是更好的選擇。

>

> Angularjs的未來是什麼？ Angular提供了更高級的功能，並且更適合現代Web開發的需求。但是，AngularJS將繼續與維護與之構建的現有應用有關。 >

在Angularjs開發中有哪些共同挑戰？

>一些共同的挑戰包括處理複雜的語法，了解該概念指令，管理範圍以及在大規模應用中處理績效問題。但是，這些挑戰可以通過適當的理解和經驗來克服。 如何學習Angularjs？

>有很多資源可以學習AngularJS。在線教程，指南和課程是一個很好的開始方式。 SitePoint，Ultimate Course和Turing等網站提供了有關Angularjs的全面指南和討論。

以上是與專家交談 - 成績單的詳細內容。更多資訊請關注PHP中文網其他相關文章！