Web フロントエンド テクノロジには次のものが含まれます: 1. World Wide Web ページを作成するための標(biāo)準(zhǔn)言語(yǔ)である HTML。異なるコンピュータ間の情報(bào)交換の障壁を排除します。2. CSS。 Web ページをより美しくする; 3. JavaScript は軽量の解釈型プログラミング言語(yǔ)です; 4. jQuery を使用すると、ユーザーは HTML ドキュメントとイベントをより簡(jiǎn)単に処理し、アニメーション効果を?qū)g現(xiàn)し、Web サイトに AJAX インタラクションを簡(jiǎn)単に提供できます; 5. AJAX、Web 開(kāi)発テクニックインタラクティブな Web アプリケーションを作成します。

このチュートリアルの動(dòng)作環(huán)境: Windows 7 システム、Dell G3 コンピューター。

Web フロントエンド開(kāi)発は、フロントエンド技術(shù)の重要な要素として常に重要な位置を占めており、IT 業(yè)界全體にフロントエンド開(kāi)発従事者が數(shù)多く存在します。インターネット、ビッグデータ、人工知能など、現(xiàn)在のフロントエンドの知識(shí)體系も徐々に充実してきています。

Web フロントエンドの仕事に詳しい友人は、Web にはさまざまな技術(shù)があることを知っています。Web フロントエンド エンジニアの資格を取得するには、次のような技術(shù)を 1 つずつ習(xí)得する必要があります。 HTML、CSS、ajax、jquery、extjs、JavaScript。

コア テクノロジー

1. HTML

HTML の習(xí)得は Web ページの中核です. World Wide Web ページを作成するための標(biāo)準(zhǔn)言語(yǔ)。World Wide Web ブラウザで使用され、異なるコンピュータ間の情報(bào)交換の障壁を排除します。したがって、現(xiàn)在インターネット上で最も広く使用されている言語(yǔ)であり、Web ドキュメントを形成する主要な言語(yǔ)であり、HTML をよく學(xué)ぶことは Web フロントエンド開(kāi)発者になるための基本條件です。

HTML は、Web ページを?qū)g裝してブラウザに表示できるマークアップ言語(yǔ)です。 HTML の最新バージョンである HTML5 では、多數(shù)の新しいテクノロジが導(dǎo)入され、アプリケーションのサポートが大幅に強(qiáng)化され、Web テクノロジは Web コンテンツのレンダリングに限定されなくなりました。

CSS、JavaScript、Flash、その他のテクノロジーの発展により、Web のアプリケーション処理能力は徐々に向上し、ユーザーの Web 閲覧エクスペリエンスは大幅に向上しました。しかし、HTML5 のいくつかの新しいテクノロジは質(zhì)的な進(jìn)歩を遂げ、Web テクノロジが初めてローカル ネイティブ アプリケーション テクノロジに近づいたとみなされるようになり、Web アプリケーションの開(kāi)発が開(kāi)発者にとって真の選択肢になりました。

HTML5 は開(kāi)発者の作業(yè)を大幅に簡(jiǎn)素化します。理論的には、単一の開(kāi)発をブラウザを使用してさまざまなプラットフォームで実行できるため、開(kāi)発コストが削減されます。これは業(yè)界でも一般的に 1 つの開(kāi)発であると考えられています。 HTML5 テクノロジーの主な利點(diǎn)を説明します。 AppMobi、Motorola、Sencha、Appcelerator などの企業(yè)は、HTML5 アプリケーションの開(kāi)発をサポートする比較的成熟した開(kāi)発ツールを立ち上げています。

2. CSS

CSS をしっかり學(xué)ぶことは、Web ページの外観を美しくする上で重要なポイントです。

3. JavaScript

JavaScript の基本構(gòu)文と JavaScript を使用したプログラミング方法を?qū)W習(xí)すると、開(kāi)発者の個(gè)人的なスキルが向上します。

JavaScript は、Web 中心のアプリケーションを作成するために設(shè)計(jì)された軽量の解釈型プログラミング言語(yǔ)です。 JavaScript は HTML と統(tǒng)合されており、オープンでクロスプラットフォームであるため、実裝が非常に簡(jiǎn)単です。

JavaScript の役割:

• 1) ユーザーのクリックに応答し、ユーザーにより良いエクスペリエンスを提供するなど、Web ページをインタラクティブにします。

2) は、フォームを処理し、ユーザー入力を検証し、タイムリーなフィードバックを提供してユーザーの時(shí)間を節(jié)約できます。たとえば、フォームで電子メール アドレスの入力を求められているのに攜帯電話番號(hào)を入力した場(chǎng)合は、リマインダーが表示されます。
3) のように、ユーザーの操作に基づいて動(dòng)的にページを作成することもできます。たとえば、電子メールを送信するときに添付ファイルを追加します。

• #4)、Cookie を設(shè)定します。Cookie は、訪問(wèn)した Web サイトのアドレスや使用したユーザー名など、ブラウザに保存される一時(shí)的な情報(bào)です

