Serverside Technologies and Flow

Question

私はウェブ開発の場面では比較的新しいので、ご遠慮なく明白な質問をお許しください。

ウェブデザインのさまざまな技術がどのように調和しているか、つまりそれらがすべて開発の流れと階層にどのように適合しているかを理解することが私の苦労です。

私は基本的なHTML、CSS、JavaScriptの流れを理解しています。 HTMLはあなたの構造とコンテンツを定義し、CSSが入り、そのコンテンツのプレゼンテーションを定義し、最後にjavascriptはインタラクションのレイヤーを追加し、ウェブサイトの動作を定義します。そのことを考えると、jQueryなどがどのように画像に収まるかを簡単に確認することができます。

私はよりダイナミックなサイトを作成する方向に進むにつれて、多くのWebテクノロジとフレームワーク（django、mysql、sql、innodb、drupal、rails、php、wordpressなど）を学習/バランス調整しようとしています。私が今リストアップしたものの一部が重複して同じ機能を果たしていることを認識していますが、それはそのトピックとの私の一般的な混乱を示しています。たとえば、djangoの例：私はdjangoがPython上で動作するWebフレームワークであることを理解していますが、Webアプリケーションを素早く開発するのに役立ちます。しかし、htmlとpythonの関係は曇っています。

誰もがこれらのパズルピースがどのように一緒にフィットするか（またはそのような問題の説明を提供するように感じる）良いアウトソースを知っていますか？私はあなたが私はちょうど私のテイクを追加しますので、探しているこの方法を説明するすべてのリソースを知らない

Answer 1

:-)

感謝。たぶん私はどこに行ったのか分かります。

私は技術を2つのキャンプに分割するのが好きです。クライアント側とサーバー側です。

CSS（構造用）

• HTML（設計するため：

  クライアント側は、これらの技術には、上かなど、ユーザーのコンピュータ、タブレット、スマートフォン、上のWebブラウザで実行されるものです構造）

• のJavaScript（構造を作るためのものを行う）

サーバー側は言ったマシン上のWebサーバーおよびリソースへの接続を必要とするものです。これは、開発マシンまたはインターネットに接続されたサーバーとしてlocalhostで実行されているWebサーバーです。これらの技術は、次のとおりです。

• Webサーバ（Apacheのは、nginxのを、...）これは、ユーザーが実際に自分のブラウザ
• サーバーサイド言語（PHP、Pythonの、ルビー、ASP.netでwww.example.com経由に接続しているものです、...）これは、物理的なデータストレージへのアクセスを提供するものです。...
• データベース（MySQL、SQLite、PostgreSQL、MongoDB、...あなたのウェブサイトやアプリに関するデータはそう

を保存されている場所）これは、あなたの例では、ユーザは、サイトのに接続のpythonスクリプトを保持しているファイルにアクセス、Webサーバに接続しますされますデータベースを入力し、適切なHTML、CSS、およびJavaScriptを生成して、ブラウザの画面にWebページを生成します。

これは明らかに過度に単純化されており、それにはさらに多くのものがありますが、これは一般的な要点です。

definitely read this post a lotです。