AngularJS は、Google が開発したエキサイティングなオープン ソース フレームワークであり、Web アプリに対する考え方を変えます。これについては多くのことが書かれていますが、迅速で実用的な例を好む開発者向けに書かれたものをまだ見つけていません。これは今日変わります。以下では、Angular アプリの基本的なビルディング ブロック (モデル、ビュー、コントローラー、サービス、およびフィルター) を、ブラウザーで直接編集できる 5 つの実用的な例で説明します。お気に入りのコード エディターで開きたい場合は、上記の zip を入手してください。 AngularJS とは 大まかに言

これは Kevin P. によるゲスト投稿です。 Web 開発者であり、Tutorialzine の読者である彼は、AngularJS を使用して、先週の Backbone.js フォーム tut へのより良いアプローチを提案しました。結果として得られたコードは非常にシンプルで短いものだったので、Kevin に共有してもらいました。 先週の Backbone.js アプリのチュートリアルでは、JavaScript、jQuery、および Backbone ライブラリを使用して動的フォームを作成する方法を示しています。これは完璧に機能しますが、そのフォームを作成する方法は複数あります。ここでは

はい、あなたはそれを正しく読みました。 AngularJS はもう死んでいます。 Angular の最初のバージョンは、Angular でサポートされなくなりました。 Angular Developer は、The Angular Blog で AngularJS の長期サポートを中止するという記事を公開しました (ここをチェックしてください)。 Angular チームは、AngularJS を使用して Angular JS の後継である Angular に切り替える開発者や企業をお勧めします。現在、Angular v13 がリリースされていますが、実際には Angular JS である最初

最近、新しい仕事に就きました🎉 私が取り組む最初のプロジェクトの 1 つは、AngularJS を使用したビルドです。そのため、古いフレームワークを調べます。 私は数年前、AngularJS で構築されたプロジェクトに取り組んでいました。それは私にとってまったく新しいものではありません。この記事は非常に短く、主なトピックの概要に近いものにしようと思います。重要なトピックを見逃した場合は、下にコメントしてください . 双方向データバインディング 双方向データ バインディングは、モデルとビューの間の同期です。モデル内のデータが変更されると、ビューに変更が反映され、ビュー内のデータが変更

AngularJS + Angular (v6) ハイブリッド (ついに!) ついにこれを実現する時が来ました！私は約 2.5 年間、ウェブサイトを運営および維持してきました。この Web サイトは AngularJS (v1.6.9) で構築されています。これはかなりうまく機能しますが、Angular の新しいバージョンと比較すると何もありません。そのため、最終的にすべてを新しいバージョンに段階的に移行するための最初の手順を実行しました。私が行った方法は次のとおりです。 新しい Angular CLI プロジェクトを作成する すべての JavaScript ファイルをコピーして Type

古くなったにもかかわらず、AngularJS アプリケーションはまだいくつか存在します。 インターネット上のほとんどの Web サイトは既に AngularJS を新しいものに置き換えていますが、企業イントラネットの安全なファイアウォールの背後には、かなり大きな AngularJS アプリケーションがまだいくつか存在します。 したがって、まだ AngularJS に対処する必要がある場合は、いくつかの良いニュースがあります:AngularJS からのアップグレードはオプションではないかもしれませんが、プロジェクトで hot-module-replacement を有効にすることで、開発エク

「なぜ AngularJS なのですか?」と尋ねていますか?確かに若くてシックなバージョンの Angular が、しわのない顔とまったく白髪のないヒップな服を着て歩き回っています。しかし、若さと美しさを間違えないでください！古いものはまだ美しいことがあります。さらに、古いものは、現在自分のものを誇示する新しい若いものへの道を開くことが多く、それらの古いものは世界に痕跡を残しました.あなたが対処しなければならないかもしれないマーク。入力:レガシー コード。 古いフォギーがルールブックを書いたので、古いフォギーのルールに従わなければならない場合があります。 そのための準備ができていないギグに足

AngularJS(Angular 1) は HTTP 呼び出しに Promises を多用していましたが、Angular は Observables でラップされたネットワーク呼び出しを持っています。これにより、プロジェクトを AngularJS から Angular に移行する際に、一部の開発者が特定の問題に遭遇しました。ここでこれらの問題に対処し、Observable と Promises の典型的な違いを確認することで、これらの問題が発生する理由を説明したいと思います . Observables — Web 開発者向けのより多くの機能。 （メディアモディファイアによる写真）

