Angularjsと専門家と話をします - トランスクリプト-jsチュートリアル-php.cn

Talk AngularJS with the Experts – The Transcript

Angularjsと専門家と話をします - トランスクリプト

キーテイクアウト

Angularjsは、dom/htmlとの深い統合によって区別され、JavaScriptを介してHTMLのダイナミズムを強化します。
Angularjsは、Web開発へのユニークなアプローチのために急な学習曲線を持っていますが、マスターされると非常に強力になります。
将来の議論とリソースは、より高度なAngularJSの実装と統合に焦点を当て、Web開発における進化する役割を反映しています。

今朝、専門家と話をして、SitePoint Groupの開発者Mal CurtisとBrad Barrowとの強力なAngularJSフレームワークについておしゃべりをしているのを見ました。 1時間は多くのリソースを上げました。これらはすべて、トランスクリプトをふるいにかけたくないあなたのために、以下のリストにまとめました。 Angularjsが動作します Angular-UI UIルーターデモ南の方向性 Mgonto retangular 学習リソースディレクティブとデータバインディングを使用してアプリを構築します角度ヨーマンジェネレーターその他のリソース AngularはDARTを発表します角度ダーツモジラのレンガストレージモジュール Webディレクションビデオ AngularのGoogleページ AngularのYouTubeチャンネル Googleグループセッションについて知らなかったためにセッションを逃した場合は、将来のセッションの通知にサインアップしてください。来週、メールウィザードリーのニコールマーリンとのHTMLメールについてお話します。これは、11月13日（水）の午後12時30分PSTに始まり、こちらからセッションに参加できます。話を逃し、何がダウンしたのか知りたい人のために、ここで完全な成績証明書を読むことができます。

[22:05] AngularJsは、現時点で利用可能な多くのJavaScriptフレームワークの1つです。それを他のものと際立たせるのは、サイトのdom/htmlとの緊密な統合
[22:06] Angularjsは、フレームワークの最高の学習曲線の1つを持っていることです。主に、それは非常に異なる方法で行うからです。
[22:06] しかし、ペイオフは、あなたが立ち上がって実行していることです。それは非常に強力です
[22:07] まったく正しいMalcurtis、他のフレームワークはJavaScriptの構造を提供することを目指していますが、AngularはJavaScriptの力を使用してHTMLをよりダイナミックにすることを目指しています。そして信じられないほど強力な[22:07] 現在はAngularを使用している人はいますか？、テキストフィールドを見つけてメッセージコンテナを見つけます。次に、すべてのイベントを聞くためにコードが必要です。値を抽出して挿入
[22:08] 主に私のためのjquery
[22:08] そのコードはすべて、マークアップからかなり離れたファイルにあります。 Web開発の業界をどのように変えることができるかを考えてください

[22:08] ほとんどのサイトでは、動的コンテンツのビットを追加したばかりです。 Angularは必要ありません

[22:09] 誰かが質問があるなら、今は飛び込むのに良い時期になるでしょう。 SPAの優れたフレームワーク、シングルページアプリケーション - フルクライアントサイドアプリ[22:09] なぜSPAのみに制限されているのか
[22:09] サーバーの側面のセットアップはありますか？
[22:09] 私はそれが制限されていると言っているわけではありません。インタラクティブ性の小さなビットを追加する必要があります
[22:10] randyman5775 no andはい
[22:10] いいえ、それは完全なクライアントサイドフレームワークである
[22:10] あなたがしたい主な理由フルスタックアプリと比較してSPAアプリでAngularを使用しているのは、Angularがルーティングを所有したいということです[22:10] しかし、Parse、Firebase、または（Yupなどの「サービスとしてバックされた」を使用することもできます。、私はそれを言うつもりです）azure
[22:11] ワイヤー上のデータとやり取りする場所、完全にサービスで
AngularはjQuery UIウィジェットで動作しますか？ [22:11] Angularは、ブラウザのURLを見てレンダリングするページを決定したいので、Ruby on Railsのようなものの中で使用する場合、2つのフレームワークはルーティング構造の使用
[22:11] @mikedあなたはしばしばjqueryやAngularが機能しないことがわかります一緒に [22:11] しかし、あなたはあなたのために問題を解決した人を見つける
[22:12] @nanda AngularはWebフレームワーク[22:12] であり、ビデオゲームはどうですか？ AngularJSチームの誰かが、ゲーム開発フレームワークとしてHTML5ビデオゲームを容易にするためのAngularJSを開くことについて何か考えを持っているかどうかを知っていますか？ 22:12] @mikedは、http://angular-ui.github.io/は素晴らしいプロジェクトですAngularに関しては、境界を押します。彼らは真の角張った方法で多くの人気のあるUIツールを実装しました。 [22:12] わかりました、ありがとう [22:13] @nanda私はレールの2つのRubyプロジェクトでAngularjsを使用しましたが、それは可能ですが、オーバーヘッドはそれを価値があると感じることができません。：13] ただし、実際のゲーム自体は適切なゲームライブラリを使用する必要があります
[22:13] Angular Testingについてのあなたの考えはどうですかmocks
[22:13] 合理的に複雑ないくつかのカスタムディレクティブがあります？
[22:13] Angularで構築されたお気に入りのサイト/例は何ですか？：13] @good文字列の長さはどれくらいですか？

