loading...

検索結果 {{searchResultList.length + '件'}}

Angular入門研修(3日間)

WEB制作

Angular入門研修(3日間)

高機能なWEBページの作成に必須!システム開発の短納期化にもつながる開発方法が学べます。

No. 6990011

対象者

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

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

よくあるお悩み・ニーズ

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

研修内容・特徴outline・feature

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

<本研修のポイント>

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

「デジタル人材養成講座~全社員がITスキルを身につけて組織の生産性を高める」もおすすめします!

*この研修ではPCを使用します*
研修会場にノートPCをご用意をしております
(持ち込んだPCのご利用はできません)

到達目標goal

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

研修プログラムprogram

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


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


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

企画者コメントcomment

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

スケジュール・お申込み
(オンライン/セミナールーム開催)schedule・application

注意事項

  • 同業の方のご参加はご遠慮いただいております
  • 会場やお申込み状況により、事前告知なく日程を削除させていただくことがあります
  • カリキュラムは一部変更となる可能性があります。大幅な変更の際は、申込ご担当者さまへご連絡いたします。

事前のご案内

受講できそうな日時がない… 日程を増やしてほしい… 
そんな時には「研修リクエスト」

研修リクエストサービス

「研修リクエスト」とは、お客さまのご希望の日程、内容、会場で、1名さまから インソースの公開講座を追加設定するサービスです。 サービスの詳細や、リクエスト方法はこちらをご確認ください。

※受講者数1名以上の場合から、リクエストを受け付けております

※ご連絡いただいてから研修実施まで、通常2か月程度かかります(2か月以内での急ぎの実施も、ご相談可能です)

受講者の評価evaluation

本テーマの評価

内容:大変理解できた・理解できた

100.0%

講師:大変良かった・良かった

100.0%

※2022年10月~2023年9月

実施、実施対象
2019年8月     7名
業種
インソース
評価
内容:大変理解できた・理解できた
85.7%
講師:大変良かった・良かった
100%
参加者の声
  • 全く知らなかったAngularについて知ることができて良かったです。教科書にも丁寧な解説がありとても理解できました。
  • Webを構築する中で多様なツールがあることが改めてわかった。いつWebに携わってもいいよう今回の学びを復習してしっかり身につけたい。
  • IT企業にアプローチするときに話のタネとして今回体験したことを話してみたい。取引相手の話により理解を示すことができれば相談される回数、質ともに高めることができるはずなので、この3日間で得たことを確実なものとするべく、振り返りをしっかりと行う。

お問合せ・ご質問

よくいただくご質問~お申込み方法や当日までの準備物など、公開講座について詳しくご説明

最新作・ニュース

新卒採用募集中

新卒採用に関するお知らせ オンライン・全国で会社説明会開催中

ページトップへ
本テーマの評価
内容をよく理解・理解
100.0
講師がとても良い・良い
100.0

※2022年10月~2023年9月

年間実績公開講座の年間実績
受講者数※1
開催数※1
講座数※2

WEBinsource
ご利用社数※2

※1 

※2 

研修を探す
開催地で探す
階層で探す
テーマで探す
コースマップで探す
日程で探す
課題・状況で探す
講師派遣型研修

お客さまの課題に応えるオーダーメイド型研修

研修一覧
業界・業種別研修
オンライン人材育成

オンライン人材育成

企業内研修は、すべてオンラインで実施可能です

動画教育・eラーニング

動画教育・eラーニング

データやDVDの買い切り、レンタル視聴、定額制見放題など、様々なプランでご提供します

メールマガジンのご登録

コンテンツクリエイターズワークス

生理の貧困対策支援PJ(企業向け)全力Q&A

生理の貧困対策支援PJ(自治体向け)全力Q&A

生理の貧困対策支援PJ自治体のお声

  • WEBins
  • モンシャン

公開講座からの新着メッセージ


    直近の公開講座開催研修