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

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









Caddy の概要 Caddy は強力で拡張性の高い Web サーバーであり、現在 Github 上に 38,000 以上のスターが付いています。 Caddy は Go 言語で書かれており、静的リソースのホスティングとリバース プロキシに使用できます。 Caddy には以下の主な特徴があります: Nginx の複雑な構成と比較して、元の Caddyfile 構成は非常にシンプルです; 提供する AdminAPI を通じて構成を動的に変更できます; デフォルトで自動 HTTPS 構成をサポートし、自動的に適用して構成できますHTTPS 証明書; 数万のサイトのデータに拡張可能; 追加の依存関係なしでどこでも実行可能; Go 言語で記述されているため、メモリの安全性がより保証されます。まずはCentOに直接インストールします

JavaAPI 開発における Web サーバー処理に Jetty7 を使用する インターネットの発展に伴い、Web サーバーはアプリケーション開発の中核部分となり、多くの企業でも注目を集めています。増大するビジネス ニーズを満たすために、多くの開発者が Web サーバー開発に Jetty の使用を選択しており、その柔軟性と拡張性は広く認識されています。この記事では、JavaAPI 開発における Jetty7 の使用方法を紹介します。

顔面遮蔽弾幕とは、映像内の人物を遮ることなく大量の弾幕が浮遊し、人物の背後から浮遊しているように見せることです。機械学習は数年前から普及していますが、これらの機能がブラウザでも実行できることは多くの人に知られていません。この記事では、ビデオ連発における実際的な最適化プロセスを紹介します。記事の最後に、適用可能なシナリオをいくつか示します。このソリューションを開くことを望んでいます。いくつかのアイデアがあります。 mediapipeDemo (https://google.github.io/mediapipe/) は、顔ブロック弾幕のオンデマンドアップアップロードの主流の実装原理を示していますサーバーのバックグラウンド計算により、ビデオ画面内のポートレート領域を抽出し、SVG ストレージに変換しますクライアントがビデオを再生している間、サーバーから SVG をダウンロードし、弾幕、ポートレートと組み合わせる

まず、frpって何?という疑問があると思います。簡単に言うと、frp はイントラネット侵入ツールであり、クライアントを設定すると、サーバー経由でイントラネットにアクセスできるようになります。現在、私のサーバーは Web サイトとして nginx を使用しており、ポート 80 が 1 つだけあります。では、FRP サーバーもポート 80 を使用したい場合はどうすればよいでしょうか?クエリ後、nginx のリバース プロキシを使用してこれを実現できます。追加: frps はサーバー、frpc はクライアントです。ステップ 1: サーバーの nginx.conf 構成ファイルを変更し、次のパラメータを nginx.conf の http{} に追加します。server{listen80

フォーム検証は Web アプリケーション開発において非常に重要なリンクであり、フォーム データを送信する前にデータの有効性をチェックして、アプリケーションのセキュリティ脆弱性やデータ エラーを回避できます。 Web アプリケーションのフォーム検証は、Golang を使用すると簡単に実装できます。この記事では、Golang を使用して Web アプリケーションのフォーム検証を実装する方法を紹介します。 1. フォーム検証の基本要素 フォーム検証の実装方法を紹介する前に、フォーム検証の基本要素が何であるかを知る必要があります。フォーム要素: フォーム要素は

Cockpit は、Linux サーバー用の Web ベースのグラフィカル インターフェイスです。これは主に、初心者/熟練ユーザーにとって Linux サーバーの管理を容易にすることを目的としています。この記事では、Cockpit アクセス モードと、CockpitWebUI から Cockpit への管理アクセスを切り替える方法について説明します。コンテンツ トピック: コックピット エントリ モード 現在のコックピット アクセス モードの確認 CockpitWebUI からコックピットへの管理アクセスを有効にする CockpitWebUI からコックピットへの管理アクセスを無効にする まとめ コックピット エントリ モード コックピットには 2 つのアクセス モードがあります。 制限付きアクセス: これは、コックピット アクセス モードのデフォルトです。このアクセス モードでは、コックピットから Web ユーザーにアクセスできません。

Web 標準は、W3C およびその他の関連組織によって策定された一連の仕様とガイドラインです。HTML、CSS、JavaScript、DOM、Web アクセシビリティおよびパフォーマンスの最適化の標準化が含まれます。これらの標準に従うことで、ページの互換性を向上させることができます。 、メンテナンス性とパフォーマンス。 Web 標準の目標は、Web コンテンツをさまざまなプラットフォーム、ブラウザー、デバイス上で一貫して表示および操作できるようにして、より優れたユーザー エクスペリエンスと開発効率を提供することです。

Web 標準の利点には、より優れたクロスプラットフォーム互換性、アクセシビリティ、パフォーマンス、検索エンジンのランキング、開発とメンテナンスのコスト、ユーザー エクスペリエンス、コードのメンテナンス性と再利用性の提供が含まれます。詳細な説明: 1. クロスプラットフォーム互換性により、Web サイトがさまざまなオペレーティング システム、ブラウザー、デバイス上で正しく表示および実行されることが保証されます; 2. アクセシビリティの向上により、すべてのユーザーが Web サイトにアクセスできるようになります; 3. Web サイトの読み込みが高速化されます。速度、ユーザーはより速くウェブサイトにアクセスして閲覧できるようになり、より良いユーザーエクスペリエンスを提供します; 4. 検索エンジンのランキングの向上など。
