Webフロントエンド応用講座
最終更新日：2023年11月13日
Webフロントエンド応用講座の講座詳細
「Webフロントエンド応用講座」は、デジタルスキル標準に準拠したTrack Trainingのリスキリング講座です。SPAの設計と構築、ReactやVue.jsのフレームワークを使った実践的なスキルを学び、ユーザー体験を向上させる技術を習得します。
受講対象者
受講可能形態
想定受講時間（eラーニング）
150分
講座日数（研修）
2日
スキル
-
必要となる前提知識
Webフロントエンド基礎
-
習得できるスキル・知識
Webフロントエンド実装力
対応資格
基本情報技術者試験
デジタルスキル標準項目
DX推進スキル標準
テクノロジー（ソフトウェア開発）
Webアプリケーション基本技術
フロントエンドシステム開発
Webフロントエンド応用講座とは？
この講座は、現代のWebフロントエンド開発において重要なシングルページアプリケーション（SPA）の設計と構築に焦点を当てます。受講者は、ユーザー体験を高めるSPAのアーキテクチャを理解し、人気のフロントエンドライブラリやフレームワークを使用して実践的なSPAを構築するスキルを習得します。特にReactやVue.jsなどのモダンなJavaScriptフレームワークの基礎から、実際のプロジェクトに適応するための応用技術に至るまでが含まれます。
Webフロントエンド応用講座のゴール
受講者はSPAの概念を理解し、さまざまなフロントエンド技術を統合して、レスポンシブでユーザーに優しいWebアプリケーションを開発する能力を身に付けます。この講座を終えることで、最先端のフロントエンドフレームワークを使用してSPAを設計、開発、テストする実践的なスキルセットが向上します。
Webフロントエンド応用講座のカリキュラム
スタイル
講義
演習
想定時間
60分
1章 SPAとReact/環境構築
単一のWebページのみで構成されるSPAの特徴と、SPA開発のベースとして活用できるReactについて学びます。また、Reactの環境構築を行います。
スタイル
講義
演習
想定時間
240分
2章 React 基礎
Reactの公式リファレンスを元に、Hello Worldアプリケーション構築、JSX導入、要素のレンダー、コンポーネントとprops、リストとKey、state のリフトアップ、フォームなどの実装を行っていきます。
スタイル
講義
演習
想定時間
60分
3章 Atomicデザイン
小さな素材を組み合わせることでWebページを作っていくUIデザインシステムであるAtomicデザインの考え方を学びます。
スタイル
演習
想定時間
90分
理解度確認テスト
本カリキュラムの理解度確認テストです
この講座と合わせて受講すると良い講座
次のステップとして、関連するスキルを広げるための講座を検討してみませんか？
自社に最適な研修を設計しませんか？
Trackの法人研修は、社員のスキルに応じたカスタマイズ研修を提供します。
研修設計から運営、振り返りまで、すべてをサポートいたします。
-
1
まずはスキル診断から
社員のスキルを把握し、最適な研修プランを提案します。
-
2
オーダーメイドの研修設計
自社にピッタリの研修プログラムを一緒に作り上げましょう
-
3
研修の振り返りと評価
研修後には振り返りを行い、学習効果の評価や今後の改善点を明確にします。
お見積もりやご相談はお気軽にどうぞ。お待ちしております。
導入事例
累計200社・30,000人以上が利用する
Trackの法人向けデジタル人材研修サービス
CONTACT
ご相談・ご要望など、お気軽にお問い合わせください
