良いプログラマのWeb フロントエンドのチュートリアルを共有ウェブフロントエンドエントリ-基本、など資格のWeb フロントエンドエンジニアが習得する必要があるHTML 、CSS およびJavaScriptを。これだけを知っている1または2 十分ではありません、これらの3つの言語をしなければならないことに精通。ここではそれを見てみましょう!
1 、Webページの基本構造(HTML 、CSS)
HTMLはマークアップ言語ではなく、プログラミング言語であり、最も基本的なラベルである、CSSを表示する方法を定義するために使用されるHTMLの要素を。HTML + CSS いくつかの例、始めるためには非常に簡単ですが、多くの人々は十分に行っていない:ラベルが使用何であるのmargin-leftは?そして、左の違いはどのような状況下で使用する必要がありますされて何?再のうち、DIV + CSS レイアウトの問題:不明の幅DIV 3つの水平配向を有する内部DIVは、約2 DIVの幅が固定されて150ピクセルによって、中間DIVは、残りの幅を埋めます。あなたはまだ、これらの問題を認識していない場合は、そのレイアウト内で数分間、問題が解決しない、あなたに説明HTML + CSSは十分な深さではありません。
2 、ブラウザがウェブページを表示する方法です
現在のブラウザが作って、クライアントのデバッグツールを持っているように、ページの異なるカーネルブラウザのレンダリングは同じではありませんウェブ-timeのパフォーマンスの最適化を、と詳細をレンダリングするブラウザは多くを学ぶために。より有用な知識を言う並列にロードされ、現在のブラウザの上限は6 、ブラウザの古いバージョンが異なることになります。
3 、ページサイクル
異なるウェブクライアントが送信:フレームワークは、ページのライフサイクルは、一般的には同じです、異なるものになるのGET リクエストを、サーバーは操作やクライアントのデータを完了し、対応するページを返し、POST サーバーに。データ転送してください(前景と背景、ページ間の)心の中で明確に詳しく説明します。
4 、DHTML DOM BOM JavaScriptのAJAX
これは、ウェブ我々は彼らを扱っている時間のほとんどの間の重いフロントエンド開発。いくつかのポイントを言って注意:JavaScriptを、いわゆるシングルスレッドプログラミングではJavaScript だけで、それは将来のある時点で、対応するイベントを実行するために計画されている非同期プログラミング; 詳細情報DOMのイベントメカニズムを、クライアントストレージ(HTML5はに追加のlocalStorage とのsessionStorage ); javascriptのサーバーサイドの言語とは異なり、厳格なように、デバッグが非常に便利ではありませんので、厳格な開発を開始したJavaScript エディタの習慣を、Javascriptを非常に強力で柔軟性がなく、幻想短い堪能(おろかに精通して)それ、および書き込みこれらのフレームワーク、ライブラリ、最初の初期段階、または当成熟のフレームワーク(などjQueryの)エントリは、クライアント側のデバッグツールに精通しなければなりません。
5 、サーバー側の言語の開発経験は、PSは、技術の図をカット。
ウェブ遠位の介在は、設計と開発を開発し、それが終わるどの時点を知る必要がありました。言語が同じで編集し、サーバは言語の前に書かれていた、学習javascriptのは、絵のターンから静的に、非常に便利であるHTMLのページ、そして最終的に、PSは、マップ技術をカット。
6 、ブラウザの互換性
歴史的な理由に、ブラウザの互換性が拷問されていたWeb フロントエンドエンジニア、そこもののW3のブラウザメーカーが改善するために取り組んでいるものの、組織、および仕様の数を開発し、その仕様に近いが、実際のネットワーク環境の様々なカーネルブラウザのさまざまなバージョンは、場所を持っています。また、これは素晴らしいですのWeb フロントエンドエンジニアが技術的なポイントを習得しなければなりません。