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

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

青灯夜游
青灯夜游オリジナル
2021-11-22 15:19:3939293ブラウズ

プログラミングでは、フロントエンドは 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 までご連絡ください。