ホームページ ウェブフロントエンド フロントエンドQ&A プログラミングにおけるフロントエンドとバックエンドとは何ですか

プログラミングにおけるフロントエンドとバックエンドとは何ですか

Nov 22, 2021 pm 03:19 PM
フロントエンド 後部 プログラミング

プログラミングでは、フロントエンドは Web サイトのフロントエンド部分であり、PC、モバイル、その他のブラウザ上で実行され、ユーザーが閲覧できる Web コンテンツを表示します。一方、バックエンドは、対応するビジネス ロジックを処理するためのデータベースとの対話、考慮する必要があるのは、機能、データ アクセス、プラットフォームの安定性とパフォーマンスなどを実装する方法です。

プログラミングにおけるフロントエンドとバックエンドとは何ですか

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

プログラミングにおけるフロントエンドとは

1. フロントエンドの概念

フロントエンドとは、 Web サイトのフロントエンド部分。PC 上で実行され、モバイル ブラウザやその他のブラウザでユーザーに表示される Web ページ。インターネット技術の発展、HTML5、CSS3、およびフロントエンド フレームワークのアプリケーションにより、クロスプラットフォームのレスポンシブ Web デザインがさまざまな画面解像度に適応できるようになり、完璧な動的デザインがユーザーに非常に高いユーザー エクスペリエンスをもたらすことができます。

2. フロントエンドの特徴

フロントエンド技術は、一般的にフロントエンド設計とフロントエンド開発に分けられます。フロントエンド開発は、基本的な HTML、CSS、JavaScript/ajax、最新の高度なバージョンの HTML5、CSS3、SVG などを含む、Web サイトのフロントエンド コードの実装です。

3. 主なフロントエンド技術: HTML、CSS、JavaScript

これら 3 つは、フロントエンド開発において最も基本的で必要な 3 つのスキルです。フロントエンド開発では、ページをレイアウトするときに、HTML で要素を定義し、CSS で表示要素を配置し、JavaScript を使用して対応する効果とインタラクションを実現します。一見シンプルに見えますが、習得しなければならないことがたくさんあります。開発プロセスを快適に行えるように、開発前にこれらの概念を明確にして理解する必要があります。

(1) HTML

は、ハイパー テキスト マークアップ言語を指します。これは、当社の Web ページで最も一般的に使用される共通言語でもあります。複数のバージョンの開発を経て、開発されました。バージョン 5.0 にアップグレードされました。W3C によって確立された標準と仕様のおかげで、XHTML は一般的に XHTML にアップグレードされました。XHTML は Extensible HyperText Markup Language を指します。XHTML は 2000 年 1 月 26 日に W3C 標準になりました。より厳密で純粋な HTML コードである XHTML は、 HTMLを置き換えます。 XHTML は、XML アプリケーションとして再定義された HTML であり、W3C 標準である HTML 4.01 とほぼ同じです。 W3C は、XHTML を HTML の最新バージョンとして定義しています。すべての新しいブラウザは XHTML をサポートします。

(2) CSS

カスケード スタイル シート (Cascading Style Sheet) は「CSS」と呼ばれ、通常は「スタイルシート (Style Sheet)」とも呼ばれ、Web デザインに使用されます。スタイリッシュなデザイン。たとえば、クリックされていないときはリンク ワードを青色にし、マウスをその上に移動すると赤色に変わり、下線が引かれるようにする場合、これはスタイルです。スタイルシートを設定することで、HTML上の各マークの表示属性を統一的に制御することができます。カスケード スタイル シートを使用すると、Web ページの外観をより効果的に制御できるようになります。カスケード スタイル シートを使用すると、Web ページ要素の位置と外観を正確に指定し、特殊効果を作成する機能が拡張されます。

(3) JavaScript

は、プロトタイプを継承し、オブジェクト指向で、動的に型指定され、大文字と小文字を区別する、Netscape の LiveScript から開発されたクライアント側スクリプト言語です。その主な目的は、速度の問題を解決することです。 Perl などのサーバーサイド言語によって残された問題を解決し、よりスムーズなブラウジング効果を顧客に提供します。当時、サーバーはデータを検証する必要がありましたが、ネットワーク速度が 28.8kbps と非常に遅かったため、検証手順に時間がかかりすぎました。そこで Netscape のブラウザ Navigator には Javascript が追加され、データ検証の基本機能が提供されました。

プログラミングにおけるバックエンドとは

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

Web 開発の世界では、ほとんどのバックエンド開発者が、開発中のアプリケーションの背後にある実際のロジックの構築に取り組んでいます。

通常、フロントエンド開発者はユーザー インターフェイスを構築し、バックエンド開発者はそれを機能させるためのコードを作成します。たとえば、フロントエンド開発者は、ボタンを押すと顧客のデータを取得するボタンを備えたインターフェイスをアプリケーションに作成します。

バックエンド開発者は、データベースからどのデータを取得し、それをフロントエンドに返す (そして最終的にはそこに表示する) かを示すことでボタンを機能させるコードを作成します。

バックエンド開発者は、システム アーキテクチャに深く関与し、適切に保守および運用できるようにシステムのロジックを編成する方法を決定することもあります。

彼は、プログラミングを容易にするためのフレームワークまたはシステム アーキテクチャの構築に携わる可能性があります。バックエンド開発者は、フロントエンド開発者よりもアルゴリズムの実装と問題の解決に多くの時間を費やします。

バックエンド開発者に必要な重要なスキルの 1 つは、SQL とデータベースに関連しています。ほとんどのバックエンド システムでは、アプリケーション データが保存されているデータベースへの接続が必要です。

