Search Adaface test library by skills or roles
⌘ K

HTML/ CSSオンラインテスト

The HTML/ CSS test evaluates a candidate's ability to create web pages and style them using CSS. Using scenario-based MCQ questions, it evaluates knowledge of HTML (DOM, tags, forms, tables etc.) and critical CSS concepts (box model, positioning, styling, Flexbox, Grid etc.) and the ability to build responsive layouts. The test also includes simple coding questions to evaluate hands-on programming knowledge.

に基づいてカスタマイズ:

  • 経験/難易度
  • 1つの評価で複数のスキル
  • 職務記述書/役割の要件

カバーされたトピック:

Core HTML tags
Handling HTML forms
Core CSS (box model; inheritance; specificity)
Styling HTML elements with CSS
Flexbox and Grids for modern layouts
Responsive websites using media queries
Working with images
Integrating custom fonts
CSS-based animations
完全なリストを参照してください
Singapore government logo

採用マネージャーは、パネルインタビュー中に尋ねた技術的な質問を通じて、どの候補者がより良いスコアを持っているかを知ることができ、得点しなかった人と差別化することができたと感じました。彼らです 非常に満足しています 候補者の品質は、ADAFACEスクリーニングで最終候補になりました。


人事マネージャー

シンガポール政府

85%
スクリーニング時間の短縮

Sample HTML/CSS Online Test Questions

これらは、10,000以上の質問のライブラリからのわずかなサンプルです。これに関する実際の質問 HTML/CSS Online Test グーグルできません.

🧐 質問🔧 スキル💪 困難⌛ 時間
列幅
CSSグリッドレイアウトまたはCSSグリッドは、開発者がブラウザー全体で複雑なレスポンシブWebデザインレイアウトを簡単かつ一貫して作成できるCSSテクニックです。 CSSグリッドは、柔軟なグリッドトラックを作成するために、新しい長さユニット(FR)を導入しました。彼女の学校プロジェクトのために、NUは次のコードを書きました。列の幅が何であると思いますか?
 image
A:1列目は幅50px、2列目は幅150px、3列は幅300pxです。 
c:1列は幅50px、2番目の列は幅300px、3列は幅150pxです。幅は1000pxです。

Options:

  • A
  • B
  • C
  • D
HTML/CSS簡単2分
リンク
次のHTMLでは、クラス「マーク」とのリンクの色はどうなりますか
 image

Options:

  • orange
  • black
  • blue
  • white
HTML/CSS中くらい2分
フッターリスト
Adaface Webサイトのフッター要素に注意してください。これのためにHTMLコードを書くための最良の方法は何ですか?
 image
a)注文リスト
b)nav要素内の順序付けられていないリスト
c)nav要素内の順序リスト
d)並べ替えられていないリスト

Options:

  • A
  • B
  • C
  • D
HTML/CSS簡単2分
オプション
ユーザー向けのHTMLフォームを作成して、「非ベジタリアン」、「エグゲジャリアン」、「ベジタリアン」を選択できるようにする必要があります。ユーザーは、オプションの1つのみを選択できる必要があります。次のオプションのうち、これをコーディングする最良の方法はどれですか?
 image

Options:

  • A
  • B
  • C
  • D
HTML/CSS中くらい2分

How to use the Adaface HTML/CSS Online Test

すぐに数分以内に候補者のスクリーニングを開始します HTML/CSS Online Test

1. あなたの役割に最も適切なテストを選択してください

2. 候補者を招待して評価を完了します

3. リアルタイムの通知を受け取り、最高の候補者を最終候補にします

カスタマイズします Adaface HTML/CSS Online Test あなたの職務記述書によると

1. 48時間以内に500以上のスキルのライブラリからカスタム評価を入手してください

2. 候補者に招待を開始してください

3. リアルタイムの通知を受け取り、最高の候補者を最終候補にします

Adaface HTML/CSS Online Test 世界中の企業から信頼されています

amazon
PayPal
Morgan Stanley
Adidas
SG Government
Neilsen
UCLA
Ernst and Young
Microsoft
WeWork
Bosch
Optimum Solutions
SAP
Doubtnut
Deloitte
HCL
FusionCharts
United Nations
Sokrati
Love Bonito
ZiMetrics
MTM

