Spring Data JPA & PostgreSQL & Angularで作る！フルスタックECアプリ開発実践講座

＜コースの概要＞

現代のWeb開発技術を駆使して、実践的なECアプリケーションを作ってみませんか？

本コースでは、Spring Data JPA、PostgreSQL、Angularを使用したフルスタック開発の主要プロセスを学びます。

バックエンドでは、Springフレームワークを用いたREST APIの実装から、PostgreSQLデータベースとの連携まで。

フロントエンドでは、Angularを使って注文機能やページネーション対応の履歴表示を実装します。 さらに、PostmanによるAPI動作確認や主要機能の基本的なE2E確認まで行うことで、実際のプロジェクトに近い開発フローを体験できます。

Web開発の基礎を理解し、より実践的なスキルを身につけたい方に最適です。このコースを通じて現代のWeb開発に必要な技術とプロセスを学び、実践的なWeb開発スキルを磨きましょう！

＜他教材との違い＞

本コースと他教材（書籍やYoutube動画教材等）との違いは以下の通りです。

• 一貫した学習体験: １本完結型コースであり、ネット検索やマニュアル確認の手間を省きます。

• 詳細な解説: Spring Data JPA, PostgreSQL, Angular等の技術や手順を、なぜその手順を選ぶのか、その理由や背景を詳細に説明します。

• 柔軟な学習環境: 全レクチャー動画をダウンロード可能で、場所を問わずどこでも学習できます。

• 実践的なサポート: 全ハンズオンに完成版のコードを添付し、エラー解決をサポートします。

  
  

＜コースの内容＞

本コースの内容は以下の通りです。

コース概要

• フルスタックECアプリデモ

• 本コースで学べること

• 本コースの流れ

ハンズオン

• 開発編１ 準備① Supabaseプロジェクト作成

• 開発編２ 準備② メール通知設定（Gmail SMTP Server）

• 開発編３ 準備③ Angular プロジェクトセットアップ（Visual Studio Code）

• 開発編４ Spring 共通① テーブル作成（PostgreSQL）

• 開発編５ Spring 共通② プロジェクト雛型作成（IntelliJ）

• 開発編６ Spring 共通③ DB接続設定（Spring Data JPA, Hibernate, JDBC, PostgreSQL）

• 開発編７ Spring 共通④ CORS設定

• 開発編８ Spring 注文登録API①Data Access実装（Entity, Repository）

• 開発編９ Spring 注文登録API② Service実装

• 開発編１０ Spring 注文登録API③ Controller実装

• 開発編１１ Spring 注文登録API④ API動作確認（Postman）

• 開発編１２ Spring 注文履歴取得API①Data Access実装（Entity, Repository）

• 開発編１３ Spring 注文履歴取得API② Service実装（ページネーション対応）

• 開発編１４ Spring 注文履歴取得API③ Controller実装（ページネーション対応）

• 開発編１５ Spring 注文履歴取得API④ API動作確認（Postman）

• 開発編１６ Spring 会員ステータス計算API①Data Access実装（Entity, Repository）

• 開発編１７ Spring 会員ステータス計算API② Service実装

• 開発編１８ Spring 会員ステータス計算API③ Controller実装

• 開発編１９ Spring 会員ステータス計算API④ API動作確認（Postman）

• 開発編２０ Spring 会員ステータス取得API① Service実装

• 開発編２１ Spring 会員ステータス取得API② Controller実装

• 開発編２２ Spring 会員ステータス取得API③ API動作確認（Postman）

• 開発編２３ Angular 注文登録機能① Service実装

• 開発編２４ Angular 注文登録機能② Component実装

• 開発編２５ Angular 注文登録機能③ E2E（フロントエンド-バックエンド統合確認）

• 開発編２６ Angular 会員ステータス表示機能① Service実装

• 開発編２７ Angular 会員ステータス表示機能② Component実装

• 開発編２８ Angular 会員ステータス表示機能③ E2E（フロントエンド-バックエンド統合確認）

• 開発編２９ Angular 注文履歴表示機能① Service実装（ページネーション対応）

• 開発編３０ Angular 注文履歴表示機能② Component実装（ページネーション対応）

• 開発編３１ Angular 注文履歴表示機能③ E2E（フロントエンド-バックエンド統合確認）

＜前提環境＞

Git, NVM（Node Version Manager）,JDK（Java Development Kit） のインストール、インストール後のパス設定

＜本コース収録環境（ご参考）＞

Git 2.46.0

JDK 17

Spring Boot 3.3.4

PostgreSQL 15.6

NVM 1.1.12

Node.js 20.13.1

npm 10.5.2

TypeScript 5.4.5

Angular CLI 17.3.8

Angular 17.3.11

HTML 5

CSS 3

Bootstrap 5.3.3

Font Awesome 4.7.0

Postman 11.16.0

IntelliJ IDEA 2024.2.1

Visual Studio Code 1.94.1

Chrome 126

Windows 11