上位 25 の必須ウェブ開発者インタビューの質問と回答

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

大規模なチームは特にフロントエンド開発者またはバックエンド開発者のいずれかを雇用する傾向がありますが、小規模なチームやスタートアップ多くの場合、フルスタック開発者が選ばれます。したがって、できるだけ多くのことを知っておくと役立ちます。

以下は、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 アプリケーションの開発でフレームワークを使用することには、多くの利点があります。主なものは次のとおりです。

ベストプラクティスによる開発プロセスの簡素化。
スタータープロジェクトによる迅速な開発により、時間を節約できます。
実証済みのコードの使用。
多くの場合、より良いものを提供しますセキュリティ.
特に大規模なプロジェクトでは、コストを節約できます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

画像を最適化し、サイズを縮小する
不要なウィジェットを取り除く
ルックアップを最小限に減らす
まともなホストでウェブサイトをホストする
高速モバイルページを使用するか、静的サイト
遅延読み込み画像
コードを縮小する

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

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

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

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

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

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

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

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

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

一方、 git merge コマンドを使用すると、同じブランチの別々に開発された 2 つのブランチを結合できます。プロジェクト。マージコマンドは、マージ先のブランチから実行する必要があります。通常、これはメインブランチです。

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

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

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

17. 最も一般的なデータ交換フォーマットのリスト

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

XML
ヤムル
CSV
JSONの
HTTP
SQL

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

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

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

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

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

外部CSS – を使用して .css ドキュメントを含めますドキュメントの中にタグ。
埋め込まれたCSS – CSS コードをタグ、ドキュメント内の任意の場所。
インライン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 要素を非表示にできます。

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

22. Ajax の最適な用途は?

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

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

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

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

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

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

例は次のとおりです。

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

日付
色圏
メール
検索
Tel
月
番号範囲
月
URL
日時ローカル

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

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

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

まとめ

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

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