1. HTML、CSSの基礎、JavaScript構文の基礎。基本を学んだ後、電子商取引Webサイト（Jingdong、Xiaomiなど）を模倣して、ホームページのレイアウトを行うことができます。
次に、高度なJavaScript構文。含む：スコープとクロージャー、これとオブジェクトのプロトタイプ。私を信じて、JS文法は常にインタビューの最も重要な部分です。
3. jQuery、Ajaxなど jQueryは時代遅れではなく、まだフロントエンドの基盤の一部です。
4番目に、ES6文法。この部分は、JSによって新しく追加された文法に属し、インタビュー中に尋ねる必要があります。その中で、約束と非同期には特別な注意を払う必要があります。
5. HTML5およびCSS3。新機能をよく理解してください。
6、キャンバス。インタビューの際、一部の企業は必ずしもキャンバスについて尋ねるのではなく、運について尋ねます。時間がない場合、この部分の内容が最初に学習されない可能性があります。しかし、もしそうなら、それは間違いなくプラスです。
7.モバイルWeb開発、ブートストラップなど モバイル開発における適応と互換性の問題に注意してください。
8.フロントエンドフレームワーク：Vue.jsとReact。これら2つのフレームワークのうち少なくとも1つが必要です。始めるときは、まずVue.jsを学ぶことをお勧めします。始めるのは比較的簡単です。しかし、いずれにしても、VueとReactを同時に習得することは、資格のあるフロントエンドの学生です。
9、Node.js。ボーナスアイテムです。十分な時間がない場合は、最初に学ぶ必要はありませんが、少なくともノード環境の構成を知っている必要があります。
10.自動化ツール：ビルドツールWebpack、ビルドツールgulp、CSSプリプロセッサSassなど。SassはLessよりも多く、gulpはgruntよりも多く使用されることに注意してください。
11.フロントエンド合成：HTTPプロトコル、クロスドメイン通信、セキュリティ問題（CSRF、XSS）、ブラウザーレンダリングメカニズム、非同期およびシングルスレッド、ページパフォーマンスの最適化、アンチシェイク（デバウンス）およびスロットル（スロットル）、レイジーロード、フロントエンドのエラー監視、仮想DOMなど
12.エディター関連。Sublime Textは、フロントエンドを学ぶ必要があるすべての人が使用する必要があるエディターです。さらに、フロントエンドには、WebStormとVisual Studio Codeの2つの一般的なIDEがあります。WebStormはすべてに適していますが、停滞しすぎているため、VS Codeは比較的軽量です。個人的な要約：VS Codeを使用する人がますます多くなり、WebStormを使用する人がますます少なくなっています。
13. TypeScript（TSと省略）。ESはJSの標準であり、TSはJSのスーパーセットです。TSは高度なコンテンツに属しています。上記の基本をマスターしてからTSを学ぶことをお勧めします。
送信元：https://www.zhihu.com/question/374375931/answer/1036523429