🟨

講座詳細

初心者向けMERN-React25回講座

リッチなユーザーインターフェースを実現するための完全マスター講座

ここでは最初に手続たがの基礎を学んだ後に、オブジェクト指向型の基礎としてHP素材として役立つJavaScriptを学びます。さらにAjax機能、fetch関数で「フロントエンド開発」の基礎を学び、そのあとNode.jsサーバアプリを学び、Expressサーバ、MongoDB NoSQL DBとReactライブラリを学びます。頭文字をとってMERNスタックと呼びます。

📚 オブジェクト指向用語

オブジェクト メソッド インスタンス コンストラクタ

🔧 プログラミング用語

引き数 戻り値 プロパティ 変数 配列 添え字 連想配列 if-else for/while 関数定義

学習ステップ

1

手続型とJavaScriptの基礎

最初に手続型の基礎を学び、HP素材として役立つJavaScriptを作成しながら、オブジェクト指向用語とプログラミング用語の基礎を学びます。

2

Ajaxの基礎と非同期通信

JavaScriptのバージョンアップ版ともいえる「Ajaxの基礎」とfetch関数による非同期通信について学びます。

3

サーバサイドのNode.jsアプリ機能

もともとブラウザを動かすだけだったJavaScriptをサーバー側で起動させる「Node.js」アプリの基礎を学びます。

4

ExpressサーバーとMongoDB NoSQL

PHP言語+PHPフレームワークの機能を持つ「Expressサーバー」とSQLの問題点を解決したNoSQLの「MongoDB」の基礎を学びます。

5

リッチUI制作

現在「フロントエンド開発」の最先端をいく「Reactライブラリ」などを学習し、「簡易名簿」「掲示板」「ユーザー認証機能」などのWebアプリを制作します。

📌 習得技術

  • • JavaScript基礎構文
  • • Ajax非同期通信
  • • Node.jsとは何か
  • • Expressサーバー
  • • 「MongoDB」NoSLQ
  • • React Webアプリ制作

🎯 最終ゴール

最先端の「フロントエンド開発」により、リッチなユーザインターフェース制作に役立つ全機能を盛り込んだWebサイトを制作します。

👨‍🎓 対象者

HTML/CSSの基礎を理解している方、動的なWebサイトを作りたい方

※プログラミング初心者でも基礎から学べます。

📅 全25回
⏱️ 1回2時間
🎯 フロントエンド開発
🔰 初心者歓迎
O
オモドック・デザインスクール
元のページに戻る
© Omodok Design School