技術共有

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Web フロントエンド開発は、フロントエンド技術の重要な要素として、モバイル インターネット、ビッグデータ、および IT 業界全体で常に重要な位置を占めています。人工知能、現在のフロントエンド知識システムも徐々にリッチになっています。

Web フロントエンドの仕事に詳しい友人は、Web には多くの技術があることを知っています。Web フロントエンド エンジニアの資格を取得したい場合は、Html、css、ajax などの技術を 1 つずつ習得する必要があります。 jquery、extjs、JavaScript。

コアテクノロジー

1、HTML

HTML をマスターすることは、Web ページの核心であり、World Wide Web ページを作成するための標準言語であり、World Wide Web ブラウザで使用される言語であり、異なるコンピュータ間の情報交換の障壁を取り除きます。したがって、HTML は現在インターネット上で最も広く使用されており、Web ドキュメントを形成する主要な言語です。HTML を十分に学習することは、Web フロントエンド開発者になるための基本条件です。

HTML は、Web ページを実装してブラウザに表示するマークアップ言語です。 HTML の最新バージョンである HTML5 では、多数の新しいテクノロジが導入され、アプリケーションのサポートが大幅に強化され、Web テクノロジは Web コンテンツのレンダリングに限定されなくなりました。

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

理論的には、HTML5 は開発者の作業を大幅に簡素化し、ブラウザーを使用して単一の開発を異なるプラットフォームで実行できるため、これが HTML5 テクノロジーの主な利点の 1 つであると業界では一般に考えられています。 AppMobi、Motorola、Sencha、Appcelerator などの企業は、HTML5 アプリケーションの開発をサポートする比較的成熟した開発ツールを立ち上げています。

2、CSS

CSSをしっかり学ぶことはWebページの見た目を美しくする上で重要なポイントです。

3、JavaScript

JavaScript の基本的な構文と JavaScript を使用したプログラミング方法を学習すると、開発者としての個人的なスキルが向上します。

JavaScript は、Web 中心のアプリケーションを作成するために設計された軽量の解釈型プログラミング言語です。 JavaScript は HTML と統合されているため、オープンでクロスプラットフォームであるため、実装が非常に簡単です。

JavaScriptの役割:

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

• 2) フォームを処理し、ユーザー入力を検証し、タイムリーなフィードバックを提供してユーザーの時間を節約できます。たとえば、フォームで電子メール アドレスの入力を求められているのに携帯電話番号を入力した場合は、リマインダーが表示されます。

• 3) ユーザーの操作に基づいて動的にページを作成することもできます。たとえば、電子メールを送信するときに添付ファイルを追加します。

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

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

• 6)、ブラウザとサーバ最も人気のある Ajax 非同期送信などのデータ通信を実行します。

• 7) より豊富なインターフェイス。JavaScript を使用してドラッグ アンド ドロップ コンポーネントやスライダーなどの項目を含めることで、サイト訪問者に充実したインターフェイスを提供できます。

4、jQuery

jQuery は、プロトタイプに次ぐ優れた Javascript フレームワークです。jQuery は、ユーザーが HTML ドキュメントとイベントをより簡単に処理し、アニメーション効果を実現し、Web サイトに AJAX インタラクションを簡単に提供できるようにする高速で簡潔な JavaScript ライブラリです。

5、PHP

PHP は、入れ子になった略語名で、英語の Hypertext Preprocessing Language (PHP: Hypertext Preprocessor) の略称です。 PHP は HTML 埋め込み言語です。

6、アヤックス

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

Ajax は、高速で動的な Web ページを作成するために使用されるテクノロジーであり、バックグラウンドでサーバーと少量のデータを交換することで、Web ページ全体をリロードせずに Web ページの一部を更新できます。

7、API

API (アプリケーション プログラミング インターフェイス) は、アプリケーションや開発者がソース コードにアクセスしたり、動作メカニズムの詳細を理解したりすることなく、特定のソフトウェアまたはハードウェアに基づく一連のルーチンにアクセスできるようにする、事前定義された関数のセットです。

