フロントエンドについて何を学ぶ必要がありますか?

#フロントエンドについて何を学べばよいでしょうか?

第一段階: HTML CSS JS の基礎

(1) HTML CSS:

HTML 上級、CSS 上級レベル、DIV CSS レイアウト、HTML CSS サイト全体の開発、

(2) JavaScript の基礎:

Js 基本チュートリアル、js 組み込みオブジェクトの一般的なメソッド、一般的な DOM ツリー操作、ECMAscript、DOM 、BOM、タイマー、フォーカス マップ。

(3) JS の基本的な特殊効果:

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

(4) JS の高度な機能:

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

(5) JQuery: 基本的な使い方

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

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

(1) HTML5:

HTML5 の新しいセマンティック タグ、HTML5 フォーム、オーディオとビデオ、オフラインおよびローカル ストレージ、SVG、Web Socket、Canvas。

(2) CSS3:

CSS3 新しいセレクター、疑似要素、カラー表記、ボーダー、シャドウ、フレックス レイアウト、背景シリーズ 属性の変更、トランジション、アニメーション、被写界深度と深さの浸透、3D エフェクトの制作、Velocity.js フレームワーク、要素の入力、出口戦略、クールな CSS3 Web ページの制作。

(3) ブートストラップ:

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

(4) モバイル Web 開発:

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

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

(1) WEB サーバーの基礎:

サーバーの基礎、Apache サーバーおよびその他の WEB サーバーの概要、Apacheサーバーのセットアップ、HTTPの導入。

(2) AJAX パート 1:

Ajax の概要と非同期の概念、Ajax フレームワークのカプセル化、XMLHttpRequest オブジェクトの詳細な導入方法、互換性処理方法、Ajax フレームワークのカプセル化、Ajax キャッシュの質問、 XML の導入と使用、単純な GET または POST リクエストの処理、

(3) AJAX パート 2:

JSON および JSON 解析、データ バインディングおよびテンプレート テクノロジ、JSONP、クロスドメイン テクノロジ、画像の事前読み取りと遅延読み込みテクノロジー、JQuery フレームワークの AjaxAPI、および爆発的なストリーミング ケースを実装するための Ajax の使用です。

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

(4) 究極のオブジェクト指向記事:

メモリの観点から JS オブジェクトの理解まで-指向および基本的な型、複合型、プロトタイプ チェーン、ES6 のオブジェクト指向、ES6 の変数のスコープ (let、const (変数の読み取り専用宣言)、ブロック レベルのスコープ)、ES6 の関数の新機能。

(5) オブジェクト指向の 3 つの主要な特徴:

継承、ポリモーフィズム、カプセル化。

(6) オブジェクト指向でオブジェクトを作成する 5 つの方法:

カスタム オブジェクト、ファクトリ モードで作成されたオブジェクト、コンストラクター、混合モードで作成されたオブジェクト、JSO 形式で作成されたオブジェクト。

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

(1) フレームワークのカプセル化の基本:

イベント フロー、バブリング、キャプチャ、イベントオブジェクト、イベントフレーム、選択フレーム。

(2) フレーム カプセル化の中級レベル:

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

(3) 高度なフレームワークのカプセル化と補足:

JQuery フレームワークのプロトタイプ、スケーラビリティ、モジュール性、およびカプセル化は、Chuanzhi 独自のフレームワークに属します。

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

(4) コンポーネント指向プログラミング:

コンポーネント指向プログラミングの手法と実装コンポーネント指向プログラミングの原則、実践的なコンポーネント指向プログラミング、およびコンポーネントベースのアイデアに基づく Web サイト アプリケーションの開発。

(5) モジュール指向プログラミング:

AMD 設計仕様、CMD 設計仕様、RequireJS、LoadJS、淘宝網の SeaJS。

第 7 段階: 主流の人気フレームワーク

(1) Web 開発ワークフロー:

GIT/SVN、Vue-cli スキャフォールディング、NPM /Bower依存関係管理ツール、Grunt/Gulp/Webpack。

(2) フロントエンドの主流フレームワーク:

Vue.js、Angular.js、React.JS、Bootstrap。

(3) 一般的に使用されるライブラリ:

React.js、Vue.js、JQuery.js。

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

(1) クイック スタート:

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

(2) コア モジュールとオブジェクト:

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

(3) Web 開発の基礎:

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

(4) 迅速な開発フレームワーク:

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

(5) eコマース実践のNode.js開発:

要件と設計、アカウントモジュールの登録とログイン、メンバーセンターモジュール、フロントエンドディスプレイモジュール、ショッピングカート、注文決済、オンライン カスタマー サービスのインスタント メッセージング モジュール。

関連知識の詳細については、PHP 中国語 Web サイト をご覧ください。 ！

以上がフロントエンドについて何を学ぶ必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。