[22:14] Angularjsを使用することの欠点は何ですか他のサーバーサイドフレームワークの代わりに？それはあなたにあなたに無駄なゲームを作成し、クロスゲームを教えてくれます。それは複雑なゲームではありませんが、Angularの能力のいくつかを披露します[22:14] @philの複雑さは、多くの場合、問題の問題の原因です
[22:14] カップリングを減らし、おそらくあなたの指令を複数のサブディレクティブなどに分割します。読みます
[22:15] 面白そうです！ありがとう

[22:15] 一般的に、テストでスタブ /モックしすぎなければならない場合、おそらくそれがどのように機能するかを再考する必要があることを意味します [22:15] そしてしばしばそれは高度に結合されており、ゆるく結合されていない
[22:15] こんにちはみんな[22:15] @phil私はMal Re Testingに同意します。コードがモジュール式であり、可能な限りカップルであることを確認してください。統合テストの作成/受け入れテストは、多くの場合、ユニットテストが複雑な領域をカバーするのに役立ちます。

[22:15] すなわち、親範囲からのいくつかの異なる変数ではなく、親の範囲から多くの属性を持つオブジェクトが期待されます。 [22:15] 私が物事を単純化したとしても、テストは転倒する可能性がありますが、カルマは再起動を必要とする特定の状態になったことです。
[22:16] @phil Odd、各テストは空白の状態にリセットする必要があります。おそらく、あなたのビルドアップと解体は、物事を効率的にクリアしていないか、OEテストで多くのことをしようとしている AngularjsがEmber.jsのような居住者を使用することを推奨するのは本当ですか、それ以外の場合は州を管理できませんか？ randyman5775は何を意味するのかわからない。つまり、そのデータを取得できる場合は、サービスがJSを介してAPIを使用できる場合（つまり、クロスオリジンリソース共有をサポート）、Yeap @good ember.jsを推奨するAngularjsは、あなたがfordを購入することを推奨するトヨタのようなものです
[22:17] @good私はそれについて聞いたことがありません。 Angular UIチームには、ネストされたビューhttp://angular-ui.github.io/ui-router/sample
[22:17] @maccurtisなど、州駆動型開発に対する優れたソリューションがあります。試す。同様の問題が発生していない場合は、取り組みます。ありがとう
[22:18] 私はBradbarrowがUIルーターについて言っていることを裏付けています。それは優れており、あなたが遭遇するかもしれないルーティング /州のすべての問題を解決します
[22:18] は、ネストされたビュー、アラ・エンバー、そして複数の兄弟ビューなどをサポートしています。 [22:18] はい、毎日の更新コンテンツのキーワードに基づいて集計コンテンツを組み込むことを探しています

[22:18] はルートではなく状態を介して実行されます。 'llはそれを角度に入れるのに問題はありません。[22:19] @bloopjs私はAngularの使用が本当に好きでしたWebの方向SouthサイトのSOUTHサイトhttp://webdirections.org/wds13/
[22:19] @bloopjsタッチイベントのようなものにモバイルにアクセスできるようにするために使用されるいくつかの素晴らしい指令がありました [22:19] 以前にAngularを使用したことがない場合は、指令がそれを作るものであることを知っておく必要がありますパワフル

[22:20] 機能性のチャンク全体をカプセル化する新しいタグ（またはクラスなど）を定義できます
[22:20] 素敵なリンク、すべての情報が「JSONドキュメント」形式に移動し、AngularJがクライアント側とサーバー側の両方で処理できるドキュメントを備えたNOSQL DBがますます多くあります…
[22:20] 再利用を非常に簡単にするだけでなく、テストなど。アプリ全体でアクセスできます。これにより、以前に見たようにテストがはるかに簡単になります[22:21] '依存関係' =クラスにアクセスする方法やグローバルな範囲の汚染を心配することなく、クラスに簡単にアクセスするなど

