フロントエンドの学習手順を要約する

第一段階:

HTML+CSS:
HTML 上級、CSS 上級、div+css レイアウト、HTML+css 全体サイト開発、

JavaScript の基礎:
Js 基本チュートリアル、js 組み込みオブジェクトの一般的なメソッド、共通DOM ツリー操作、ECMAscript、DOM、BOM、タイマー、フォーカス マップの完全なコレクション。

JS の基本的な特殊効果:
一般的な特殊効果 (タブ、ナビゲーション、全ページ スクロール、カルーセル、JS スライド制作、ポップアップ レイヤー、アコーディオン メニュー、ウォーターフォール フロー レイアウト、スクロール イベント、スクロール ビューなど)。

JS の高度な機能:
正規表現、並べ替えアルゴリズム、再帰アルゴリズム、クロージャ、関数スロットル、スコープ チェーン、距離ベースのモーション フレームワーク、オブジェクト指向の基本、

JQuery:
ハンガーの基本的な使用法、DOM 操作、特殊効果アニメーション、メソッド チェーン、ドラッグ アンド ドロップ、変換、JQueryUI コンポーネントの基本的な使用法。

第 2 フェーズ: HTML5 とモバイル Web 開発

HTML5:
HTML5 の新しいセマンティック タグ、HTML5 フォーム、オーディオとビデオ、オフラインとローカル ストレージ、SVG、Web ソケット、キャンバス

CSS3:
CSS3 の新しいセレクター、疑似要素。 、色の表現、境界線、影、背景シリーズの属性の変更、トランジション、アニメーション、被写界深度と奥行きの浸透、3D 効果の制作、Velocity.js フレームワーク、要素の入り口、出口戦略、クールな CSS3 Web ページ制作。

ブートストラップ:
レスポンシブコンセプト、メディアクエリ、レスポンシブWebサイト制作、グリッド削除システム、グリッド削除システム原則、共通ブートストラップテンプレート、LESSおよびSASS。

モバイル Web 開発:
クロスターミナル WEB およびメインストリーム デバイスの紹介、ビューポート、フロー レイアウト、フレキシブル ボックス、レム、モバイル端末の JavaScript イベント、携帯電話での一般的な JS エフェクトの作成、Zepto.js、携帯電話 Juhuasuan ページ、モバイル携帯電話のスクロール。

第 3 段階: HTTP サービスと AJAX プログラミング

WEB サーバーの基礎:
サーバーの基礎知識、Apache サーバーおよびその他の WEB サーバーの紹介、Apache サーバーの構築、HTTP の概要。

PHPの基礎:
PHPの基本構文、PHPを使用した単純なGETまたはPOSTリクエストの処理、

AJAXパート1:
Ajaxの概要と非同期の概念、Ajaxフレームワークのカプセル化、XMLHttpRequestオブジェクトの詳細な導入方法、互換性処理方法、カプセル化Ajax フレームワークの説明、Ajax のキャッシュの問題、XML の導入と使用。

AJAX パート 2:
JSON と JSON の解析、データ バインディングとテンプレート テクノロジ、JSONP、クロスドメイン テクノロジ、画像の事前読み取りと遅延読み込みテクノロジ、JQuery フレームワークの AjaxAPI、Ajax を使用して爆発的なストリーミング ケースを実現します。

第 4 段階: 高度なオブジェクト指向

究極のオブジェクト指向の章:
メモリの観点から JS オブジェクト指向、基本型、複合型、プロトタイプ チェーン、ES6 のオブジェクト指向、プロパティの読み取りおよび書き込み権限の理解まで、セッター、アクセサー。

オブジェクト指向の 3 つの主要な特徴:
継承、ポリモーフィズム、カプセル化、インターフェイス。

デザインパターン:
オブジェクト指向プログラミング思考、シングルトンパターン、ファクトリーパターン、ストラテジパターン、オブザーバーパターン、テンプレートメソッドパターン、プロキシパターン、デコレーターパターン、アダプターパターン、アスペクト指向プログラミング。

第 5 段階: 独自のフレームワークをカプセル化します

