フロントエンド開発の詳細な指導を開始する方法

鉛:

フロントエンド開発がますます有名になり、フロントエンド開発エンジニアが生まれた今、資格のあるフロントエンドエンジニアになるにはどうすればよいですか?どのようにして迂回路を回避できますか?プランがない場合は、以下の手順に従ってください。これにより、迂回路を大幅に節約し、時間を大幅に節約できます。

第一段階

HTML + CSSを学び、これら2つのことを使用して、ボックスモデルや写真付きの記事など、特に単純なページを作成できるようにします。

推奨学習サイトの新人チュートリアル
ここに画像の説明を挿入

第2段

ネイティブjsとそのhtmlの操作方法を学ぶネイティブjsである場合、ネイティブjsを理解することによってのみ、さまざまなフレームワークとその原理をすばやく習得できることに注意してください。

それでも、URLの新人チュートリアルを学ぶことをお勧めします
ここに画像の説明を挿入

第三段階

jqueryとブートストラップフレームワークについて学びます。前者はjsフレームワーク、後者はcssフレームワークです。

これは最初に学ぶフレームワークです。注意深く学ぶ必要があります。内部の例に従って、それぞれを手動で記述してください。
ここに画像の説明を挿入
ここに画像の説明を挿入

第4ステージのエントリーが完了しました

html5とcss3を学びましょう。この作業を終えれば、淘宝網または景東のホームページを真似て、模倣の淘宝網または景東のホームページを書くことができます。このとき、あなたは達成感でいっぱいになります。
ここに画像の説明を挿入

第5段階

モバイルページのレイアウトを学ぶ

クロスターミナルWEBとメインストリームデバイスの紹介、ビューポート、ストリーミングレイアウト、フレキシブルボックス、レム、モバイルターミナルJavaScriptイベント、携帯電話での一般的なJS効果の生成、携帯電話のスクロール。モバイルブラウザでページを適応可能にします。
ここに画像の説明を挿入

第6段階

オブジェクト指向の高度な学習ネットワーク要求(getおよびpostインターフェースを使用)、およびajaxの使用。クロスドメインとは何かを理解します。ajaxの概要と非同期の概念、ajaxフレームワークのカプセル化、XMLHttpRequestオブジェクトの詳細な概要を理解してください。jsonおよびjson分析、jsonpはクロスドメイン問題を解決し、jqueryでajaxを使用します。
ここに画像の説明を挿入

ステージ7の資格のあるフロントエンド開発者

現時点では、あなたはすでに有資格のフロントエンドエンジニアです。主流の開発フレームワークについて学び、MVC / MVVM / MVWフレームワークとは何かを理解し、React.js、Vue.js、Angular.jsから選択する必要があります学び、プロジェクトエンジニアリングとパッケージングにwebpackを使用する1つ。
ここに画像の説明を挿入
ここに画像の説明を挿入

第8段階

高度な
Node.jsフルスタック開発、ノードとその現在の役割を理解するために、実際にはバックグラウンド開発言語としても使用でき、その構文はjsに非常に似ているため、フロントエンドの開発エンジニアにとってもバックグラウンド操作を理解するのにとても良いツールです。

ネイティブのnodejs、expressおよびkoa2、node.jsを深く理解して使用することを学ぶことで、エンジニアリングの考え方が大幅に改善されます。

フロントエンドを始めたばかりの皆さんに助けてもらいたいと思います。技術的な議論のためにグループに参加することを歓迎します。グループ番号:954314851

ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/weixin_48193717/article/details/108179404