HackerRank面接のフロントエンドの質問

概要 

HackerRank InterviewsにはフロントエンドフレームワークのAngularとReactが含まれています。

候補者は、フロントエンドの質問を解くために、非常に応答性が高く、安定していて、馴染みのあるエディターを使用して作業できます。新しいエディターやプラットフォームの中断について心配する必要はありません。

フロントエンドフレームワークを使用した面接の開始

1. 面接官として面接にログインした後、面接のランディングページからフロントエンドフレームワークをクリックしてフロントエンド面接を開始できます。
   

このビデオを参照して、フロントエンド面接の始め方を確認してください。

• AngularまたはReactフレームワークを選択して、そのフレームワークに基づいて面接を開始します。
• 画面は、フロントエンド面接を開始するための3つのオプションを表示するようにナビゲートします。
• これらの3つのオプションのいずれかを選択します：
  • 最初から始める
  • ライブラリから質問をインポート
  • 自分のプロジェクトをインポート

最初から始める

HackerRank Interviewsは、あなたのためのシンプルなプロジェクトをこのオプションの出発点として提供します。面接前または面接中にプロジェクトを修正して、あなたのニーズに合わせることができます。
新しいコンテナレスVS Code IDEの結果を体験してください。これにより、より高速な読み込みと安定したIDEが実現し、不安定なネットワーク接続でもシームレスに動作します。開発者は、コーディング時により高速で正確なオートコンプリートを利用できます。

強化されたIDE機能

• 組み込みのリアルタイムプレビュー
  • IDEは右ペインに組み込みのプレビューウィンドウとともに開きます。あなたや候補者が行った変更はプレビュータブで確認できます。
  • IDEがコンテナレスであるため、ブラウザでプレビューを見ることができます。ブラウザアイコンをクリックしてください でブラウザでプレビューを見ることができます。
    
  • レスポンシブビュー（タブレット、モバイル、デスクトップなど）を選択してプレビューを見ることもできます。アイコンをクリックしてください レスポンシブビューを表示します。
• テスト実行
  • テストケースはテストタブをクリックして実行できます。テストの実行オプションをクリックします。結果が表示されます。
• 組み込みの開発ツール  
  • 開発ツールはプレビューペインの下部にあります。クリックして 開発ツール オプションを選択し、コンソールを起動できます。  
  • コンソールは協力ツールとして機能します。面接官と候補者はリアルタイムで変更を確認できます。
• 依存関係マネージャー
  • IDEの左ペインには、依存関係検索バーがあります。キューブアイコンをクリックしてアクセスします。希望の依存関係を検索し、「追加」をクリックして追加できます。追加された依存関係はpackage.jsonファイルに更新されます。
• 外部CSSおよびJavascriptサポート
  • 外部リソースは左ペインにあります。UIのフォーマットとスタイルを整えるために、外部CSSとJavaScriptリソースのURLを外部リソースアドレスに入力してください。

• その他のUI改善点

質問ライブラリからのインポート

使用をクリックして、質問とIDEを起動します。IDEが起動します。

プロジェクトのインポート

このオプションは、インタビュー用のスターターコードを自分で選択できるようにします。プロジェクトのzipファイルをアップロードするか、公開Git URLから追加します。適切な名前でプロジェクトを保存すると、その後のインタビューで取得できます。インポート後、プロジェクトはHackerRankのProjects IDEに読み込まれます。

注意： プロジェクトに許可される最大ファイルサイズは5MBです。このフローは新しいIDEの機能を取得しません。このフローは現在ベータ版です。

プロジェクトをアップロードしたら、 最近使用した セクションで見つけることができます。新しいインタビューを開始するときに、ランディングページに表示されます。