[22:22] 最近参加した場合はようこそ。任意の時点で質問をお気軽にご連絡ください。 [22:22] Randyman5775 Restful APIの消費に興味がある場合は、https：//github.com/mgonto/Restangularは素晴らしい小さなモジュールですこれは、そうするためのいくつかの役立つツールを提供します [22:23] グローブポイント、グローバルな範囲を獲得しました。これ以上変数を$ scopeに含めない時期に気付くことについてのアドバイス...または大きくすることができますか（何kb/mbを処理できますか？）
[22:24] @good $スコープに何かを入れるかどうかは非常に明白なはずです

[22:24] コントローラーでのみ変数が必要な場合、 $ scope
[22:24] テンプレートで必要な場合は、$ scope
[22:24] @good Angular Batarangと呼ばれるGoogle Chrome開発者拡張機能があり、ブラウザのAngularのフットプリントを検査するのに役立ちます。スコープはビューとモデルの間の接着剤であるため、リファグリングおよびリファクタリングできる迷路変数を追跡するのに役立ちます。ビューに？スコープはリアルタイムでサイズの問題を与えましたか？ 🎜> [22:25] 興味深い質問。 Angularが変更に対処しなければならない場合を除いて、私は範囲外よりも範囲に物事を持っていることに「体重」があるとは思わない

[22:26] 多くの変更データを範囲に変更する必要のないスコープに入れると、オーバーヘッドの処理を引き起こす可能性がありますが、「メモリ」フットプリント

[22:26] @good私は最近APIエンドポイントとそれを消費する角度工場を作成しました。それぞれ約40のプロパティを持つ2000近くのレコードを持つJSON構造を引き下げました。これらはスコープ変数にまっすぐ進み、Angularは問題なくリアルタイムでコレクションをソート/フィルタリングすることができました [22:26] 今後数年間でAngularが発達しているのをどのように見ていますか。それはすでに非常に強力であるように思われ、ディレクティブ機能の上に構築されたウィジェットの大きなライブラリがあります。あなたの考えは何ですか？もっと頻繁にトケックする必要があります [22:26] それはプロトタイプであり、大きなデータセットを扱うときにページングされたアプローチを使用することをお勧めします
[22:26] プリプロセシングをコントローラーに移動し、出力をスコープに移動できる場合、処理 Bradbarrow OK、私は理解しています、私は理解しています、その経験を共有してくれてありがとう、今私はいくつかの数字を知っています...ありがとう
[22:27] @phil私は私はしません'コミュニティプロジェクトの多くがコアにバンドルされたり、少なくともよりモジュール式システムに束ねられているのを見ても驚かされます。 @Phil彼らはますますJavaScript OOPアプローチに向かって移動し、それが言及されているように彼ら自身の「言語」から少し離れていると思います。すでに$スコープではなく「この」キーワードを使用して、プロパティ自身にプロパティをバインドできます。これは、JavaScript開発者が言語でより多くの家にいると感じることを意味します。）[22:28] Senchaのextと比較してAngularjsをどのように定義しますか？私は目的、範囲、機能を意味します。
[22:28] @BradBarrow - ダートのようなものに向かって動いているのを見ますか？ビット、つまり）

[22:29] Maciek Angularはより多くのフレームワークであり、ウィジェットライブラリが少ない @phil Angularjs Coreは、Ng

[22:29] ng
[22：22：Malcurtis> ng
[22:29]のDART互換ポートを発表しました。 29] ng
[22:29] abbrevが何であれIS
[22:30] https://github.com/angular/angular.dart[22:30] 想定！ http://news.dartlang.org/2013/11/Angular-Announces-angulardart.html
[22:31] angularjsとこの他のプロジェクトの間の互換性に関する考えはありません。 Web開発フレームワーク？私は名前を覚えていませんが、それはプロジェクターやプロトタイプのようなものでした [22:31] domがassember言語に少し似ている段階に到達するのを見ることができますブラウザの
[22:31] アセンブラー
[22:31] @goodあなたはポリマーを考えているかもしれませんか？ @good Google Web開発者またはそのようなもの？ [22:31] ええ、それは
[22:31] S/Developer/Designer
[22:31] ありがとう、ポリマー
[22:31] 彼らは互いに互換性がありますか？
[22:32] ポリマーは多くのAngularの理想学を借りていますが、それらは1つの問題に対する2つの別々の解決策だと思います。