8、ASP

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

9、Google ウェブ ツールキット

Google Web Toolkit (略して GWT) は、Google が開始した Ajax アプリケーション開発キットで、開発者が Java 言語を使用して Ajax アプリケーションを開発できるようにします。

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

Unix と Linux の基本を理解することは、開発者にとって有益です。

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

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

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

HTML、サーバーサイドスクリプト言語、CSS、JavaScript に慣れた後、Web フレームワークを学習すると、Web 開発をスピードアップし、時間を節約できます。 PHP プログラマー向けのオプションのフレームワークには、CakePHP、CodeIgniter、Zend などが含まれます。Python プログラマーは Django と webpy を使用することを好み、Ruby プログラマーは RoR を使用することがよくあります。

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

• ブートストラップ

主流のフレームワークの 1 つである Bootstrap は、HTML、CSS、および JavaScript に基づいており、シンプルかつ柔軟であり、Web 開発を高速化します。

html5 定型文

このフレームワークを使用すると、堅牢で適応性のある Web アプリや Web サイトを迅速に構築できます。

• 流星

Meteor は、より短時間で開発を完了できるリアルタイム Web アプリケーション開発用の新世代のオープンソース フレームワークです。

• セマンティックUI

自然言語の効果的な原則に基づいた UI コンポーネント フレームワーク

• 財団

優れた応答性のフロントエンド フレームワーク

• 具体化する

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

• 純粋な

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

• ビュー

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

• 角度

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

Angular は、単一のアプリケーション インターフェイスを作成するためのフロントエンド フレームワークであり、データ バインディング、サービス、ディレクティブ、依存関係の挿入などの多くのコア機能を備えています。強力なモジュール機能とカスタムコマンドの利点を備えています

• 反応する

Facebook が開発した React は、angular より 4 年遅れて 2013 年に正式にリリースされましたが、その革新的な VirtualDOM のおかげで、リリースされると非常に人気になりました。 VirtualDOM、JSX、Diff アルゴリズムなどを含む多くの機能があり、ES6 構文をサポートし、関数型プログラミングを使用します。しきい値は若干高くなりますが、柔軟性が高いため、より多くの開発の可能性が得られます。

React は主に UI の構築に使用され、UI のレンダリングに役立つ宣言コード、静的 HTML DOM 要素、対話型アプリケーション コンポーネントなど、さまざまなタイプのパラメーターを渡すことができます。

• スケルトン

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

• 驚くべきUI

中国初のオープンソース HTML5 クロススクリーン フロントエンド フレームワーク製品シリーズ。より優れた中国語組版サポートと豊富なローカライズされたコンポーネントを備えています。この製品シリーズには、モバイル端末専用の HTML5 ハイブリッド アプリケーション開発フレームワークである Amaze UI Touch と、クロススクリーン HTML5 Web ページ開発用に設計された Amaze UI Web が含まれています。その中で、Amaze UI Touch は、開発者が豊富なコンポーネントを通じてネイティブ APP に匹敵する独自のモバイル HTML5 アプリケーションを迅速に構築するのに役立ちます。

• UIキット

迅速な開発と強力な Web インターフェイスのための軽量でモジュール式のフロントエンド フレームワーク。

• ゆい

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

• キス

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

• ムイ

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

• アラレ

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

• JX

JX は、モジュール式の非侵入型 Web フロントエンド フレームワークで、大規模な産業グレードの Web アプリの構築と編成に特に適しています。

• ジーエムユー

GMU は、zepto をベースにしたモバイル UI コンポーネント ライブラリで、Web アプリとパッド Web アプリ用のシンプルで使いやすい UI コンポーネントを提供します。

• ズイ

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

• Clouda タッチ.js

Touch.js は、モバイル デバイス用のジェスチャ認識およびイベント ライブラリであり、Baidu 内で広く使用されている開発物でもあります。