About the Adaface HTML/CSS Assessment Test

Intelligent Chatbotを搭載したADAFACEスキル評価プラットフォームでHTML/ CSS技術スキルとコーディングスキルを評価する

トピック:

コアHTMLタグ
HTMLページの構造
間隔
テキストのフォーマットと装飾
リスト
テーブル
画像と背景画像
FlexBox
グリッド
ボックスモデル
ポジショニングスキーム
継承
メディアクエリ
CSSプロパティ
擬似クラス
クラス、スパン、部門
テキストプロパティ、マージン、パディング
境界線、背景、透明性
ポジショニング - 相対、絶対、固定、フロート、クリア
z-index
移行
アニメーション
レスポンシブレイアウト
ビデオの埋め込み
アンカー/リンク
テーブルとネストされたテーブル
構築フォーム
iframesの埋め込み
SVGS
ファイル参照
ボタン
入力領域
メニューを選択します
ナビゲーション
フォント
フォーム
前処理者

推奨される役割:

ウェブ開発者
Frontend Software Developer
Senior HTML Web Developer
Front-end Developer
Software Engineer (HTML/ CSS)
Senior Frontend Developer
ウェブデザイナー

このHTML/ CSSオンライン評価テストを使用する理由

HTML/ CSSオンライン評価テストは、業界の専門家によって設計および検証され、技術リクルーターと雇用マネージャーが候補者のHTML/ CSSプログラミングスキルを評価するのを支援します。トップハイテク企業は、HTML/ CSSプログラミングテストを使用して、候補者のスクリーニング時間を85%削減しています。

このテストにより、候補者は次の特性を持っていることを保証します。

  • コアHTMLタグとCSSプロパティの知識
  • 最新のレイアウトでレスポンシブHTMLを作成する機能 - グリッド、FlexBox
  • CSSが舞台裏でどのように機能するかについての知識
  • CSSを備えたHTML要素のスタイリングモックアップに近づくには
    • HTMLの画像、フォント、ビデオの処理
    • 読み取り可能でスケーラブルなHTMLおよびCSSコードを作成します
    • JS DOM操作の理解
    • ハンズオンJavaScriptプログラミング言語

シニアフロントエンド開発者のテストをどのようにカスタマイズしますか?

上級開発者の質問には高度なトピックが含まれ、難易度が高くなります。質問が中級で経験豊富なWeb開発者に基づいているいくつかのトピックを以下に示します。

  • CSSが舞台裏でどのように機能するかについての詳細な知識:カスケード、特異性、継承、価値処理、視覚フォーマットモデル、ボックスモデル、ボックスタイプ、ポジショニングスキーム、およびスタッキングコンテキスト
  • HTMLおよびCSSのレスポンシブ画像は、より高速なページロードのための:解像度スイッチング、密度スイッチング、アート方向。
  • JSを使用したDOM操作
    • 高度なCSSセレクター、擬似クラス、および擬似要素
    • @KeyFrames、アニメーション、トランジションを使用した高度なCSSアニメーション
  • JSベースのアニメーション
  • HTMLおよびCSSのSVG画像:SVGを使用する方法と理由、SVGスプライトの生成、CSSのSVG色の変化とベストプラクティス。
    • 高度なレスポンシブデザイン:メディアクエリ、モバイルファーストVSデスクトップファースト、EM対REMユニット、流体グリッド、レイアウトタイプ、柔軟な画像、メディアクエリを使用して、さまざまな画面幅、ピクセル密度、タッチ機能をテストする
    • 見事なデザインを作成するための最新のCSSテクニック:クリップパス、バックグラウンドクリップ、マスクイメージ、バックグラウンドブレンドモード、シェイプアウトサイド、フィルター、バックドロップフィルター、オブジェクトフィット、変換、列 - カウント、ハイフン、視点、calc()およびカスタムCSSプロパティ。

さらに、JavaScriptスキルの評価に使用されるコーディングの質問は、難易度が高いでしょう。

テストスコアの分布

