コンテンツへスキップ

HTML and CSS online tests

DevSkiller HTML and CSS online tests are prepared by our expert team, to aid in the recruitment of developers of all levels of experience. CSS and HTML tests are specially designed, making them the perfect tool to help you find the perfect candidate for your business.

All DevSkiller HTML and CSS online tests are powered by the RealLifeTesting methodology, a unique testing method that reflects the real-world scenarios developers face every day and replicates these in a controlled test environment. Finding your next developer is quick and hassle-free with our range of HTML and CSS online tests.

Not what you need? Try these:
Vue.jsのテストと採用面接の質問
Angular 2 online tests
採用担当者と開発者のためのReactオンライン・コーディング・テスト
PHP Developer Interview Questions and Online Tests
Web development online coding tests & interview questions

対象となる技術

プログラミング言語: HTML, CSS

HTML and CSS frameworks and libraries: Bootstrap, Foundation

ツールを作る: NPM

タイプスクリプト
ジュニア
テストされたスキル
期間
51 分以内。
評価
自動
テスト概要

選択問題

の知識を評価する。 タイプスクリプト

コードギャップ

の知識を評価する。 ジャバスクリプト, 反応

選択問題

の知識を評価する。 HTML, CSS

プログラミングタスク - レベル:簡単

TypeScript | React Hooks | Movies State Management - React Hooksを使って既存のビューに状態管理を実装し、完全な動画管理アプリケーションを完成させる。

.NET
シニア
テストされたスキル
期間
49 分以内。
評価
自動
テスト概要

選択問題

の知識を評価する。 .NET, C#, Message Patterns, WCF, Web applications & Web Services, Windows Communication Foundation, Metadata

コードギャップ

の知識を評価する。 HTML, HTML5, CSS

プログラミング・タスク - レベル: ハード

.NET | RSA Decryption WCF Service - Finish implementation of the WCF interface which can decrypt and verify data encrypted using RSA.

ジャバスクリプト
ミドル
テストされたスキル
期間
62 分以内。
評価
自動
テスト概要

選択問題

の知識を評価する。 ジャバスクリプト, リダックス

コードギャップ

の知識を評価する。 HTML, HTML5, CSS

プログラミング・タスク - レベルミディアム

JavaScript|Reduxセレクタ|人事部研修 - reduxのリデューサとセレクタを正しく実装しましょう。

ジャバスクリプト
シニア
テストされたスキル
期間
85 分以内。
評価
自動
テスト概要

プログラミング・タスク - レベル: ハード

HTML/CSS | Home Page - Complete CSS property definitions so the page displays the appropriate splash loader screen before it displays the home page.

プログラミング・タスク - レベル: ハード

JavaScript | Functional memoization - Write the two versions of generic memoization mechanism.

品質保証
ジュニア
テストされたスキル
期間
53 分以内。
評価
自動
テスト概要

選択問題

の知識を評価する。 品質保証, .NET, C# そして セレン

コードギャップ

の知識を評価する。 品質保証, .NET, C# そして セレン

プログラミングタスク - レベル:簡単

QA | .NET, Selenium | Firefox Driver | Selenium tests for Login Page - Implement selenium tests for the login page: check HTML components, CSS styles, set the value of the input fields, and click on the button on the page.

Angular 2+
シニア
テストされたスキル
期間
53 分以内。
評価
自動
テスト概要

コードギャップ

の知識を評価する。 Angular2+, ジャバスクリプト

選択問題

の知識を評価する。 HTML

プログラミング・タスク - レベル: ハード

JavaScript | Angular 2+ | Router Role Based Access Control - Prepare a simple RBAC for routes and components.

Vue.js
ミドル
テストされたスキル
期間
70 分以内。
評価
自動
テスト概要

選択問題

の知識を評価する。 ジャバスクリプト, Vue.js

プログラミング・タスク - レベルミディアム

JavaScript | Vue.js | Contact Form - Finish the form so it has all the following features: user can log in, so name and email are filled-in after the form is sent a 'Thank You' message should appear.

Vue.js
ジュニア
テストされたスキル
期間
65 分以内。
評価
自動
テスト概要

選択問題

の知識を評価する。 ジャバスクリプト, HTML, CSS

プログラミングタスク - レベル:簡単

JavaScript | Vue.js | Calendar Notes - Implement an application with which the user can add a note for a date they choose from a calendar.

ジャバスクリプト
シニア
テストされたスキル
期間
57 分以内。
評価
自動
テスト概要

選択問題

の知識を評価する。 ES6, ジャバスクリプト, HTML, CSS, Accessibility

プログラミング・タスク - レベル: ハード

JavaScript | Functional memoization - Write the two versions of generic memoization mechanism.

PHP
ミドル
テストされたスキル
期間
60 分以内。
評価
自動
テスト概要

