受講者はSPAの概念を理解し、さまざまなフロントエンド技術を統合して、レスポンシブでユーザーに優しいWebアプリケーションを開発する能力を身に付けます。この講座を終えることで、最先端のフロントエンドフレームワークを使用してSPAを設計、開発、テストする実践的なスキルセットが向上します。

この講座は、まずSPAの原理と利点について説明し、従来のマルチページアプリケーションとの違いを明らかにします。次にjQueryとAjaxを用いたインタラクティブなWeb機能の実装方法を学びます。その後、ReactおよびVueの基本に進み、始めにReactの環境構築を提供し、効率的な開発プロセスの構築を目指します。Reactの章ではJSX、コンポーネントの定義、Propsの扱い、Stateの管理、ライフサイクルメソッド、イベント処理、またコンポジションと継承に関するベストプラクティスを深掘りします。Atomicデザインのセクションでは、コンポーネントベースのデザイン手法を導入し、再利用可能でメンテナンスしやすいUIコンポーネントの開発について学びます。