[22:32] ああ、ポリマーは見ていませんでした。 Mozilla Oneのように少し感じてください> Shadow Domの周りに顕著になりつつあるため、開発者はAngularのディレクティブなど、動的な動作を備えたUIコンポーネントをカプセル化することでより快適になりつつあります。 domで[22:33] これは ^
[22:33] OK、あなたのリンクをありがとうMalcurtis私はレンガについて知りませんでした、読んでください
[22:35] JavaScriptアプリケーションロジックとプレゼンテーションの間の現在の分離から離れた動きです。「ロジックを視聴から締め出す」という古い格言はまだ残っていますが、開発者の時間を節約し、より堅牢なアプリケーションを作成することで、ビューをより宣言的にすることで確かに恩恵を受けることができます
[22:35] 答えられていない質問がありますか？ Mozilla firefox[22:35] 私はそれがそうすることを望んでいます

[22:36] すべてのブラウザーで動作する単一の「インターフェイス」を作成するという点で？ >
[22:36] または少ない人に使用することを少なくします。 lol[22:36] ie…
[22:37] 彼らがAngularjsに追いつくことを願っています...そうでなければ、それがどのようにIEを形成するのかわかりませんみんな[22:37] 今週の時点でIEで大丈夫です

[22:37] current last = ok
[22:37] angularjs on 10は大丈夫です
[22:37] OK。 > @Good Googleは、Docsプラットフォームと他の数人に関してIE9のサポートをドロップしました。それらはトレンドセッターなので、実際にはOK
[22:37] corsなどを含む。 Angularですばやく始めましょう。BrianFordが維持しているAngularjs Yeomanの発電機を見ることを強くお勧めします：https：//github.com/yeman/generator-angular [22:40] それはあなたを助けます数分で静的サイト、Angularjs、Snappy Development環境でセットアップします。 JSFiddle/Codepen
[22:40] ではなく、迅速なプロトタイプAngular Appsに使用します。 > [22:41] 参加したばかりの人へようこそ： hi
[22:41] howdy
[22:42] こんにちは。これまでのあなたの経験/意見は何ですか？質問がありますか？[22:42] わかりました、ありがとう。 Angularjsは他の人よりも簡単に発展できない、または簡単に発展できないと思います。私が平均的なプロファイルが未来になると私がそうするとき、多くの人々はランプから離れたくありません...またはそれはそのように思えますが、Misjoが私たちに言っていないというAngularjsの欠点があるかどうか知りたいです： d
[22:42] 私はそうではないと思います。 ng
[22:43] ランプはあなたのバックエンドです。 22:43] ああ、ごめんなさい
[22:43] 「問題」 - 急な学習があるということですCurve
[22:44] jquery
[22:44] @goodの「シンプルさ」を打ち負かすのは難しいです常にアプリケーション自体に依存します。 Mongo vs MySQL - 信じられないほど異なるソリューションです。ノードvs apache..againは、リアルタイムサーバーの動作を専門としています。適切なアプリケーションに適したツールを選択することです。
[22:45] 平均スタックはランプに代わるものとはどう思いますか。それとも、それらを似ていると考えていますか？[22:45] わかりました。そして…Angularjsでの約束とそれらの使用に関して。恐ろしい識別ピラミッドを持っている代わりに、私のバックエンドコードに約束を適用することを学ぶことは私にとって価値があると思いますか？ [22:45] 開発者が最新かつ最高のものに群がることを覚えておく必要があります。 ROR/LAMPに満足している
[22:46] @goodバックエンドコードがコールバックスープ言語であると仮定します。 js[22:46] Qライブラリ開発者の記事を読んだ理由をノードが使用する必要があるのか、そのようなものを使用するのか…正確には思い出せません…ごめんなさい[22:46] ok
[22:47] こんにちは、Angular内で実行されているfabric.jsを介してキャンバスでいくつかのことをしています。ビュー間でデータの共有を開始する必要があり、パラメーターまたは共有サービスが進む方法であるかどうか疑問に思っていました。 socket.ioなどを使用します。これは、現在使用しているこのチャットアプリなど、非常にスムーズな作成アプリケーションを構築しています（右mal？）。一方、ランプとRORスタックは試行されてテストされています... confutionionをめぐる慣習と知っています
[22:47] oトラフィックの負荷が高い信頼性があります。 @mikefデータはどこにあり、見解はどこにありますか？

[22:48] 一般的にビュー$スコープを使用してそれらを結合するコントローラーが添付されています