The actual score distribution will vary based on your candidate pipeline quality, but you should typically expect ~20% of the candidates to do well on Adaface assessments.

評価のスコア分布は、通常の曲線に従います。これは、SATやGREのような正規分布(ベルカーブ)のような適切な標準化されたテストです。

ステータスQuo評価は通常、ベル曲線の正反対を持っています(あまりにも多くの候補者が0に近づき、100人に近づく候補者が多すぎて、中央で候補者が少なすぎます)。これは通常、理論的な質問やトリックの質問に焦点を当てているためです。これは、本質的に非常にバイナリであることです。

Adafaceの違い

Adaface 会話評価 伝統的な評価プラットフォームでは、86%の完了率を反映しており、86%の完了率を確認してください。.

古い方法

従来のテスト

理論的な質問/パズル

テストのように感じます

One-size-fits-all assessments

😞
雇う
週/月

新しい方法

Adaface評価

実地スキルに関する質問

会話

カスタマイズ
評価

😀️
雇う
日々

HTML/CSS Online Test FAQs

HTML/ CSSジョブロールについて

HTML(HyperText Markup Language)は、Webの最も基本的な構成要素です。 Webコンテンツの意味と構造を定義します。 HTML以外の他のテクノロジーは、通常、Webページの外観/プレゼンテーション(CSS)または機能/動作(JavaScript)を説明するために使用されます。

HTML開発者は、ウェブサイトの完全なエンドツーエンドコーディングを担当しています。ユーザーにテクニカルサポートを提供し、プロジェクトをダイレクト、コードWebサイトを作成し、Webベースのアプリケーションを開発し、Webサイトでテストを実行します。彼らは他のコーダー、デザイナー、コンテンツ開発者と協力しています。つまり、コミュニケーションスキルが重要です。 HTML開発者は、デザインをコードに翻訳し、技術文書を作成できる必要があります。

CSS開発者は、洗練されたスタイルの製品をユーザーのブラウザに配信することを主な責任を負うWebプロフェッショナルです。ほとんどすべてのWebサイトでCSSを使用しています。ほとんどのフロントエンドまたはフルスタック開発者でさえ、CSSコードを書くことができます。ただし、すべてのCSSバグを修正したり、HTMLコードを複雑にしたり、JavaScriptに不必要に依存せずに設計を実装できるわけではありません。

HTML/ CSS開発者の責任には通常、次のものが含まれます。

  • デザイナーのモックアップとワイヤーフレームのフロントエンドコードへの翻訳
  • バックエンドフレームワークとのフロントエンド統合
  • 最大速度とスケーラビリティのためにアプリケーションを最適化します
  • すべてのユーザー入力がバックエンドに送信する前に検証されていることを保証します
  • 将来の使用のために再利用可能なコードとライブラリを構築します
  • さまざまなバックエンドサービスとデータベースからデータを統合します
  • 視覚的なデザインの意図に合わせてWebデザイナーと協力してください

JavaScriptとHTML/ CSSを評価できますか?