コードギャップ

の知識を評価する。 SQL

選択問題

の知識を評価する。 ES6, ジャバスクリプト, CSS, HTML, WCAG 2.0, ウェブ・アクセシビリティ

プログラミング・タスク - レベルミディアム

PHP | Categories Repository - 映画に関する有効な結果をユーザーに返すPDOクエリを実装する。

HTML
シニア
テストされたスキル
期間
133 分以内。
評価
自動
テスト概要

選択問題

の知識を評価する。 AJAX, ジャバスクリプト, ウェブ開発, ES6, タイプスクリプト, CSS, HTML

プログラミング・タスク - レベル: ハード

JavaScript|ソーシャルメディアクエリ|名前から友達を検索する - 名前からユーザーの友達を検索する関数を実装します。

プログラミング・タスク - レベル: ハード

CSS/HTML - Flexboxナビゲーションバー - 完全なCSS定義とFlexboxを使用してコンポーネントをレイアウトします。

PHP
ジュニア
テストされたスキル
期間
41 分以内。
評価
自動
テスト概要

コードギャップ

の知識を評価する。 SQL, CSS, HTML

選択問題

の知識を評価する。 ジャバスクリプト

プログラミングタスク - レベル:簡単

PHP | Faker | 基本的なデータ操作 - app/Faker クラスのすべてのメソッドを実装する。

パイソン
ミドル
テストされたスキル
期間
168 分以内。
評価
自動
テスト概要

選択問題

の知識を評価する。 CSS, HTML

プログラミング・タスク - レベルミディアム

Python|Django|休暇申請アプリケーション|基本的なCRUD - Djangoフレームワークを使用して、従業員の休暇申請を管理するためのアプリケーションを完成させます。

プログラミング・タスク - レベルミディアム

JavaScript|ソーシャルメディアクエリ|「いいね!」候補を探す - 「いいね!」候補とされる本を探す関数を実装する。

パイソン
ジュニア
テストされたスキル
期間
65 分以内。
評価
自動
テスト概要

選択問題

の知識を評価する。 CSS, HTML

プログラミングタスク - レベル:簡単

Python | Django | Currency Exchange Service - Finish implementation of ジャンゴ application for currency exchange by modyfing CBV views and completing service logic.

プログラミングタスク - レベル:簡単

JavaScript | Orders analyzer | Find an average ordered quantity for every weekday - Implement a method that will analyze orders dataset and return a map with average ordered quantity of a product for every weekday.

ジャバスクリプト
ミドル
テストされたスキル
期間
95 分以内。
評価
自動
テスト概要

選択問題

の知識を評価する。 CSS, HTML

プログラミング・タスク - レベルミディアム

JavaScript|受注アナライザ|曜日ごとの平均受注額を求める - 曜日名をキーとし、平均受注総額をマップとして返すメソッドを実装する。

プログラミング・タスク - レベルミディアム

HTML/CSS - Flexbox navigation bar - Complete CSS definition and use Flexbox to layout components

CSS
ジュニア
テストされたスキル
期間
22 分以内。
評価
自動
テスト概要

選択問題

の知識を評価する。 CSS

コードギャップ

assessing knwledge of HTML

プログラミングタスク - レベル:簡単

CSS | Basic DIV styling - Edit CSS style sheet using basic CSS rules and properties. Please note that this task can be completed only in the in-browser IDE

パイソン
ミドル
テストされたスキル
期間
70 分以内。
評価
自動
テスト概要

プログラミング・タスク - レベルミディアム

Python | Gallery Application - Finish the implementation of the CRUD functionality using CBV.

選択問題

の知識を評価する。 HTML, WCAG 2.0, ウェブ・アクセシビリティ, CSS

Recommended roles for HTML and CSS online tests

  • フロントエンド開発者
  • Full-stack developer
  • HTML developer
  • CSS developer
  • HTML/CSS developer
  • Junior frontend developer
  • Middle frontend developer
  • Senior frontend developer
  • Graphic designer
  • ウェブ開発者

How our HTML and CSS online tests work

DevSkiller HTML and CSS online tests are powered by the RealLifeTesting methodology, a  unique method of testing designed to provide you with a clear understanding of your applicants’ coding ability, critical thinking, and time-management skills. This can all be done during the screening process, saving you time and money on unnecessary interviews.

主な特徴

  • Rather than focus solely on academic qualifications, DevSkiller HTML and CSS online tests offer a clear insight into your applicants’ coding skills
  • Remote testing saves time and money
  • Observe HTML CSS tests in real-time
  • 実生活テスト 方法論は、候補者が自分のIDEを使用し、GITにクローンし、ユニットテストを実行し、研究のためにStack Overflow/Github/Googleにアクセスできる、より優れたユーザーエクスペリエンスを提供する。
  • Stringent Anti-plagiarism tools enforced to ensure accurate testing
  • Automated, non-technical results that are clear and concise
  • HTML CSS tests for all levels of experience