[22:48] 現時点では、データはローカルストレージにあり、ビューはルーターモジュールによって切り替えられている独自のファイルの部分的です。非同期言語に関しては、近年最高の開発の1つであり、コールバックよりも多目的で、読みやすく、強力であることがわかりました。それらを使用する機会は、私がそれに飛び乗る

[22:49] OKなので、そこでマッサージを行うコントローラーが必要です[22:49] ありがとうbradbarrow

[22:49] あなたのビューでは、添付の$スコープに追加するものにアクセスできますコントローラー
[22:49] したがって、コントローラーはLocalStorageから物をつかむことができ、$ scope.mydata そしてあなたの見解はmydataで反復する可能性があります（スコープビットは必要ありません）

{{data.someproperty}}などの}

[22:50] Angularはデータがいつ変わるかを知っているので、データの呼び出しが完了したときにそれを伝えることを心配する必要はありません
[22:51] ローカル/セッションストレージを操作するための気の利いたモジュール：https：//github.com/gsklee/ngstorage
[22:53] セッションには約5分の残りがあります。最後の質問はありますか？誓いは関係ありません…

[22:53] /sarcasm[22:54] Node'sを含むJavaScript開発に関する素晴らしいビデオがいくつかあります。興味のある人のための非同期性、約束、休息API（@good） http://www.youtube.com/user/webdirections/videos
[22:54] あなたの知識を共有してくれてありがとう。私はここスペインのいくつかの星に良いカルマ/ポジティブなカルムを送っていることを知ってください。：d
[22:54] アドバイスをありがとう。 >
[22:55] brad*
[22:55] 問題はありません！ Angularを使用する人が多いほど、コミュニティはより協力的になります。 nzとauに彼らは行きます！最後の10分間！：） [22:55] クール。今日の後半にトランスクリプトを設定します。
[22:56] AngularjsのGoogleページに注目することを強くお勧めします：https：//plus.google.com/ angularjs[ 22:56] 誰かがここに来て、彼らが角度を「試す」べきかどうか疑問に思ったら、答えは完全に出ています - はい：それを試してみてください。専門家を緩める前の最後の質問はありませんか？ https://groups.google.com/forum/#!forum/Angular

[22:56] 良い最初のチュートリアルは、AlexのOne @ SitePoint：https：//www.sitepoint.comです。 /angularjs-tutorial-build-an-app-using-directives-and-data binding/
[22:57] Malcurtis 100％同意、Emberjsの後に使用 - 学ぶのが難しいが、「上位」 [22:57] m/
[22:57] Awesome 。今朝のあなたの時間に感謝しますMalcurtisとBradbarrow
[22:58] 問題はありません - それは楽しいです：） [22:58] Applauses
[22:58] そして、質問して質問したすべての人に感謝します。素晴らしい昼/夜をお過ごしください。
[22:59] あなたも、ありがとう[22:59] さようなら！

angularjs

に関するよくある質問 AngularJSの専門家を雇うにはどうすればよいですか？

Angularjsの専門家を雇うことは、Upwork、Toptal、Codementorなどのさまざまなオンラインプラットフォームを通じて行うことができます。これらのプラットフォームには、AngularJS開発の幅広い経験を持つ専門家のプールがあります。プロファイルを表示し、エクスペリエンスを確認し、プロジェクトのニーズに合ったエクスペリエンスを選択できます。

私のプロジェクトにAngularJを使用することの利点は何ですか？これにより、よりシームレスなユーザーエクスペリエンスを提供するシングルページアプリケーションを作成できます。双方向のデータ結合は、プログラミングプロセスを簡素化します。さらに、Googleによって維持されているため、その信頼性と定期的な更新が保証されています。

Angularjsはまだ広く使用されていますが、その人気は後継者であるAngularによって隠されています。 Angularはより高度な機能を提供し、現代のWeb開発の要求により適しています。ただし、Angularjsは、それを使用して構築された既存のアプリケーションを維持することに引き続き関連しています。指令、スコープの管理、および大規模なアプリケーションでのパフォーマンスの問題への対処。ただし、これらの課題は、適切な理解と経験で克服できます。

Angularjsを学習するにはどうすればよいですか？オンラインチュートリアル、ガイド、コースは、開始するのに最適な方法です。 SitePoint、Ultimateコース、チューリングなどのWebサイトでは、Angularjsに関する包括的なガイドとディスカッションを提供しています。

以上がAngularjsと専門家と話をします - トランスクリプトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。