フレームワークのカプセル化の基本:
イベント フロー、バブリング、キャプチャ、イベント オブジェクト、イベント フレーム、選択フレーム。

フレームカプセル化の中級レベル:
モーションの原理、単一オブジェクトモーションフレームワーク、マルチオブジェクトモーションフレームワーク、モーションフレームワークのオブジェクト指向カプセル化。

高度なフレームワークのカプセル化と補足:
JQuery フレームワークのプロトタイプ、スケーラビリティ、モジュール性、カプセル化は Chuanzhi 独自のフレームワークに属します。

第6段階: モジュール型コンポーネント開発

コンポーネント指向プログラミング:
コンポーネント指向プログラミングの方法、コンポーネント指向プログラミングの実装原理、コンポーネント指向プログラミングの実戦、およびWebサイトアプリケーションベースの開発コンポーネント指向のアイデアについて。

モジュール指向プログラミング:
AMD 設計仕様、CMD 設計仕様、RequireJS、LoadJS、淘宝網の SeaJS。

ステージ 7: 主流の人気フレームワーク

Web 開発ワークフロー:
GIT/SVN、Yeoman スキャフォールディング、NPM/Bower 依存関係管理ツール、Grunt/Gulp/Webpack。

MVC/MVVM/MVW フレームワーク:
Angular.js、Backbone.js、Knockout/Ember。

一般的に使用されるライブラリ:
React.js、Vue.js、Zepto.js。

第8段階: HTML5ネイティブモバイルアプリケーション開発

Cordova:
WebApp/NativeApp/HybirdAppの紹介、Cordovaの紹介、PhoneGapとの関係、開発環境のセットアップ、Cordovaの実践（プロジェクトの作成、設定、コンパイル、デバッグ、リリースのデプロイ） ）。

Ionic:
Ionic の概要と類似の比較、テンプレート プロジェクトの分析、共通のコンポーネントと使用法、Angular を使用した APP の構築、共通の効果 (プルダウンして更新、プルアップしてロード、横スライド ナビゲーション、タブ)。

React Native:
React Native の概要、React Native 環境構成、プロジェクトの作成、構成、コンパイル、デバッグ、デプロイメントとリリース、ネイティブ モジュールと UI コンポーネント、ネイティブ共通 API。

HTML5+:
HTML5+ China Industry Alliance、HTML5 Plus ランタイム環境、HBuilder 開発ツール、MUI フレームワーク、H5+ の開発と展開。

第9段階: Node.jsフルスタック開発:

クイックスタート:
Node.js開発、エコシステム、Io.js、Linux/Windows/OS X環境設定、REPL環境とコンソールプログラム、非同期プログラミング、非- ブロッキング I/O、モジュールの概念、モジュール管理ツール、開発プロセス、デバッグ、テスト。

コア モジュールとオブジェクト:
グローバル オブジェクト グローバル、プロセス、コンソール、ユーティリティ、イベント ドライバー、イベント エミッター、暗号化と復号化、パス操作、シリアル化と逆シリアル化、ファイル ストリーム操作、HTTP サーバーとクライアント、ソケット IO。

Web 開発の基礎:
HTTP プロトコル、リクエスト応答処理、リレーショナル データベースの操作とデータ アクセス、非リレーショナル データベースの操作とデータ アクセス、Web アプリケーションのネイティブ Node.js 開発、Web 開発ワークフロー、Node.js 開発ブログ ケース。

迅速な開発フレームワーク:
Express の概要 + MVC の概要、Express 共通 API、Express ルーティング モジュール、Jade/Ejs テンプレート エンジン、Express を使用したブログ ケース、Koa およびその他の一般的な MVC フレームワークの再構築。

Node.js の実践的な電子商取引開発:
要件と設計、アカウント モジュールの登録とログイン、メンバー センター モジュール、フロントエンド ディスプレイ モジュール、ショッピング カート、注文決済、オンライン カスタマー サービスのインスタント メッセージング モジュール。

(No More Mistakes - Blog より転載)

以上がフロントエンドの学習手順を要約するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。