初心者は、フロントラインを学ぶために

HTML、CSS、Javascriptを：フロントでの変更は、すべての後に、コアであるどんなに

短い時間で、この経路学習中核的な要素を学ぶことに注意

コンピューティング1日7時間を学びます

0準備段階

1. これは、少なくとも、大学の学位を必要とし
2. 英語の言語要件は、単語を覚えているだろう
3. 論理的な思考は、通常の要件であります
4. とコンピュータ
5. 開発ツールがダウンロードvscode
6. キーコア：忍耐フロントエンドコーディングと学習への関心

1.エントリー段階

完成は、基本的な静的なページを行うことができますが、HTML、CSSの部分で顔の質問を見ることができ、これは非常に基本的な部分です。

学習時間：70H（2週間）

次のように研究では、次のとおりです。

HTML

1. セマンティックタグ：HTML5の新しいラベル

CSS

1. セレクタ
2. ボックスモデル
3. ポジショニング、フロート
4. アニメーション
5. CSS共通の属性：ボーダー、丸みを帯びた、背景、幅と高さ、オーバーフロー
6. BFC
7. フレックスプロパティとレイアウト
8. CSSの一般的な単位：ピクセル、％、REM、VH、VW、EM

HTML、CSSレイアウト合成運動

1. 既存のサイトを参照してください達し、彼の心は、界面効果を達成するためにどのように非常に明確です
2. 応答レイアウトスキーム：％、REM、メディア、質問、VH、VW、スケーリング
3. ルックブートストラップ、スタイルソース

2.Javascriptの基礎

フロントエンドの完了は非常に遠く離れて練習から、まだウェブサイトを開発することができますが、

学習時間：35H（2週間）

次のようにコンテンツを学習：

1. JS基本的な文法：可変流量制御、ループ、演算子、比較演算子、関数、データ型、コールバック関数
2. プログラミングDOM：DOM共通CRUDメソッド、プロパティ、イベント
3. BOMプログラミング：ウィンドウ使用のブラウザのプロパティ、メソッド
4. アヤックス、APIを取得

高度な3.Javascript

この段階では関係のさらなる研究の後に、非常に重要です

学習時間：35H（1週間）

次のようにコンテンツを学習：

1. JSスコープ
2. JSプロトタイプチェーン、継承
3. クロージャーはすぐに関数を実行します
4. トラバーサル機能共通ES5
5. データは、基本データとの差分を引用し、参照データをコピーする方法
6. 問題のこのポイント

学習のため4.ビルドツール

学習時間：28H（4日）

次のようにコンテンツを学習：

1. デモを再生するには学ぶ特急でnodejs
2. 学習のWebPACK・ビルド・ツール一般的に使用される構成

5.Vue

どのようなネットワークメイン文書に加え、検索githubのプロジェクトの練習を教えてください

学習時間：70H（2週間）

学習目標、様々な文法と共通UIフレームワークのVUE熟練使用

6.ES6

この段階では、新しい構文のJSで、我々は把握しなければならない、仕事が使用されます

学習時間：70H（2週間）

1. 新しい変数の定義、データ構造
2. アロー機能
3. ターゲットの新しいプロパティ
4. 約束、非同期、のawait
5. クラス

注意が一緒に学ぶ5,6'll

7.github，掘金搜索前端面试相关的面试题集锦，大量刷题，大量记忆(不要觉得low ,短时间内的高效方法)，但要理解搞懂

准备方向：

1. HTML
2. CSS
3. JS/ES6
4. Vue各种原理
5. webpack loader,plugin自定义
6. 常用排序算法
7. http协议，tcp握手，OSI7层网络模型
8. event loop,宏任务，微任务
9. 跨域方式
10. 前端常用的设计模式

以上学习路径，是非常基础，全部学习完，0基础的朋友至少需要3个月；有编程经验的朋友，学习时间可以大幅缩减。