HTML/CSS の基本的な知識を既にお持ちの方。ここで、Web アプリケーションを構築できるように、いくつかのアクションを追加する必要があります。それが最終的な目標だと思います。
したがって、どの Web アプリケーションも 3 つの層 (単純な層) で構成されています。
ここに画像の説明を入力
してください www-igm.univ-mlv.fr の画像
- ブラウザー (ユーザーがアプリケーションを開くことができるように)
- アプリケーションサーバー(ユーザーリクエストを処理するためのソフトウェアがインストールされているマシン)
- データベースサーバーにデータを保存し、そこからデータをクエリすることもできます。
うんいいね。したがって、Web アプリを構築するには、上記の 3 つの部分がマシンに存在する必要があります。
- 独自のブラウザー (Firefox、Chrome、IE など) を既にお持ちの場合
- ある種のアプリケーション サーバーが必要です。
- データベース サーバーをインストールする必要があります。
それでは、アプリケーションの構築について話しましょう。
Web アプリケーションを簡単に構築するには、次の 2 つの部分を構築する必要があります。
- フロントエンド (ブラウザでユーザーに表示されるもの)
- バックエンド (アプリケーション サーバー内に存在します)
HTML/CSS の基本的な知識はすでにあるので、html タグを使用してフォームを作成することもできると思います。
<form name="info" action="/submit" method="post" >
<input type="text" id="firstName">
<input type="text" id="lastName">
<input type="submit" value="Submit">
</form>
これは、html タグを使用した単純なフォームです。(これは、アプリケーションのフロントエンドと見なされます。
では、バックエンドを構築する必要があります。このデータをデータベースに保存します。
バックエンドはアプリケーション サーバー層に配置されます。誰がそれを実行し、応答するかを担当します。
したがって、上記のフォーム タグには、この属性 action="/submit" があります。アクションは、送信されたフォーム データを受け取るアプリケーションの URL です。次に、アプリケーション内のコードがデータを読み取り、データベースと通信して保存します。
単純な Web アプリケーションについての基本的な図が得られることを願っています。
プログラミング言語の知識がない場合は、バックエンドの JavaScript から始めてください。
SailsJS という JavaScript フレームワークのポッドキャストを見ることができます。これらのビデオが Web アプリの構築に役立つことを願っています。
https://www.youtube.com/watch?v=xlOolpwwGQg&list=PLf8i4fc0zJBzLhOe6FwHpGhBDgqwInJWZ