Angular入門研修（３日間）

Angular入門研修（３日間）

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アプリを作成

＊この研修ではＰＣを使用します＊

研修のゴールgoal

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

研修プログラム例program

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

研修プログラム例 （所要時間：２日目／３日間）
内容
手法
  • ３．入力フォームの様々なコントロール、ページの割り当て、遷移
    （１）ボタンがクリックされたとき
    （２）テキストボックスの値を読み込む
    （３）フォームと文字列の出力について
    （４）足し算アプリを作る
    （５）FormBuilderを使って入力フォームを作る
    （６）ラジオボタンの追加
    （７）チェックボックスの追加
    （８）ドロップダウンリストの追加
 講義
ワーク

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

全力Q&AOA/ITスキル関連の全力Q&A

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

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

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

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

開発者コメントcomment

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

関連おすすめ研修

関連サービス

読み物・コラムcolumn

下記情報を無料でＧＥＴ！！

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

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

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

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

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

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

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

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

過去にご覧いただいたページ（直近30日分）

■最新作・ニュース

新卒採用募集中
ＩＴ研修の評価
年間総受講者数
19,674名
内容をよく理解・理解
89.5％
講師がとても良い・良い
87.6％

※2023年10月～2024年9月

  • WEBinsource

閲覧履歴（30日分）

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

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

2025/5/2更新

直近の公開講座開催研修

新作研修5月16日更新

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

新作研修をもっと見る

コア・ソリューションプラン
の新作情報4月08日更新

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

プランをもっと見る

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

おすすめリンク

「旬」のサービス

人材育成

公開講座

DX推進

eラン・研修管理システム

動画・eラーニング教材

人材アセスメント

HP作成・WEBコンサル

読み物・インソースコラム

ESG活動

採用募集

閉じる

当サイトでは、サイトの利便性向上のため、クッキーを利⽤しています。
サイトのクッキーの使⽤に関しては、「クッキーの管理方法について」をご覧ください。

同意します