検索ボタン
←表示ページに戻る
loading...

検索結果

Angular入門研修（３日間）

WEB制作

Angular入門研修（３日間）

高機能な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スキルを身につけて組織の生産性を高める」もおすすめします！

＊この研修ではＰＣを使用します＊
研修会場にノートＰＣをご用意をしております
（持ち込んだＰＣのご利用はできません）

到達目標goal

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

研修プログラムprogram

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


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


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

企画者コメントcomment

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

スケジュール・お申込み
（オンライン／セミナールーム開催）schedule・application

注意事項

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

事前のご案内

キャンセルやお申込みの期日はオンライン開催とセミナールーム開催で異なります、ご注意ください

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

研修リクエストサービス

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

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

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

お問合せフォームへ

受講者の評価evaluation

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

お問合せフォームへ

  • 新入社員
  • 若手層
  • 中堅層
  • リーダー層
  • 管理職層
  • 部長・経営層

Microsoft Office研修～Excel応用編
  • 全階層

PHP入門研修（５日間）
  • 新入社員
  • 若手層
  • 中堅層
  • リーダー層
  • 管理職層

JavaScript基礎研修（２日間）
  • 若手層
  • 中堅層
  • リーダー層
  • 管理職層

ＲＰＡ／ＷｉｎＡｃｔｏｒ(R)研修初級編～データ転記からＲＰＡを始める
  • 新入社員
  • 若手層
  • 中堅層
  • リーダー層
  • 管理職層

HTML／CSS基礎研修（２日間）

Webアプリケーション・セキュリティ技術研修（６日間）

公開講座ネクストナビ～複数日程コース

Leaf企業内大学～人の可能性を最大限に伸ばすシステム

公開講座テキストフェア ～「最新」「話題」テキストを一挙展示

読み物・コラムcolumn

お問合せ・ご質問

公開講座Q&A

研修リクエスト

お問合せ

受講をご検討中のテーマで、日程がなくお困りの場合は「 研修リクエストサービス（詳細はこちら） 」をご活用ください。ご希望の日程・内容・会場で、追加開催するサービスです。

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

よくいただくご質問一覧

■最新作・ニュース

新卒採用募集中
ページトップへ
年間実績公開講座の年間実績
受講者数※1
名
開催数※1
回
講座数※2
種
類
WEBinsource
ご利用社数※2
社

※1 

※2 

同ジャンルの研修を探す

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

公開講座をさらに便利に

公開ダイレクト

受講者自身で申し込み

ご利用社数は400組織を突破！WEBinsourceから受講者自身でも講座をお申込みできる無料オプション機能です

公開講座リクエスト

少人数でも追加開催できる

現在日程がない研修もリクエスト可能、お客さまの開催希望を承ります！

Leaf

次世代LMS「Leaf」

公開講座と一緒にすべての教育を一元管理できます。

公開講座をさらにお得に

WEBinsrouce

会員価格で受講ができる

公開講座や動画教材を会員価格でお申込みいただけるシステムです＜年会費無料！＞

人財育成スマートパック

通常料金より最大50%割引

公開講座を始めとする様々なサービスがお得になるポイント制割引サービス

バリューパック

月額48,000円で人材育成

成長・中堅企業限定！パック200以上の割引が適用されるお得なサービス
講師派遣型研修

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

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

オンライン人材育成

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

動画教育・eラーニング

動画教育・eラーニング

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

Another SERVICE

アナザーサービス

インソースがご提案する「これまでと違う」人事・総務ご担当者さま向けサービス

メールマガジンのご登録

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

  • WEBins

  • 読み物・コラム

    • インソースレター

    • Gambatte

    • 人事のお役立ちニュース

  • モンシャン

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


    直近の公開講座開催研修