1.フロントエンドエンジニアリングは最新のフロントエンドに必要なスキルです
近年のWebフロントエンドの急速な進化は驚異的なものであり、多くのフロントエンドエンジニアは学ぶことができないと言わざるを得ません。
これはもはや、HTML、CSS、JSフロントエンドの3人の剣士が剣で世界を支配する時代ではありません。
個人的な経験を例にとると、2011年頃にフロントエンドフィールドに入りました。そのときの主な内容は、デザインドラフトを静的ページに変換し、jQueryプラグインを使用して、ページカルーセル、マーキー、およびその他のインタラクティブな効果を実現することでした。
最後に、SmartやVelocityなどのバックエンドテンプレート言語を使用して静的ページにページロジックを追加すると、コードがサーバーのクラスメートに渡されてオンラインになります。プロセス全体を通して、JSフレームワークは主にjQueryであり、CSSはほとんどの場合Lessを使用します。
今日のフロントエンドの作業方法を、クアイグウタクシーのフロントエンドチームを例に見てみましょう。フロントエンド開発フレームワークは主にVueであり、Webpackを使用して、インターフェースのモッキング、コード検査、コードのコンパイル、構築、圧縮、バージョン番号の追加、およびデプロイメントのプロセス全体を解決します。
関連する技術的なポイントは、Vue、Vuex、ESlint、stylelint、Mock、Webpack、Sass、PostCSSなどです。フロントエンドの要件は、純粋なJSおよびCSSの問題から、数年前よりもエンジニアリングベースの問題に変更されました。
フロントエンドエンジニアリングは大きなトピックであり、現在でも正確な定義はありません。フロントエンドエンジニアリングに関する個人的な理解は、「フロントエンド開発の効率を向上させ、フロントエンドアプリケーションの品質を向上させることができるすべての手段とツールは、フロントエンドエンジニアリングです。」
2.フロントエンドエンジニアリングはどのような問題を解決しますか？
フロントエンド分野では、ますます繁栄し、ますます複雑になっている今日、フロントエンドエンジニアリングからどのようなメリットを学べますか？
1.開発効率を大幅に改善
フロントエンドエンジニアリングの進化により、開発効率が大幅に向上します。フロントエンドの開発以来、コミュニティには多数の優れたフレームワークとツールが登場しており、フロントエンドエンジニアを重労働から解放することができます。
たとえば、クリックイベントをdom要素にバインドするには、純粋なJSを使用して次のようにします。
jQueryの導入により、はるかに簡単になりました。
Vueの場合、それは単純明快です。
イベントバインディングは多数あるが、開発ツールがサポートされていない場合は、記述しなければならない反復的なコードがたくさんあり、それについて考えるのは頭痛の種であり、その効率の低さは明らかです。
2.大規模プロジェクトの開発の難しさを軽減する
まず、モジュール化とコンポーネント化がフロントエンドエンジニアリングで推奨されています。
モジュール化のアイデアは、大きなプロジェクトの機能を分解し、それらを個々のモジュールに分割します。各モジュールの開発難易度は急落しました。同時に、バージョン管理ツールGitに基づいて、複数の開発者が並行して開発を行い、開発効率を向上させることができます。プロジェクトの後半の反復中、各モジュールは比較的独立しており、結合は非常に低いため、関数の調整は多くの場合、モジュールの1つを変更するだけで済み、リスクを制御できます。コードの変更が全体的な問題を引き起こす状況はありません。
第2に、フロントエンドエンジニアリングでは、大規模アプリケーションの品質と保守性を確保するために、完璧なプロセス仕様とコード仕様の使用を推奨しています。
たとえば、ESlint、stylelintを介してコードを自動的に検証し、レビュー、詳細設計、開発、共同デバッグ、テスト、オンライン制御、その他のリンクを介して、プロジェクトの高品質とタイムリーな配信を保証します。mainブランチにコードをマージするには、コードレビューを行う必要があります。プロセス仕様は、大規模プロジェクトの品質と保守性を時間どおりに提供しながら保証します。
したがって、フロントエンドエンジニアリングプロジェクトを適用することで、リスクを回避し、プロセスのプレッシャーを分散し、開発の困難を減らすことができます。
3.面接官に支持されやすい
フロントエンドの仕事のスキルが大幅に変更されました。一部の人々は、フロントエンド構成エンジニアとしてのフロントエンドエンジニアであることについて冗談を言っていました。
Fouberはかつて彼のブログ投稿で次のように述べています。「フロントエンドは、技術的な問題が少なく、エンジニアリング上の問題が多いソフトウェア開発分野です。」
6年か7年前のフロントエンドのインタビューの質問はおそらくこのスタイルだったことを漠然と覚えています：「水平および垂直のセンタリングを達成する方法？」「jsイベント委譲の原理は何ですか？」「一般的なCSSハックは何ですか？」、「$（関数（ ）{}）window.onloadとの違いは何ですか？ "
今日遭遇するインタビューの質問は、おそらくこのスタイルです：「Vueの双方向データバインディングの原理を説明できますか？」、「WebpackでBabelを構成する方法」、「promiseとawait / asyncの違いは何ですか？」
インタビューの質問への注意のレベルは非常に異なっています。
大企業で働きたい場合は、フロントエンドエンジニアリングが基本的な品質です。大企業のビジネスは非常に複雑であることが多く、非常に高い安定性が必要です。対応するフロントエンドエンジニアリングの学位は非常に高く、さまざまなサポートインフラストラクチャは非常に成熟しています。
たとえば、Meituanは体系的なエンジニアリングソリューション、モバイルコンポーネントライブラリVix、自動テストツールFreekite、ハイブリッド機能体験ソリューションTitansなどをレビューしています。
大企業に支持されるためには、候補者はフロントエンドエンジニアリングの分野で深く蓄積する必要があります。私は5年間働いているフロントエンドエンジニアです。最も包括的なフロントエンドの学習資料をまとめました。最も基本的なHTML + CSS + JSからHTML5プロジェクトまで、実用的な学習資料が編成され、すべてのフロントエンドパートナーに送信されます。ウェブのフロントエンドを学びたい、キャリアを変えたい、大学生を求めている、そして仕事での能力を向上させたいという人々にとって、私とプライベートにチャットできる必要がある学習パートナーです。スリー] [ナインエイトファイブ] [ナインナインスリー]は、グループに直接ダウンロードして、Webフロントエンドを学ぶための質問（学習方法、学習効率、就職方法）を教えてください。
3.フロントエンドエンジニアリングが必要なのは誰ですか？
ジュニアおよびインターミディエイトフロントエンドエンジニア
ジュニアミドルレベルのフロントエンドエンジニアは仕事の経験が少なく、テクノロジーの幅広さは十分ではありません。フロントエンドエンジニアリング全体を習得することは確かに困難です。したがって、この学生グループにとって、まず学ぶべきことは、原則を段階的に「使用」して理解することです。
たとえば、開発に加えて、簡単な足場ツールを自分で実装する方法を学び、日常の開発に必要な足場がどのように実現されるのかを理解し、そこで使用される技術的なポイントを対面的に学びます。
昇進を楽しみにしているフロントエンドエンジニア
フロントエンドエンジニアリング機能は、シニアフロントエンドにとっても必須のスキルです。私は長年働いています。フロントエンドエンジニアリングや基本的な足場さえよく知らない場合、どうすればチームをリードできますか？会社の昇進に参加しても納得がいきません。
Tを改善したい場合は、効率とパフォーマンスの最適化における深い蓄積と貢献が必要です。
そのため、どの段階にあっても、フロントエンドエンジニアリングを深く理解する必要があります。