• 5)、JavaScript は定期的に繰り返される HTML 段落を簡(jiǎn)素化し、ダウンロード時(shí)間を短縮します。

• 6)、ブラウザとサーバーは、最も一般的な Ajax 非同期送信などのデータ通信を?qū)g行します。

• 7)、よりリッチなインターフェイスには JavaScript を使用して、ドラッグ アンド ドロップ コンポーネントやスライダーなどの項(xiàng)目を含めることができ、サイト訪問(wèn)者にリッチなインターフェイスを提供できます。
4. jQuery

jQuery は、プロトタイプに次ぐもう 1 つの優(yōu)れた Javascript フレームワークです。jQuery は、高速で簡(jiǎn)潔な JavaScript ライブラリです。ユーザーが処理できるようにします。 HTML ドキュメントとイベントがより便利になり、アニメーション効果が実裝され、Web サイトに AJAX インタラクションが便利に提供されます。

5, PHP

PHP は、入れ子の略稱(chēng)で、English Hypertext Preprocessing Language (PHP: Hypertext Preprocessor) の略稱(chēng)です。 PHP は HTML 埋め込み言語(yǔ)です。

6. AJAX

AJAX は「Asynchronous Java and XML」の略で、インタラクティブな Web アプリケーションを作成するための Web 開(kāi)発テクノロジを指します。中國(guó)での一般的な発音は「アヤックス」で、サッカーチームのアヤックスの発音と同じです。

Ajax は、高速で動(dòng)的な Web ページを作成するために使用されるテクノロジーです。バックグラウンドでサーバーと少量のデータを交換することで、Web ページ全體を再読み込みすることなく、Web ページの一部を更新できます。

7、API

API (アプリケーション プログラミング インターフェイス、アプリケーション プログラミング インターフェイス) は、アプリケーションや開(kāi)発者がソース コードにアクセスせずに、特定のソフトウェアまたはハードウェアに基づく一連のルーチンにアクセスできるように設(shè)計(jì)された、事前定義された関數(shù)のセットです。內(nèi)部の仕組みの詳細(xì)。

8, ASP

ASPとはActive Server Pageの略で、「動(dòng)的サーバーページ」を意味します。 ASP は、CGI スクリプト プログラムを置き換えるために Microsoft によって開(kāi)発されたアプリケーションで、データベースや他のプログラムと対話できる、シンプルで便利なプログラミング ツールです。 ASP Web ページのファイル形式は次のとおりです。 asp は、現(xiàn)在さまざまな動(dòng)的 Web サイトで一般的に使用されています。

9. Google Web Toolkit

Google Web Toolkit (略して GWT) は、Google が発売した Ajax アプリケーション開(kāi)発キットです。GWT は、開(kāi)発者が Java を使用して Ajax アプリケーションを開(kāi)発するのをサポートします。言語(yǔ)。

10. オペレーティング システム

Unix と Linux の基本的な知識(shí)を理解することは、開(kāi)発者にとって有益です。

11. ネットワーク サーバー

Apache の基本構(gòu)成、htaccess 構(gòu)成スキルの習(xí)得など、Web サーバーについて理解します。

フロントエンド フレームワーク

HTML、サーバーサイド スクリプト言語(yǔ)、CSS、JavaScript に慣れたら、Web フレームワークの學(xué)習(xí)をスピードアップできます。 Web 開(kāi)発を強(qiáng)化し、お金と時(shí)間を節(jié)約します。 PHP プログラマー向けのオプションのフレームワークには、CakePHP、CodeIgniter、Zend などが含まれます。Python プログラマーは Django と webpy を使用することを好み、Ruby プログラマーは RoR を使用することがよくあります。

#Web の標(biāo)準(zhǔn)化が進(jìn)むにつれて、Web コンポーネント化テクノロジは革新を続け、モバイル端末開(kāi)発は昇華し続けています。一般的なオープンソース フロントエンド フレームワークのいくつかを次に示します:

• Bootstrap

主流フレームワークの 1 つである Bootstrap は、HTML、CSS、JavaScript をベースにしており、シンプルかつ柔軟で、Web 開(kāi)発を高速化します。 。

html5-boilerplate

このフレームワークは、堅(jiān)牢で適応性のある Web アプリまたは Web サイトを迅速に構(gòu)築できます。

• Meteor

Meteor は、リアルタイム Web アプリケーションを開(kāi)発するための新世代のオープン ソース フレームワークです。短期間で開(kāi)発完了。

• セマンティック UI

自然言語(yǔ)の効果的な原則に基づく UI コンポーネント フレームワーク

• 基盤(pán)

優(yōu)れた応答性の高いフロントエンド フレームワーク

• Materize

マテリアル デザインに基づいた最新の応答性の高いフロントエンド フレームワーク。デフォルトのスタイルとカスタム コンポーネントを提供できます。さらに、Materialize はアニメーションとトランジションを改善し、開(kāi)発者にスムーズなエクスペリエンスを提供します。

• #純粋な

ほぼすべての Web プロジェクト モジュールで使用できる、小規(guī)模で応答性の高い CSS セット。