Skills covered in our HTML and CSS online tests

  • CSS
  • html
  • ジャバスクリプト
  • WCAG 2.0
  • ウェブ・アクセシビリティ
  • ES6
  • ピーディーオー
  • 約束
  • ウェブ開発
  • ジット
  • HTML 5
  • jQuery

What to look for in HTML and CSS developers

HTML and CSS are two of the most fundamental coding languages and the majority of web developers possess at least a basic understanding of both. One might argue that while it may be easy to get to know the basics of HTML and CSS, getting to know the advanced applications of either language, requires a little more skill and understanding.

It is also important how knowledgeable and up to date your candidate is with regards to various other components of the front end tech stack, including CSS preprocessors (Sass, CSS-Crush) and HTML 5 frameworks (Skeleton, Kickstart). It will also be helpful if your developer can demonstrate knowledge of animations, including being able to demonstrate skills in Responsive Web Design (RWD) and finally, in a11y (accessibility), which has to do with the way websites are built to account for people with disabilities. The aim is to make web pages easier to digest for those who have disabilities.

Customize your own HTML and CSS online tests

You can tailor DevSkiller  HTML and CSS online tests to suit your needs. You can set the language tested, the difficulty level, and the duration. You can even monitor your applicants’ process in real-time.  HTML and CSS online tests are carried out remotely, meaning your applicants can take the HTML CSS tests anywhere.

Still unsure about our HTML and CSS online tests

If this HTML and CSS online tests sound good but you need a little convincing, have a look at the following case study:

ImpacTech develops Business Intelligence solutions driven by Big Data in combination with Artificial Intelligence.

Before turning to DevSkiller, ImpacTech’s entire recruitment process was carried out offline. It was difficult to evaluate a candidate’s skills based on an interview alone, meaning more interviews than were necessary had to be carried out. The whole process was slow and inefficient and 198 interviews were used to make only 28 hires. DevSkiller changed all that.

DevSkiller’s testing allowed ImpacTech to whittle down candidates by 83%, resulting in 39% less interviews being carried out, saving valuable time. DevSkiller’s automated evaluation process allowed Impactech to effortlessly work out which candidates possessed the right skills.

Ivana Nikolic HR Manager at ImpacTech

“DevSkiller is a time-saver for all the parties involved. We were able to improve our quality of hires, hiring diversity, and cost per hire”

“After switching to DevSkiller, non-viable candidates are now eliminated much earlier in the recruitment process, thus saving us valuable time. Additionally, automatic evaluation done by DevSkiller itself has also saved time”

よくある質問

RealLifeTestingとはTM?

実生活テストTM methodology is at the heart of all DevSkiller testing, including HTML and CSS online tests. RealLifeTestingTM revolves around a principle of testing a developer’s skills by recreating the challenges they would face in their daily work. By doing this, RealLifeTestingTM can provide a more holistic view of each applicant’s skills, much more than with traditional game-like quizzes, or algorithmic puzzles.

The kind of skills each candidate is required to pass include possessing a good knowledge of coding, the ability to understand resources like Stack Overflow, and showing critical thinking.

Results are automatically generated, making the tests an efficient way to screen candidates.

How do candidates take HTML and CSS online tests?

One of the main advantages of DevSkiller is tests are accessed remotely, meaning candidates can work at a time and place most convenient to them. Recruiters can set time-limits if required progress can be monitored in real-time. Tests are then automatically evaluated.

While working, candidates can use our state of the art in-browser IDE or complete the project on their favorite IDE and then clone the project to GIT. During the test, candidates can run unit tests to ensure their solutions work.

How long does it take to set up DevSkiller for HTML and CSS online tests?

Setting up your first HTML and CSS online test takes as little as 5 minutes. DevSkiller has an extensive library of pre-defined CSS and HTML tests, meaning that all you have to do is set up your account and you can start testing candidates straight away.

Do I need to be a programmer to use DevSkiller HTML and CSS online tests?

Certainly not. We made our DevSkiller HTML and CSS online tests as simple to use and as automated as possible, doing the hard work for you. Our tests are prepared ready-to-use and are designed to allow users to verify the technical skills of the candidates screened, without requiring technical knowledge themselves. If you do have someone more tech-savvy on-site, you can even prepare a test from scratch.

盗作についてはどうしますか?

Plagiarism is a serious matter and we treat it that way. DevSkiller tests are automatically evaluated and at the same time, scanned for any duplications in coding that may be replicated from past tests. We can also monitor tests using screen recording to make sure the candidate is looking at only one screen during testing, check a candidate’s IP address, and use live pair notifications. With all of these tools combined, we can categorically rule out the chance of deception when it comes to test results.