フロントエンドは、(8つの段階に分けることができる)何を学ぶ必要がありますか?
<1>第一段階:
▪HTML + CSS:
高度なHTML、CSSは、開発のDIV + CSSレイアウト、HTML + CSS全体のポイントを進めました、
▪JavaScriptの基本:
jsが組み込みオブジェクトに一般的に使用される方法、一般的なオペレーティング百科事典DOMツリー、ECMAスクリプト、DOM、BOM、タイマーチュートリアル、JSをベースとし、図を集中します。
▪は、基本的な効果をJS:
以下のような一般的な効果、:スライドを作るために、タブ、ナビゲーション、フルページスクロール、カルーセルマップ、JSは、ポップアップ層、アコーディオンメニューを、滝が悪いビューを転がり、レイアウト、スクロールイベントを流れ。
▪JSは、高度な機能:
正規表現、ソートアルゴリズム、再帰アルゴリズム、クロージャ、絞り機能、スコープチェーン、距離に基づいてフレームを移動する、オブジェクト指向の基礎、
▪jQueryの:基本
デバイス、DOM操作、特殊効果やアニメーションプロセスチェーン、ドラッグ、変形をぶら下げ、JQueryUI基本的な構成要素が使用しました。
<2>第二段階:HTML5モバイルWeb開発と
▪HTML5:
新しいHTML5セマンティックタグ、HTML5フォーム、オーディオおよびビデオ、オフラインおよびローカルストレージ、SVG、ウェブソケット、キャンバス。
▪CSS3:
戦略を出入りするための新しいCSS3セレクタ、擬似要素、顔の表現、ボーダー、影、フレックスレイアウト、背景シリーズは、変更属性、トランジション、アニメーション、被写界深度と深い溶け込み、3Dエフェクト制作、Velocity.jsフレームワーク要素、クールCSS3のWeb制作。
▪ブートストラップ:
応答コンセプト、メディアクエリ、応答性のウェブサイトのデザイン、ラスターシステム、グリッドシステムの原則を削除し、ブートストラップ共通テンプレート、LESSとSASS。
▪モバイルWeb開発:
クロスWEB端末と主流のデバイスプロファイル、ビューポート、流れレイアウト、柔軟ボックス、REM、携帯端末JavaScriptイベント、携帯電話の一般的なJSの効果の生産、一緒に費用対効果の高い携帯電話のページ、スクロール電話。
<3>第三段階:HTTPおよびAJAXプログラミングサービス
▪WEBサーバの基礎:
基本WEB、Apacheサーバの構築、HTTP導入上のサーバー、Apacheサーバと他のサーバ。
▪AJAXパートI:
はじめに非同期コンセプトアヤックス、Ajaxフレームワークパッケージは、XMLHttpRequestオブジェクトの詳細は、単純なGETやPOSTリクエストを扱います、互換性の処理方法、Ajaxフレームワーク、Ajaxのキャッシュの問題、XMLプレゼンテーションや使用方法をパッケージ説明します
▪AJAXパートII:
JSONとJSONの構文解析、データバインディング、およびテンプレート技術、JSONP、クロスドメイン技術は、写真が読み込まれ、レイジーロード技術、jQueryのフレームワークAjaxAPI、Ajaxの布ケース流量の爆発。
<4>第四段階:アドバンスドオブジェクト指向
▪究極のオブジェクト指向の記事:
オブジェクトは、JSを指向することを理解すべきメモリの観点から、基本的なオブジェクト指向型、複合型、プロトタイプチェーン、変数のES6、ES6スコープ(LET、CONST(唯一の変数宣言を読み取る)、ブロックレベルの範囲)、関数ES6新機能。
▪オブジェクト指向の三つの特徴:
継承、ポリモーフィズム、カプセル化。
▪オブジェクト指向のオブジェクトを作成する5つの方法は:
オブジェクトを作成するためのオブジェクト、コンストラクター、混合モードを作成してオブジェクトを作成し、JSO形式にカスタムオブジェクトファクトリパターン。
<5>第5段階:それら自身のパッケージフレーム
▪ベースフレームパッケージ:
イベントストリーム、バブリング、キャプチャ、イベントオブジェクト、イベントフレームは、フレームを選択します。
▪中間フレームパッケージ:
運動原理、オブジェクト指向フレームワークパッケージを移動する物体、物体のマルチフレーム移動、単一のフレームの動き。
▪ハイフレームパッケージを追加しました:
jQueryのフレームのプロトタイプ、スケーラビリティ、モジュール性、カプセル化属するChuanzhi独自のフレームワーク。
<6>第六段階:モジュラーコンポーネントの開発
▪コンポーネント指向プログラミング:
プログラムの主成分を実現するための道のコンポーネント指向プログラミング、実際のコンポーネント指向プログラミング、アイデアのコンポーネントベースのアプリケーションの開発サイト。
▪モジュール指向プログラミング:
AMDの設計仕様、CMDの設計仕様、RequireJS、LoadJS、淘宝網SeaJS。
<7>第七段階:一般的なフレームワークの主流
▪Web開発のワークフロー:
GIT / SVN、Vueの-cliの足場、NPM /バウアー依存関係管理、うなり声/ガルプ/ WebPACKの。
▪主流のフロントエンドフレームワーク:
Vue.js、Angular.js、React.JS、ブートストラップ。
▪共有ライブラリ:
React.js、Vue.js、JQuery.js。
<8> 8段目:Node.jsのスタック全体の開発:
▪クイックスタート:
開発のNode.js、生態系、Io.js、のLinux / Windowsの/ OS X環境設定、REPL環境とコンソールプログラム、非同期プログラミング、非ブロックI / O、モジュラーコンセプト、モジュール管理ツール、開発プロセス、デバッグ、テスト。
▪コアモジュールとオブジェクト:
グローバルオブジェクトグローバル、プロセス、コンソール、UTIL、イベント駆動型、イベント・エミッター、暗号化と復号化、パス操作、シリアライズとデシリアライズ、ファイルストリーム操作、HTTPサーバおよびクライアント、Socket.IO。
▪ウェブ開発の基礎:
HTTPプロトコル要求応答処理、リレーショナルデータベース操作とデータアクセス、非リレーショナルデータベース操作とデータアクセス、Webアプリケーション、Web開発のワークフロー、Node.jsの開発ブログ例ネイティブNode.jsの開発。
▪迅速な開発フレームワーク:
エクスプレス+ MVCはじめ、エクスプレス共通API、エクスプレスルーティングモジュール、ジェイド/ EJSテンプレートエンジン、Expressはブログの例を再構築興亜し、他の一般的なMVCフレームワークを使用しました。
電子商取引の戦闘の▪Node.jsの開発:
要件と設計、モジュールの登録アカウントのログイン会員センターモジュール、フロントディスプレイモジュール、買い物かご、注文決済、オンライン顧客サービスチャットモジュール。