数週間前、AngularJS コンポーネントを使用して Storybook のストーリーを作成できるように、storybook-addon-angularjs パッケージを公開しました。 特徴: 単純な構文 knobs などの他のアドオンとの統合をサポート と actions 最初の発表と小さなスクリーン キャプチャを含むツイート: Liquid エラー:内部 AngularJS コンポーネントを使用してストーリーを作成するのは、次のように簡単です。 import { storiesOf } from @storybook/html; import { withKnobs,

だから私はAngularJSの経験があり、特にUI-routeのようなAngularUIライブラリを使用しています。以前の会社で、生産フロア用のショップフロア アプリを実装して、すばらしい成功を収めたプロジェクトを行いました。 今、私は新しい挑戦と、追加の収入を得ることができるいくつかの副業を探しているので、フレームワークを今始めるのに最適なオプションを提案できる人はいますか?現時点では、React と Angular のどちらを選択するか (明らかに) 確信が持てないため、コメントをお待ちしております。

この記事では、ngUpgrade と認証という、非常に身近で大切な 2 つの非常に難しいテーマについて説明します。最初に、実際のアプリケーションを AngularJS から Angular にアップグレードするための基礎について説明します。次に、AngularJS の認証戦略を Angular にアップグレードする実際の例を見ていきます。 Auth0 によるマシン間認証を使用するサンプル アプリを見ていきます。 続きを読む 🅰️⬆️

AngularJS の Web サイトはどこにでもあります。 2009 年のリリース時から今日まで、世界中の開発者として参加できる、Web で最も普及しているフレームワークの中で際立っています。 AngularJS は、単一ページの Web ベース アプリケーションを構築するための驚異的なフロントエンド JavaScript 構造です。豊富な標準ライブラリと同様に、カスタマイズされた拡張パックを提供します。さらに、開発者と貢献者のコミュニティがあり、困難な時期に常にサポートして助けてくれます。 AngularJS を使用して構築された Web サイトをいくつか紹介します。 1. Do

AngularJS 1.5+ が大幅に更新されました。この記事では、コンポーネント ベースのアーキテクチャを使用して AngularJS アプリケーションを開発し、Angular(v2+) スタイルで AngularJS アプリケーションを作成するのに役立つ API の変更を活用する方法を学習します。 続きを読む 🅰️

コンポーネントベースのアーキテクチャを使用して、AngularJS でアプリケーションを開発する方法を学びます。 続きを読む🅰️🚀

免責事項 これは、AngularJS テストを Jest にどのように移行したかをまとめたものにすぎません。ガイドではありません。もちろん、カバーしない要素もありますが、誰かの役に立てば幸いです。 この投稿では、カルマを使用した JavaScript 単体テスト構成についてある程度の十分な知識があり、Jest について聞いたことがある、または知っていること、および NPM、Babel、Typescript に精通していることを前提としています。 この記事では、Jest とその他のツールについて説明します。 コンテキスト 2017 年末に、フロントエンド コード ベース全体を Types

「方法」を説明する投稿は山ほどありますが、「ああ、それは新しい、かっこいい、ただ先に進む」以外の「理由」を正当化するものはあまりありません. 既存のプロジェクトを検討してください。その多くは中規模から大規模で、重要度も高いものです。投資はすでに行われていました。周りのコミュニティと同じように、時間の経過とともに進化してきた非常に多くのツールと確固たるプロジェクト標準があります。 AngularJS や Angular、React などを知らないユーザーに価値を提供します。 では、「クールだ」という誇大広告を超えて、なぜ既存の AngularJS プロジェクトを Angular (またはそ

そのため、しばらくの間、Web アプリでライトハウス テストを実行した後、Intersection Observer API に出くわすまで、プロジェクト内のスクロール リスナーの数を減らそうとしていました。実装は非常にシンプルで簡単だったので、すぐに実装を開始しました. Intersection Observer とは Intersection Observer API は、ターゲット要素と祖先要素または最上位ドキュメントのビューポートとの交差における変化を非同期的に観察する方法を提供します。 デフォルトでは、IntersectionObservers は、ブラウザの「ビューポート」

最近、Headspin に参加してから、Javascript と AngularJS だけを扱う機会がありましたが、どちらもほとんど経験がありませんでした。 Headspin では、グローバル ネットワークを介してモバイル アプリをリアルタイムでデバッグする、アプリ開発者固有の問題を解決しようとしています。 Web UI とデータ ダッシュボードは、私たちの仕事の非常に重要な部分です。 しかし、JavaScript と Angularjs の学習の一環として、Angular アプリケーションのすべてのスコープと状態に頭を悩ませるのに思った以上に時間がかかりました。これらはコードのいたるところ

ちょっとした背景... 私たちのアプリケーションは、AngularJS が初期段階にあり、その SPA 機能とルーティングに多くの要望が残されていた頃に始まりました。そこで、AngularJS を MVC ビューの単なるバインディング フレームワークとして使用することから始めました。 angularjs が SPA フレームワークとして扱いやすくなる前に、私たちはなんとか多くのことを作成できましたが、それまでにそれを SPA にするためには多くの作業が必要になるため、それをスキップして Angular 2 (TS) が間近に迫っていました。 . 数年後... 時が経ち、経営陣はフレームワーク