通学制オンライン制─オモドック・スクール
完全自由予約制のマンツーマン特化型スクールです。

通学制オンライン制─オモドック・スクール

MERN-React-Next.js35回講座

料金通学制:238,000円
(入学金含む、土曜を含む全曜日、最大週10回)
時間数35回70時間(1回2時間x35回分)
通学例週1回で9カ月
週2回で4カ月
週4回で2カ月
週8回で1カ月
対象14歳以上の中高生からシニアまで。書籍やYoutubeを見ても分からない全くの初心者。
「React」フロントエンドと「Next.js」フルスタックを学びたい人向け。
職種JavaScriptプログラマー、フロントエンド開発者、バックエンド開発者向けです。
講座内容
1.初心者向け予習セクション10回
上記「初心者向けMERN-React25回講座」と同じ。

2.Ajax・fetchセクション5回
上記「初心者向けMERN-React25回講座」と同じ。

3.MERNスタック-Reactセクション10回
上記「初心者向けMERN-React25回講座」と同じ。

4.Next.jsの基礎練習4回
Next.jsの基礎練習ではReact講座で作成した「React簡易名簿」をReactと共通の「Page Router」版に修正し、さらにNext.jsオリジナルの「App Router」版に修正していきます。このときSEO対策に強いと言われる
アクセス時にHTML化する「SSR」や、ビルド時にHTML化する「SSG」、定期的にHTML化する「ISR」
についても学び、最終的にExpressサーバー機能を「API Routes」に移行し、「Server Action」との連携によるフルスタックアプリの「NestJs簡易名簿」と「NextJs画像掲示板」を制作します。

5.書籍ECサイト制作セクション6回
Next.jsのリファレンス練習でよく登場する「ToDoアプリ」を1個作れるようになっても、いきなり大規模サイトは作れません。そこで複数アプリから成立するECサイト全体を作ることで、大規模サイト開発への足がかりとします。最終的に「買い物カゴ付き書籍ショッピングサイト」「Stripeカード決済機能付き書籍オーダーフォーム」「商品登録管理サイト」「発送日登録機能付き注文データ一覧サイト」の全機能を作成し、「MongoDB Atlas」と「Vercel」を使ってインターネット上に「デプロイ」し、動作確認を行います。


「1.初心者向け予習セクション」で制作するもの
Perlによる簡易名簿JavaScriptによる各種ウインドウ操作本日の日付表示時間帯別テキスト表示オンマウスメニュー同期

「2.Ajaxとセクション」で制作する応用アプリ
JSON簡易名簿アプリJSON掲示板

「3.MERNスタック-Reactセクション」で制作する応用アプリ
*「ID:watashi、パスワード:wwwwww」でログインするとサンプルが見れます。
ユーザー認証機能付きReact簡易名簿

◉「4.Next.jsの基礎練習1」で作成する応用アプリ
ユーザー認証機能付きNextJs簡易名簿、NextJs掲示板、NextJs画像掲示板
*見た目は上記「JSON簡易名簿」「JSON掲示板」と同じ

「5.書籍ECサイト制作セクション」で作成する応用アプリ
*「ID:watashi、パスワード:wwwwww」でログインするとサンプルが見れます。
買い物カゴ付き書籍ショッピングサイトカート決済機能付きオーダーフォームロール権限者向け商品管理サイト

書籍ECサイトのHP画像

管理サイト

Image 6 of 6