ホームページ  >  記事  >  ウェブフロントエンド  >  Web フロントエンド開発とバックエンド開発の違いは何ですか?

Web フロントエンド開発とバックエンド開発の違いは何ですか?

青灯夜游
青灯夜游オリジナル
2023-01-29 10:27:146346ブラウズ

違い: 1. フロントエンドはユーザーに見えるインターフェイスを指し、バックエンドはユーザーに見えないものを指し、基礎となるビジネス ロジックの実装、安定性、パフォーマンスを考慮します。プラットフォームなどの2. フロントエンド開発で使用されるテクノロジーには、html5、css3、js、jquery、Bootstrap、Node.js、Vue などが含まれますが、バックエンド開発では、Java、php、HTTP プロトコルなどのサーバー テクノロジーが使用されます。 3. 適用範囲の観点から見ると、フロントエンド開発は一般の人によく知られているだけでなく、その適用シナリオはバックエンド開発よりもはるかに広いです。

Web フロントエンド開発とバックエンド開発の違いは何ですか?

このチュートリアルの動作環境: Windows 7 システム、Dell G3 コンピューター。

フロントエンド開発とバックエンド開発には違いがあり、仕事の内容も担当する内容も全く異なります。

Web フロントエンド開発とは

Web フロントエンド (「クライアント」とも呼ばれる) とは、Web サイトのことです。ユーザーが見て体験できる視覚的な側面、つまり Web ブラウザーに表示されるすべてのものには、ユーザーが見たり、触れたり、体験したりできるすべてのものが含まれます。グラフィカル ユーザー インターフェイス (GUI) やコマンド ライン (デザイン、ナビゲーション メニュー、テキスト、カラフルな画像、ビデオ、ゴージャスなボタンなど) など。

Web フロントエンド開発エンジニアは、Web サイトのフロントエンド ページ、つまり Web ページのページ開発を担当します。簡単に言うと、Web サイトのフロントエンドは次のことを担当します。 Web ページ上の特殊効果、Web ページのレイアウト、写真、ビデオなどのコンテンツなど、Web サイト ユーザーに表示されるもの。 Web サイトのフロントエンド エンジニアの仕事内容は、芸術的なデザインのレンダリングをブラウザで実行できる Web ページに設計し、バックエンドの開発エンジニアと協力して Web ページ上のデータを表示および操作することです。

Web バックエンド開発とは

「サーバーサイド」とも呼ばれる Web バックエンドは、ユーザーができないものです。ブラウザーと、データベースやサーバーなど、ブラウザーと対話するすべてのものを表示します。基本的に、舞台裏で行われることはすべて、Web フロントエンド エクスペリエンスを実現する Web バックエンド開発に集約されます。

Web バックエンドは、データを保存および整理し、Web フロントエンド上のすべてが適切に動作することを保証する責任があります。バックエンドはフロントエンドと通信し、Web ページとして表示される情報を送受信します。

バックエンド開発は一般にバックエンドと呼ばれ、Web サイトのバックエンド ロジックの設計と実装、およびユーザーと Web サイトのデータの保存と読み取りを担当します。たとえば、一般的な Web サイトでは、ユーザーが登録してログインします。ユーザーの登録情報は、フロントエンドを介してバックエンドに送信され、バックエンドでデータベースに保存されます。ユーザーが Web サイトにログインする際、バックエンドは、ユーザーが入力したユーザー名とパスワード。データベースと一致して、ユーザーにログイン権限があるかどうかを判断します。これは、バックエンド開発における最も単純な機能の 1 つです。

Web フロントエンド開発とバックエンド開発の違い

表示方法

フロントエンドとは、ユーザーに見えるインターフェイスを指します。Web サイトのフロントエンド ページは、特殊効果、レイアウト、写真、ビデオ、オーディオ、Web ページ上のその他のコンテンツなど、Web ページのページ開発でもあります。フロントエンドの仕事内容は、芸術的なデザインレンダリングをブラウザで実行できるWebページに設計し、バックエンドと連携してWebページ上でデータの表示やインタラクションなどのビジュアル面を行うことです。