• Vue

Vue.js は、インタラクティブな Web インターフェイスを構(gòu)築するためのライブラリです。 MVVM データ バインディングと、シンプルで柔軟な API を備えた構(gòu)成可能なコンポーネント システムを提供します。

• Angular

AngularJS は、2009 年に Misko Hevery らによって作成され、後に Google に買(mǎi)収されました。多くの製品で使用されている優(yōu)れたフロントエンド JS フレームワークです。これは、高度なコンセプトを備えたフロントエンド開(kāi)発フレームワークであるだけでなく、エンドツーエンドのソリューションでもあります。これは、アーキテクチャ設(shè)計(jì)における MVC パターンに従い、データと論理処理コンポーネントの疎結(jié)合を提唱します。 AngularJSは命令技術(shù)によりHTMLの自然な拡張を?qū)g現(xiàn)し、コンパイル技術(shù)によりデータモデルと表示ビューの雙方向の自動(dòng)同期を?qū)g現(xiàn)し、複雑なDOM操作を軽減します。さらに、フロントエンドの自動(dòng)テストテクノロジの優(yōu)れたサポートも提供します。

Angular は、単一のアプリケーション インターフェイスを作成するためのフロントエンド フレームワークであり、データ バインディング、サービス、ディレクティブ、依存関係の注入など、多くのコア機(jī)能を備えています。強(qiáng)力なモジュール機(jī)能があり、カスタム コマンドの利點(diǎn)があります。正式版 angular より 4 年遅れて 2013 年にリリースされましたが、革新的な VirtualDOM により angularJS を上回るパフォーマンスを?qū)g現(xiàn)し、リリースされると非常に人気になりました。 VirtualDOM、JSX、Diff アルゴリズムなど多くの機(jī)能を備え、ES6 構(gòu)文をサポートし、関數(shù)型プログラミングを使用するため、敷居は若干高くなりますが、柔軟性が高く、開(kāi)発の可能性が広がります。

React は主に UI の構(gòu)築に使用されます。React では、UI のレンダリングに役立つ宣言コード、靜的 HTML DOM 要素、動(dòng)的変數(shù)、さらにはインタラクティブなアプリケーション コンポーネントなど、さまざまなタイプのパラメーターを渡すことができます。

• スケルトン

スケルトンは、美しい Web サイトを迅速に開(kāi)発できる小さな JS および CSS ファイルのコレクションです。攜帯電話を含むさまざまな畫(huà)面デバイス。スケルトンは960グリッドに基づいて開(kāi)発されています。 UIフレームワークです。

• Amaze UI

國(guó)內(nèi)初のオープンソース HTML5 クロススクリーン フロントエンド フレームワーク製品シリーズ。中國(guó)語(yǔ)組版サポートの強(qiáng)化とローカライズされた豊富なコンポーネントを備えています。この製品シリーズには、モバイル端末専用の HTML5 ハイブリッド アプリケーション開(kāi)発フレームワークである Amaze UI Touch と、クロススクリーン HTML5 Web ページ開(kāi)発用に設(shè)計(jì)された Amaze UI Web が含まれています。その中で、Amaze UI Touch は、開(kāi)発者が豊富なコンポーネントを通じてネイティブ APP に匹敵する獨(dú)自のモバイル HTML5 アプリケーションを迅速に構(gòu)築するのに役立ちます。

• UIkit

迅速な開(kāi)発と強(qiáng)力な機(jī)能の Web インターフェイスのための軽量でモジュール式のフロントエンド フレームワーク。

• Yui

Yahoo! UI ライブラリ (YUI) は、オープンソースの JavaScript 関數(shù)ライブラリであり、 AJAX、DHTML、DOM などのコーディング テクノロジを使用した、高度にインタラクティブな Web ページ。多くの CSS リソースも含まれています。使用ライセンスはBSDライセンスです。

• kissy

クロスターミナル、モジュール式、高性能、使いやすい JavaScript フレームワーク。

• #MUI

ネイティブ アプリ エクスペリエンスのフロントエンド フレームワークに最も近いフレームワーク。

• Arale

オープンでシンプルで使いやすいフロントエンドの基本クラス ライブラリ。

• JX

JX は、モジュール式の非侵入型 Web フロントエンド フレームワークであり、特に構(gòu)築や構(gòu)築に適しています。大規(guī)模な産業(yè)グレードの Web アプリを編成します。

• GMU

GMU は、zepto をベースにしたモバイル UI コンポーネント ライブラリで、シンプルで使いやすい機(jī)能を提供します。 webapp およびパッド ターミナル UI コンポーネント! Web アプリ。

• ZUI
  #オープンソース HTML5 フロントエンド フレームワーク

Clouda Touch.js

• Touch.js は、モバイル デバイス用のジェスチャ認(rèn)識(shí)およびイベント ライブラリであり、Baidu 內(nèi)でも広く使用されています。

(學(xué)習(xí)ビデオ共有:

Web フロントエンドの入門(mén)

)

以上がWebフロントエンド技術(shù)とは何ですか?の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。