フルスタックのWeb開発

 

フロントエンドは、(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の開発:

    要件と設計、モジュールの登録アカウントのログイン会員センターモジュール、フロントディスプレイモジュール、買い物かご、注文決済、オンライン顧客サービスチャットモジュール。

おすすめ

転載: www.cnblogs.com/zouhuixiang/p/12051196.html