ホームページ ウェブフロントエンド フロントエンドQ&A Web はフロントエンドですか、それともバックエンドですか?

Web はフロントエンドですか、それともバックエンドですか?

Aug 24, 2022 pm 04:10 PM
ウェブフロントエンド web ウェブバックエンド

Web にはフロントエンドとバックエンドがあります。 「クライアント」とも呼ばれる Web フロントエンドは、ユーザーが見て体験できる Web サイトの視覚的な側面、つまり、ユーザーが見るすべてのもの、Web ブラウザーが表示するもの、およびユーザーが見ることができるすべてのものに関係します。 、触って、体験してください。 「サーバー サイド」とも呼ばれる Web バックエンドは、ユーザーがブラウザーで表示したり操作したりできないすべてのコンテンツです。Web バックエンドは、データを保存および整理し、Web フロントエンド上のすべてが適切に動作することを保証する責任があります。 Web バックエンドはフロントエンドと通信し、Web ページとして表示される情報を送受信します。

Web はフロントエンドですか、それともバックエンドですか?

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

Web にはフロントエンドとバックエンドがあります。

Web フロント エンド

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

Web フロントエンド開発は、ハイパーテキスト マークアップ言語 (HTML)、HTML5 (HTML の最新バージョン)、JavaScript、カスケード スタイル シート (CSS、CSS3) などのテクノロジを使用して構築する必要があります。

Web フロントエンド開発者は、ボタン、メニュー、ページ、リンク、グラフィックなどを含む、Web ページまたはアプリケーション上のユーザー エクスペリエンス要素を設計および構築します。

Web バックエンド

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

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

Web バックエンドは、プレゼンテーション層とビジネス層の間の通信を容易にし、Web 開発において重要な役割を果たします。Web バックエンドの開発には、C/C/C#、Java、Ruby、Python、PHP などの使用が必要です。ネットやその他の言語。

通常、バックエンドで作業する人々はプログラマーまたは開発者と呼ばれます。バックエンド開発者は、API の作成、ライブラリの作成、Web デザイナーが作成するすべてのものへのユーティリティの追加など、ユーザー インターフェイスの生成に関係しないすべての作業を処理する必要があります。

バックエンド開発者の役割は、Web フロントエンド デザイナーと比較して、非常に協力的です。一言で言えば、バックエンド Web 開発とは、ソフトウェア アプリケーションのコア機能ロジックの開発とメンテナンスを組み合わせたもので、バックエンド開発者はフロントエンドですべてが適切に動作することを確認するコードを作成します。

Web フロントエンド デザイナーと比較して、バックエンド開発者は、Web サイトが適切に動作することを保証するためのロジックの計算とアルゴリズムの実装により多くの時間を費やす傾向があります。Web バックエンドは Web サイトの頭脳です。

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

1. 異なる定義

一般的に、Web サイトはフロントエンドとバックエンドに分けられます。フロントエンドは主にページの表示を担当し、バックエンドはビジネス ロジックの実装を担当します。

  • Web フロントエンド

名前が示すように、Web のフロントエンドを作成するために使用されます。ここで言うフロントエンドとは、一般に Web フロントエンドを指します。Web フロントエンドは、Web アプリケーションでユーザーが見たり触れたりできるものです。これには、Web ページの構造、Web の外観と視覚的表現、Web レベルでのインタラクションの実装が含まれます。

  • Web バックエンド:

バックエンドは、データベースと対話して、対応するビジネス ロジックを処理することに重点を置いています。考慮する必要があるのは、機能、データ アクセス、プラットフォームの安定性とパフォーマンスなどを実装する方法です。

2. さまざまなテクノロジーを習得する必要がある

Web フロントエンド:

JS に精通し、JQuery を巧みに適用でき、CSS を理解し、巧みに使用できるインタラクティブな効果を開発するためのこれらの知識。

  • (1) HTML に習熟し、合理的なセマンティクス、明確な構造、および保守が容易な HTML 構造を作成できる;

  • (2 ) CSS に熟達し、視覚的なデザインを復元し、業界で認められている主流のブラウザと互換性がある;

  • (3) JavaScript に精通し、ECMAScript の基本的な内容を理解し、 JQuery などの 1 ~ 2 つの js フレームワークをマスターする;

  • (4) 一般的なブラウザ互換性の問題を明確に理解し、信頼できる解決策を用意する;

  • (5) パフォーマンスをよく理解する 特定の要件の下で、Yahoo のパフォーマンス最適化の提案を理解し、それらをプロジェクトに効果的に実装できるようにします。

Web バックエンド:

バックエンド開発者: Java コードを書ける、SQL ステートメントを書ける、簡単なデータベース設計ができる、Spring と iBatis を知っている、理解している一部デザインパターン等

  • (1) JSP、サーブレット、Javabean、JMS、EJB、Jdbc、Flex 開発に精通している、または関連ツール、クラス ライブラリ、フレームワーク (Velocity、Spring、 Hibernate、iBatis、OSGI などは Web 開発モデルを深く理解しています;

  • (2) oracle、sqlserver、mysql などの一般的に使用されるデータベース システムの使用を練習します。データベースの設計能力を深く理解している;

  • (3) Maven プロジェクト構成管理ツール、Tomcat や jboss などのアプリケーション サーバーに精通しており、同時実行性の高い処理条件下での負荷チューニングの経験がある応募者が優先されます。

  • (4) デザイン パターン、UML モデリングなどを含む、オブジェクト指向の分析および設計テクノロジに熟練している;

  • (5)ネットワーク プログラミングに精通しており、設計と外部 API インターフェイスの開発経験と能力、さらにクロスプラットフォーム API 仕様設計と効率的な API 呼び出し設計機能を備えています。

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

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

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

Nginx Webサーバーキャディの使用方法 Nginx Webサーバーキャディの使用方法 May 30, 2023 pm 12:19 PM

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

Java API開発におけるWebサーバー処理にJetty7を使用する Java API開発におけるWebサーバー処理にJetty7を使用する Jun 18, 2023 am 10:42 AM

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

ウェブ上の顔面ブロック攻撃に対するリアルタイム保護 (機械学習に基づく) ウェブ上の顔面ブロック攻撃に対するリアルタイム保護 (機械学習に基づく) Jun 10, 2023 pm 01:03 PM

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

FRPS サーバーと Web がポート 80 を共有するように nginx を設定する方法 FRPS サーバーと Web がポート 80 を共有するように nginx を設定する方法 Jun 03, 2023 am 08:19 AM

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

Golang を使用して Web アプリケーションのフォーム検証を実装する方法 Golang を使用して Web アプリケーションのフォーム検証を実装する方法 Jun 24, 2023 am 09:08 AM

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

コックピット Web UI から管理アクセスを有効にする方法 コックピット Web UI から管理アクセスを有効にする方法 Mar 20, 2024 pm 06:56 PM

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

Web標準の利点は何ですか Web標準の利点は何ですか Sep 20, 2023 pm 03:34 PM

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

ウェブ標準とは何ですか? ウェブ標準とは何ですか? Oct 18, 2023 pm 05:24 PM

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

See all articles