コース概要

導入

【5】基本

  • Ionic で使用される Web 開発のプロセスとモジュール
  • Ionic と Angular がどのように連携するか

Angularの概要

  • Angular で使用されるコンポーネントと属性

開発環境の準備

  • IonicとAngularのインストール
  • Cordova のインストール
  • Ionic Lab によるインストールのテスト

Ionic および Angular のテンプレート化

  • Ionic グリッドの使用
  • スタイルと変数の設定
  • CSS ルールの作成
  • サービスの生成
  • REST APIの使用
  • データモデルの作成と使用
  • Ionic DevApp によるテスト

UIコンポーネント

  • ページの生成とルーティング
  • データの取得
  • ページデザインの追加
  • リストの使用
  • モーダルとファブを使用したページの生成
  • 複雑なリストの実装
  • プルによるリフレッシュの使用
  • 認証ガードの追加

Ionicネイティブ

  • Ionic ネイティブパッケージのセットアップ
  • Access ネイティブ デバイス機能
  • ネイティブデバイス機能のテスト

バックエンドへの接続

  • セットアップFirebase
  • 認証ガードとサービスの作成
  • HTTP経由でデータを送信する
  • データの取得、表示、ロード

Cordova のトラブルシューティング

  • Android規格の準備
  • Android デバイス エミュレーターでハイブリッド アプリケーションを実行する
  • iOS 規格の準備
  • iOS デバイス エミュレーター上でハイブリッド アプリケーションを実行する

要約と結論

要求

  • 基本的なJavaScript、HTML、CSSプログラミングの経験

観客

  • ウェブ開発者
 21 時間

参加者の人数



Price per participant

お客様の声 (9)

関連コース

Building Web Apps using the MEAN stack

35 時間

Reactive Programming with Angular RxJS

14 時間

関連カテゴリー