トップ 25 の知っておくべき Web 開発者インタビューの質問と回答

Web 開発者のインタビューの質問に関するアイデアをお探しですか? 上位 25 の質問とその回答を次に示します。

インターネットが成長し続けるにつれて、Web 開発者は引き続き需要があります。 ただし、仕事に就くには、まず雇用主の面接セッションを拡大する必要があります。

Though larger teams tend to hire either front-end or back-end developers specifically, smaller teams and スタートアップ will often go for full-stack developers. So, it’s helpful to know as much as you can.

以下は、Web 開発者のインタビューで知っておくべきトップ 25 の質問とその回答のリストであり、準備に役立ちます。

1. Web 開発における HTML、JavaScript、および CSS の役割は何ですか?

HTML は HyperText Markup Language の略で、Web 上で公開するドキュメントを開発するための標準言語です。 JavaScript と CSS はエクストラです。

JavaScript はもともとクライアント側のプログラミング言語として設計されたもので、ブラウザーで実行されて Web ページにより多くの機能を生成します。 CSS は Cascading Style Sheets の略で、画面に要素を表示するために使用されます。

2. レスポンシブ Web デザインとは

レスポンシブ Web デザインは、ユーザーのデバイスまたは環境に基づいて Web サイトの外観を適応させることにより、ユーザーにとって最高のエクスペリエンスを作成することを目的とした Web 開発アプローチです。

目標は、Web サイトがすべてのデバイスで適切に表示されるようにすることです。これには、デバイスの画面サイズまたは向きに基づいて、ボックスのサイズを大きくしたり配置を変更したりする動的な変更が伴います。

3. フレームワークを使用する利点は何ですか?

Web アプリケーションの開発でフレームワークを使用することには、多くの利点があります。 主なものは次のとおりです。

  1. ベスト プラクティスによる開発プロセスの簡素化。
  2. スターター プロジェクトによる迅速な開発により、時間を節約できます。
  3. 実証済みのコードの使用。
  4. Often provides better セキュリティ.
  5. 特に大規模なプロジェクトでは、コストを節約できます。

4. JavaScript コールバックとは?

JavaScript コールバックは、別の関数の後に実行する必要がある関数です。 コールバック関数の名前と引数は、引数として最初の関数に渡すことができます。また、最初の関数は、計算の結果である引数をコールバック関数に内部的に渡すこともできます。

コールバック関数は、他の関数が最初に実行を終了するまで待機する必要がある非同期関数で使用するのが最適です。

5. JavaScript でローカル スコープとグローバル スコープを説明する

定義された変数は言葉で書かれており、これらは正しい文脈でのみ意味を持ちます。 ローカルおよびグローバル スコープは、定義された変数のこのコンテキストを参照します。 グローバル変数は関数の外側で定義する必要がありますが、ローカル変数は関数の内側で定義する必要があります。

したがって、グローバル変数にはグローバル スコープがあり、プログラムのどこからでもアクセスできます。 ただし、ローカル変数にはローカル スコープがあり、これは関数内からのみアクセスできることを意味します。

6. CSS で Z-Index を説明する

z-index は、要素のスタック順序を定義するために使用される要素プロパティです。 積み重ね順序とは、カードの積み重ねのように、要素が他の要素の後ろまたは前にある能力を指します。

スタック順序が高い要素は、スタック順序が低い要素の前に表示されます。 このコンテキストでは、要素に 2 または 100 のスタック順序を指定すると、ページ上の他のすべての上に表示されることが保証されます。 同様に、スタック順序が指定されていないページでは、ソースの下部要素が上部要素よりも高くスタックされます。

7. HTML の Marquee とは何ですか?

Marque は HTML のコンテナ タグで、スクロールするテキストを表示するために使用されます。 スクロールの方向と速度を制御できます。 ただし、Marquee は HTML5 では廃止されているため、代わりに CSS を使用することをお勧めします。

マーキーを使用したスクロールの例:

マーキー スクロール テキスト

8. ページの読み込み時間を短縮する主な方法を挙げる

ページの読み込み時間を改善するために開発者が実行できる手順は多数ありますが、主なものは次のとおりです。

  • 画像を最適化し、サイズを縮小する
  • 不要なウィジェットを取り除く
  • ルックアップを最小限に減らす
  • まともなホストでウェブサイトをホストする
  • Use Accelerated Mobile Pages or 静的サイト
  • 遅延読み込み画像
  • コードを縮小する

