loading...

検索結果

{{'検索結果' + searchResultList.length + '件'}}(人気順)

Angular入門研修(3日間)

Angular入門研修(3日間)

SPA/Angularの基本知識から学び、実際にアプリを開発。実務の業務効率化を促進させる

研修No.B ITO699-0000-3990

対象者

  • 全階層

・HTML、CSS、JavaScript の基礎知識をお持ちの方
・今後、高機能なウェブアプリケーションの開発に携わる方
・非IT部門において、担当業務に必要なアプリケーションを自ら開発できるようになりたい方

【前提知識】
・HTMLやCSSやJavasSriptなどウェブ開発の一般知識

よくあるお悩み・ニーズ

  • 非IT部門が、独自にアプリケーションを開発し、業務を効率化させたいとお考えの方
  • 既存のWEBページの操作性を改善したい方、ページの表示速度を高速化させたい方
  • システム開発を高速化させたい方

研修内容・特徴outline・feature

最近の開発で取り入れられるようになっている、SPA(Single Page Application)。ユーザビリティ(ユーザの利便性)向上や高速なページ遷移が実現できる技術として注目されています。本研修では Googleが開発する Angularを使って、SPA の開発を体験いただけます。

<本研修のポイント>

  • ・Angularの基本知識を理解できる
  • ・最新のフロントエンド開発の仕組みややり方を理解できる
  • ・ダイナミックなウェブアプリケーションの開発方法を理解できる
  • ・Angular開発用の環境構築のやり方を理解できる
  • ・実際の企業活動における利用シーンを題材として、演習に取り組める
    「取引先別・年度別売上推移」を使って、営業方針決定用のデータを画面表示するAngularアプリを作成

*この研修ではPCを使用します*

研修のゴールgoal

  • ①「SPA」と呼ばれるウェブアプリやモバイルアプリの仕組みを説明できる
  • ②Angularを使ったアプリケーションを修正・改造できる

研修プログラム例program

研修プログラム例(所要時間:1日間/1日目)
内容
手法
  • 1.Angular とは ~SPA (Single Page Application)を実現する技術
    (1)SPAとは
    (2)Angularでプログラムを作るには
    (3)Angular のメリット・デメリット
講義
ワーク
  • 2.開発環境を整えて、Angularプロジェクトをつくろう
    (1)Angular 開発で使うエディタ
    (2)Angular アプリを動かす手順
    (3)Angularアプリを構成する要素
    (4)サンプルコンポーネントを編集する
講義
ワーク

研修プログラム例 (所要時間:2日目/3日間)
内容
手法
  • 3.入力フォームの様々なコントロール、ページの割り当て、遷移
    (1)ボタンがクリックされたとき
    (2)テキストボックスの値を読み込む
    (3)フォームと文字列の出力について
    (4)足し算アプリを作る
    (5)FormBuilderを使って入力フォームを作る
    (6)ラジオボタンの追加
    (7)チェックボックスの追加
    (8)ドロップダウンリストの追加
講義
ワーク

研修プログラム例 (所要時間:3日目/3日間)
内容
手法
  • 4.検索機能を実装する
    (1)検索で使用するJSONデータの作成
    (2)検索用テキストボタンをつける
    (3)HTTPサービスを活用する
講義
ワーク
  • 5.総合演習 ~サンプルアプリケーションを改造する
    例:「取引先別・年度別売上推移」データを使い、データ分析用のAngularアプリを開発する
    ・都道府県、営業担当部署、売上金額等による絞り込み検索
    ・売上の昇順・降順への並べ替え など
講義
ワーク

全力Q&A{{list[0]['category']}}関連の全力Q&A

よくあるご質問について、研修のプロとして熱く丁寧に回答します。

カスタマイズ事例~ケーススタディCASE STUDY

本研修のカスタイマイズ事例として、作成したケーススタディを業界別にご紹介します。

{{theme}}研修のケーススタディ一覧

開発者コメントcomment

SPA/Angularを取り入れることで、サーバサイドでの開発と、クライアントサイドでの開発を分離することができるため、システム開発を並行化・短納期化することができます。
特に、Angularは比較的平易であるため、非IT部門が学んで、部門の業務に必要な機能を自ら開発することができるようになります。ぜひAngularを学んでいただいたうえで、貴社の業務効率化にご活用いただければ幸いです。

下記情報を無料でGET!!

無料セミナー、新作研修、他社事例、公開講座割引、資料プレゼント、研修運営のコツ

メールマガジンのご登録はこちら

登録は左記QRコードから!

※配信予定は、予告なく配信月や研修テーマを変更する場合がございます。ご了承ください。

配信をご希望の方は、個人情報保護の取り扱いをご覧ください。

最新作・ニュース

新卒採用募集中

研修を探す

同じジャンルで探す

  • WEBins
  • モンシャン
初めてご利用の方へ

インソースからの新着メッセージ

    直近の公開講座開催研修

    新作研修

    業界随一の研修開発力を誇る
    インソースの最新プログラム

      コア・ソリューションプラン
      の新作情報

      250種類以上のコンサル事例!
      組織の「したい!」に全力で応える

        本テーマのおすすめリンク

        おすすめリンク

        閉じる