バックエンド開発者は通常、データベースやその他のデータ ソースからのデータの書き込み、読み取り、処理に取り組むため、SQL などのスキルを持っていることが非常に重要です。バックエンド開発者は、少なくとも Web 開発においては、使用しているテクノロジー スタックのサーバー側言語にも精通している必要があります。

たとえば、フロントエンド Web 開発者は HTML、CSS、JavaScript に重点を置く一方、バックエンド開発者は PHP Web フレームワーク、Ruby on Rails、ASP.NET MVC などの構築に使用されるものについて詳しく知る必要があります。アプリケーション サーバー側の 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)

正規表現を使用してPHP配列から重複した値を削除します 正規表現を使用してPHP配列から重複した値を削除します Apr 26, 2024 pm 04:33 PM

正規表現を使用して PHP 配列から重複値を削除する方法: 正規表現 /(.*)(.+)/i を使用して、重複値を照合して置換します。配列要素を反復処理し、preg_match を使用して一致をチェックします。一致する場合は値をスキップし、一致しない場合は重複値のない新しい配列に追加します。

プログラミングは何のためにあるのか、それを学ぶと何の役に立つのか? プログラミングは何のためにあるのか、それを学ぶと何の役に立つのか? Apr 28, 2024 pm 01:34 PM

1. プログラミングは、Web サイト、モバイル アプリケーション、ゲーム、データ分析ツールなど、さまざまなソフトウェアやアプリケーションの開発に使用できます。その応用分野は非常に幅広く、科学研究、医療、金融、教育、エンターテイメントなど、ほぼすべての業界をカバーしています。 2. プログラミングを学ぶことは、問題解決スキルと論理的思考スキルを向上させるのに役立ちます。プログラミング中、問題を分析して理解し、解決策を見つけてコードに変換する必要があります。この考え方は、分析能力と抽象能力を養い、実際的な問題を解決する能力を向上させることができます。

コーディングの鍵: 初心者のための Python の力を解き放つ コーディングの鍵: 初心者のための Python の力を解き放つ Oct 11, 2024 pm 12:17 PM

Python は、学習の容易さと強力な機能により、初心者にとって理想的なプログラミング入門言語です。その基本は次のとおりです。 変数: データ (数値、文字列、リストなど) を保存するために使用されます。データ型: 変数内のデータの型 (整数、浮動小数点など) を定義します。演算子: 数学的な演算と比較に使用されます。制御フロー: コード実行のフロー (条件文、ループ) を制御します。

Python による問題解決: 初心者プログラマーとして強力なソリューションをアンロックする Python による問題解決: 初心者プログラマーとして強力なソリューションをアンロックする Oct 11, 2024 pm 08:58 PM

Python は、問題解決の初心者に力を与えます。ユーザーフレンドリーな構文、広範なライブラリ、変数、条件文、ループによる効率的なコード開発などの機能を備えています。データの管理からプログラム フローの制御、反復的なタスクの実行まで、Python が提供します

C++ プログラミング パズルのコレクション: 思考を刺激し、プログラミング スキルを向上させます C++ プログラミング パズルのコレクション: 思考を刺激し、プログラミング スキルを向上させます Jun 01, 2024 pm 10:26 PM

C++ プログラミング パズルは、フィボナッチ数列、階乗、ハミング距離、配列の最大値と最小値などのアルゴリズムとデータ構造の概念をカバーします。これらのパズルを解くことで、C++ の知識を強化し、アルゴリズムの理解とプログラミング スキルを向上させることができます。

C の謎を解く: 新人プログラマーのための明確でシンプルな道 C の謎を解く: 新人プログラマーのための明確でシンプルな道 Oct 11, 2024 pm 10:47 PM

C は、初心者がシステム プログラミングを学習するのに最適な選択肢です。ヘッダー ファイル、関数、メイン関数のコンポーネントが含まれています。 「HelloWorld」を印刷できる単純な C プログラムには、標準入出力関数宣言を含むヘッダー ファイルが必要で、main 関数で printf 関数を使用して印刷します。 C プログラムは、GCC コンパイラーを使用してコンパイルして実行できます。基本をマスターしたら、データ型、関数、配列、ファイル処理などのトピックに進み、熟練した C プログラマーになることができます。

エラー処理には golang のエラー ラップおよびアンワインド メカニズムを使用する エラー処理には golang のエラー ラップおよびアンワインド メカニズムを使用する Apr 25, 2024 am 08:15 AM

Go のエラー処理には、ラップ エラーとアンラップ エラーが含まれます。エラーをラップすると、あるエラー タイプを別のエラー タイプでラップできるようになり、エラーのより豊富なコンテキストが提供されます。エラーを展開し、ネストされたエラー チェーンをたどって、デバッグを容易にするために最下位レベルのエラーを見つけます。これら 2 つのテクノロジを組み合わせることで、エラー状態を効果的に処理でき、より豊富なエラー コンテキストと優れたデバッグ機能が提供されます。

未来を創る: まったくの初心者のための Java プログラミング 未来を創る: まったくの初心者のための Java プログラミング Oct 13, 2024 pm 01:32 PM

Java は、初心者と経験豊富な開発者の両方が学習できる人気のあるプログラミング言語です。このチュートリアルは基本的な概念から始まり、高度なトピックに進みます。 Java Development Kit をインストールしたら、簡単な「Hello, World!」プログラムを作成してプログラミングを練習できます。コードを理解したら、コマンド プロンプトを使用してプログラムをコンパイルして実行すると、コンソールに「Hello, World!」と出力されます。 Java の学習はプログラミングの旅の始まりであり、習熟が深まるにつれて、より複雑なアプリケーションを作成できるようになります。

See all articles