9. キャンバスと SVG の違いは何ですか?

SVG は Scalable Vector Graphics の略で、 tag は、円、ボックス、楕円などのグラフィックを作成するためのコンテナー要素です。 CSS または JavaScript を使用して SVG を変更でき、スケーラブルであるため、高解像度の出力に適しています。

の一方、コンテナーはラスター ベースであり、スケーラブルではありません。 グラフィックの作成にも使用されますが、JavaScript によってのみ変更可能です。 ただし、より多くのオブジェクトを処理する方が効率的です。

10。 どうやって ヌル 異なる 未定義?

Null は、値がないことを表します。 一般に、実際の値が割り当てられていない定義済み変数を初期化するためのプレースメント ホルダーとして使用されます。 一方、未定義は、初期化されていない定義済み変数を指します。

JavaScript の場合:

var 変数 A;

var 変数 B = null;

アラート(変数A); //未定義を表示

アラート(変数B); // null を表示

11. ID とクラスの違いは?

ID とクラスは、HTML ドキュメント内の要素を識別して処理する XNUMX つの方法です。 ただし、この XNUMX つの主な違いは、ID が一意でなければならないことです。 つまり、XNUMX つの要素が同じ ID を共有することはできませんが、XNUMX つ以上の要素が同じクラスを共有することはできます。

ID は特定の要素を処理するために使用され、クラスは XNUMX つ以上の共通の特性を共有する要素のグループを処理するために使用されます。

12. Web サイトのセキュリティ機能をどのように改善しますか?

Web サイトのセキュリティを向上させるために実行できる手順には、次のようなものがあります。

  1. 強力なパスワード ポリシーの適用。 これは、選択したパスワードが 8 文字以上で、数字、特殊文字、大文字と小文字が含まれていることを確認することを意味します。
  2. キャプチャまたはアンチボット対策の使用。
  3. 必要に応じて、OTP (ワンタイム パスワード) やハードウェア ドングルなどの 2 要素または多要素認証方法を採用します。
  4. DDoS 保護と自動バックアップ機能を備えたホストを使用する。

13. localStorage と sessionStorage の違いは何ですか?

localStorage システムと sessionStorage システムはどちらも、開発者が Web ブラウザーにデータを保存できるようにします。 ただし、localStoarage は永続的ですが、sessionStorage は永続的ではありません。 つまり、localStorage に保存されたデータは、複数のセッションにわたってブラウザで利用できますが、sessionStorage に保存されたデータは、ブラウザのタブを閉じると削除されます。

14. HTTP 2.0 に対する HTTP1.1 の改善点を列挙する

HTTP/2 プロトコルは 2015 年に公開され、次のような大幅な改善を提供します。

  1. テキストよりもバイナリを使用してセキュリティを強化します。
  2. よりよい性能。
  3. 低レイテンシ。
  4. より良いエラー処理。
  5. オーバーヘッドを削減します。

15. Git Pull と Git Merge の違いは何ですか?

git pull コマンドを使用すると、リモート リポジトリからコンテンツをダウンロードし、ダウンロードしたコンテンツでローカル リポジトリを更新できます。

The git merge command, on the other hand, lets you combine two separately developed branches of the same プロジェクト. The merge command must be performed from the branch you want to merge into, and this is usually the main branch.

16. GET は POST や PUT とどう違うのですか?

HTML GET メソッドはブラウザがサーバーに情報を要求するために使用され、POST および PUT メソッドはブラウザからサーバーに情報を送信するために使用されます。

ただし、POST 要求はサーバー リソースにデータを追加するだけですが、PUT 要求は要求のペイロードを使用してリソースを完全に置き換えるために使用されます。

これまでで最も一般的なデータ交換形式は次のとおりです。

  1. XML
  2. ヤムル
  3. CSV
  4. JSONの
  5. HTTP
  6. SQL

18. 3 種類のポップアップ ボックスを列挙する