バックエンドとは、ユーザーには見えないものを指します。通常、フロントエンド エンジニアとやり取りし、Web サイト データの保存と読み取りを行います。比較的言えば、バックエンドにはフロントエンドよりもはるかに多くのロジック コードが含まれます。バックエンドでは、基礎となるビジネス ロジックの実装、プラットフォームの安定性とパフォーマンスなどが考慮されます。

使用されるテクノロジー

フロントエンド開発で使用されるテクノロジーには、html5、css3、javascript、jquery、Bootstrap、Node.js、Webpack、AngularJs が含まれますが、これらに限定されません。 、ReactJ、VueJ、その他のテクノロジー。

バックエンド開発では、Java を例に挙げて、主に Struts、spring、springmvc、Hibernate Http プロトコル、Servlet、Tomcat サーバー、およびその他のテクノロジを含む (ただしこれらに限定されない) テクノロジが使用されます。

適用範囲

適用範囲の観点から見ると、フロントエンド開発は一般の人によく知られているだけでなく、その適用シナリオははるかに広いです。バックエンドのこと。

1. PC (パーソナル コンピュータ) はパーソナル コンピュータです。現時点では、コンピュータ側は依然としてフロントエンドの主要な領域であり、主にニュースメディア、ソーシャルネットワーキング、電子商取引、フォーラムなどの一般向けのさまざまなWebサイトやさまざまなWebサイトに分かれています。管理者用の CMS (コンテンツ管理システム) およびその他のバックエンド管理システム。

2. Web アプリとは、より良いユーザー エクスペリエンスを実現するために Web 開発テクノロジーを使用する Web アプリケーションを指します。携帯電話やデスクトップブラウザ上で動作し、モバイルネットワークの高速化に伴い、Web Appは私たちに大きな利便性をもたらしてくれます。さらに、過去 2 年間で Google は、PWA (Progressively Enhanced Web APP) という新しい Web アプリの形式を提案しました。

3. WeChat (WeChat) は大規模なユーザー ベースを持つプラットフォームであるため、フロントエンド開発のもう 1 つの重要な領域でもあります。 WeChat の公式アカウントとサブスクリプション アカウントは、マーケティングとセルフメディアの実践者にとって新しい世界を生み出しました。

4. ハイブリッド アプリ (ハイブリッド アプリ) とは、Web アプリとネイティブ アプリ (主に Android または iOS) の間のアプリを指し、ネイティブ アプリの優れたユーザー インタラクション エクスペリエンスと Web アプリのクロス機能性の利点を組み合わせています。プラットフォーム開発の。

5. ゲーム (ゲーム)、HTML5 ゲームは、2014 年に Egret エンジンによって開発された Neurocat が友人の輪を爆発させて以来、制御不能になっています。しかし現在、ゲーム開発はますます複雑化しており、2Dや3Dを超えるさまざまなエフェクトやシーンの演出が求められています。

6. デスクトップ アプリケーション ソフトウェアは、日常生活の中でコンピューターにインストールされるさまざまな種類のソフトウェアです。初期の頃、デスクトップ アプリケーションを開発するには、C の Qt ライブラリ、MFC ライブラリ、Java の Swing、Python の PyQT などの特別な言語 UI (インターフェイス) ライブラリのサポートが必要でした。そうでない場合、言語はサポートされません。迅速なインターフェースを開発します。

7. Server Node.js がリリースされるとすぐに、フロントエンド エンジニアの間で騒動が巻き起こり、フロントエンド エンジニアはほぼ即座にこのテクノロジーに対して多大な熱意と期待を示しました。 Node.js という名前を見て、初心者は Java アプリケーションだと誤解するかもしれませんが、実際には Node.js は C 言語で書かれた Java 実行環境です。

(学習ビデオ共有: Web フロントエンドの入門 )

以上がWeb フロントエンド開発とバックエンド開発の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。