はい。同じ評価でJavaScriptとHTML/ CSSの評価をサポートしています。標準の既製の[JavaScript、html/css](https://www.adaface.com/assessment-test/javascript-html-test)テストを確認して、評価の設計方法を理解できます。カスタマイズされた評価については、職務内容に従って質問を設計し、最終テストではJavaScript、HTML/ CSS、およびコーディングスキルを一緒に評価します。

React/ Angular/ VueなどのHTML/ CSSとともにFrontEndフレームワークを評価できますか?

カスタム評価とは何ですか?

すべての役割は異なり、トップ候補を効率的に識別するためにカスタム評価が必要です。 Adafaceの主題専門家は、職務記述書/役割要件を理解し、10000以上の質問のライブラリから最も関連性の高い質問を選択して、候補者パイプラインの資格のある候補者をすぐに見つけるのに役立つ技術評価を作成します。すべてのカスタム評価は、職務内容、役割の要件、必須スキル、経験レベル、給与の範囲に最大48時間以内に設定され、公開されると電子メール通知が表示されます。

サンプル評価[こちら](https://www.adaface.com/app/dashboard/login?show=signup)をご覧ください(クレジットカードは不要)。

複数のスキルを1つのカスタム評価に組み合わせることはできますか?

そのとおり。カスタム評価は、職務内容に基づいて設定され、指定したすべての必須スキルに関する質問が含まれます。

Adafaceは他の評価ツールとどう違うのですか?

現状の技術評価プラットフォームは、企業がエンジニアを評価するための公正な方法ではないと考えています。私たちは、役割に必要な実地スキルを評価することにより、企業が優れたエンジニアを見つけるのを支援するためにAdafaceを開始しました。 [Adafaceを始めた理由](https://www.adaface.com/about-us/)の詳細を読んでください。

Adafaceの違いは次のとおりです。

  • 理論的知識とは対照的に、実地スキルをテストする高品質の非グーグル不可能な質問。
  • 候補者に「テスト」を送信する代わりに、チャットボットを使用した友好的な会話評価。これは、より高い完了率に変換されます。従来のテスト(40〜50%の候補者の完了率)とは対照的に、ADAFACE評価(候補者の完了率86%)
  • さまざまなエクスペリエンスレベルでの700以上のスキルのカスタマイズされた評価。

アンチチートまたは監督の機能はありますか?

次のアンチチート機能があります。

  • Webの提案
  • ウェブカメラの監督
  • 疫病検出
  • グーグル不可能な質問
  • 安全なブラウザ

[プロクチャリング機能](https://www.adaface.com/proctoring)の詳細をご覧ください。

テストスコアを解釈するにはどうすればよいですか?

留意すべき主なことは、評価が選択ツールではなく排除ツールであることです。スキル評価は、技術的にその役割の資格がない候補者を排除するのに役立つように最適化されており、その役割の最良の候補者を見つけるのに役立つように最適化されていません。したがって、評価を使用する理想的な方法は、しきい値スコア(通常は55%、ベンチマークを支援します)を決定し、インタビューの次のラウンドのしきい値を超えてスコアを上回るすべての候補者を招待することです。

このテストを使用できますか?

各ADAFACE評価は、職務記述書/理想的な候補者のペルソナにカスタマイズされます(当社の主題の専門家は、10000以上の質問のライブラリからあなたの評価に適切な質問を選択します)。この評価は、あらゆる経験レベルでカスタマイズできます。

すべての候補者は同じ質問を受け取りますか?

私は候補者です。練習テストを試すことはできますか?

いいえ。残念ながら、現時点では練習テストをサポートしていません。ただし、[サンプルの質問](https://www.adaface.com/questions)を使用するには、練習できます。

このテストを使用するコストはいくらですか?

無料トライアルを受けることはできますか?

プラットフォームは完全にセルフサービスなので、次の方法を次に示します。

私はちょうど有料プランに移りました。カスタム評価をリクエストするにはどうすればよいですか?

リクルーターがAdafaceに切り替えている理由

"競合他社のいくつかを評価し、Adafaceが最も説得力があることがわかりました。アルゴリズムの記憶よりも適合をテストするように設計された質問の優れたデフォルトライブラリ。"

続きを読む

雇用前テストの究極のガイド

それが何であるか、タイプと利点、それらに対する留保、候補者の友好的な評価とAIツールの台頭、およびあなたの会社で雇用前テストを実施するためのベストプラクティス.

続きを読む

エンジニアがコーディングテストを行わない理由

今日、ほとんどのエンジニアはコーディングテストを完了するというアイデアに眉をひそめ、50%を超えるストレートアウトは、現状評価を行うことを拒否します(海の100以上の企業との研究に基づく).

続きを読む

Adafaceを使用すると、初期スクリーニングプロセスを75%以上最適化することができ、採用マネージャーと人材獲得チームの両方にとって貴重な時間を解放しました!


Brandon Lee, 人々の頭, Love, Bonito

hashtag image heart icon Brandon
Join 1200+ companies in 75+ countries.
今日、最も候補者のフレンドリーなスキル評価ツールをお試しください。
Adafaceについて質問があります HTML/CSS Online Test?
Adafaceについて質問があります HTML/CSS Online Test?
私たちとしゃべる ✨
市場で最も候補者の友好的な評価ツール