JavaScript のポップアップ ボックスは、ユーザーにメッセージを表示したり、入力を要求したり、場合によってはその両方を行うために使用されます。 以下に、3 種類の JavaScript ポップアップを示します。

  1. アラートボックス – メッセージと [OK] ボタンが表示されます。
  2. 確認ボックス – このダイアログ ボックスには、コードに影響を与える可能性がある [OK] ボタンと [キャンセル] ボタンの両方が含まれています。
  3. プロンプトボックス – このボックスには、ユーザーから情報を収集するためのテキスト入力ボックスが含まれています。

19. CSSコードを含めるさまざまな方法を挙げてください

CSS を HTML ドキュメントに含める方法は 3 つあります。 彼らです:

  1. 外部CSS – を使用して .css ドキュメントを含めますドキュメントの中にタグ。
  2. 埋め込まれたCSS – CSS コードをタグ、ドキュメント内の任意の場所。
  3. インラインCSS – HTML タグ内で style="CSS-property: value" ペアを使用します。 PSスクエア!

20。 どうやって window.onload document.onload とは異なりますか?

Window.onload は、ブラウザがページの DOM ツリーとその他の基本要素 (画像、CSS コード、スクリプトなど) を読み込んだ後、JavaScript コードを実行するために使用されます。

document.onload は DOM の準備が整った直後に実行されますが、これは画像や外部ライブラリが読み込まれる前であっても実行される可能性があります。

21. CSS を使用して要素を非表示にするにはどうすればよいですか?

3 つの CSS メソッドを使用して HTML 要素を非表示にできます。

  1. 表示:なし; – 要素はレンダリングも表示もされません。
  2. 可視性: 非表示; – 要素はレンダリングされますが、表示されません。
  3. 位置: 絶対; – 要素はレンダリングおよび表示されますが、表示領域の外に配置されます。

22. Ajax の最適な用途は?

Ajax は、JavaScript を使用してバックグラウンドでサーバーからデータをロードする方法です。 データ検証、チャット アプリ、コメント、データ フィルタリング、ビジュアル編集、投票など、さまざまな用途があります。

23. CSS3 のいくつかの新機能を挙げる

CSS3 には、CSS2 よりも多くの最新の便利な機能が含まれています。

  1. ボックスと画像の角を丸くします。
  2. オブジェクトのアニメーション。
  3. 宣言用の変数と関数。
  4. レスポンシブ デザインのためのグリッドとフレックスボックス。
  5. 背景色のグラデーション。
  6. rgba を使用した不透明度の制御。
  7. ボックスとテキストの影効果。
  8. 要素のホバーとフォーカスのトランジション。

24. HTML5 で導入された新しい入力タイプは?

入力タイプは、HTML ドキュメントの入力要素に与える値です。

例は次のとおりです。

or

新しい HTML5 入力タイプには次のものがあります。

  1. 日付
  2. メールアドレス
  3. を検索
  4. Tel
  5. 番号範囲
  6. URL
  7. 日時ローカル

25. HTML5 メディア要素の説明

HTML5 には、メディア タイプとソースを処理するためのより多くの要素タグが含まれています。 彼らです:

  • MP4、WebM、および Ogg ビデオ用。
  • – 複数のソースを異なる形式で定義する。
  • – MP3、Ogg、および WAV オーディオ用。
  • – 写真からビデオ、Web ページまでの外部リソースを含めるコンテナ。
  • – ビデオの字幕トラックを指定します。

まとめ

知っておくべきWeb開発者のインタビューの質問トップ25のリストの終わりに到達すると、フルスタックの開発者になるにはかなりの技術の組み合わせが必要であることがわかります.

これは仕事のさまざまな側面に触れるガイドですが、決して網羅的なものではありません。 したがって、明確でない領域を特定して学習するのはあなた次第です。

ンナムディ・オケケ

ンナムディ・オケケ

Nnamdi Okekeは、さまざまな本を読むのが大好きなコンピューター愛好家です。 彼はWindows/MacよりもLinuxを好み、使用しています。
当初からのUbuntu。 ツイッターで彼を捕まえることができます ボンゴトラックス

記事:278

技術者のものを受け取る

技術トレンド、スタートアップトレンド、レビュー、オンライン収入、Webツール、およびマーケティングを月にXNUMX〜XNUMX回

コメントを残す

あなたのメールアドレスは公開されません。 必須フィールドは、マークされています *