コンテンツへスキップ

CSS interview questions and tests

CSS is a style sheet language designed to describe the appearance of a document created using a markup language, for example, HTML, XHTML or other XML-based languages. Using our CSS interview questions and tests you can verify the skills of web designers and web programmers, regardless of the preferred programming language (PHP, Perl, Java).

The level of questions of DevSkiller CSS interview questions and programming tasks varies from Junior to Senior. In order to pass all the questions and tasks, your candidate has to have the knowledge of some markup language, for example, HTML (HyperText Markup Language) and the basics of developing applications for the web.

対象となる技術

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

Java 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.

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

In addition, check out these JavaScript programming questions.

CSS interview questions

DevSkiller prepares CSS interview questions to aid recruiters in hiring CSS developers. Our tests present developer candidates with CSS challenges that are structured to accurately screen their CSS skills and find the right candidate for the role. DevSkiller prepares CSS interview questions for experienced candidates, as well as mid-level and junior developers.

DevSkiller CSS interview questions are unique in that they are powered by the RealLifeTesting™ methodology. RealLifeTesting™replicates the real-world scenarios CSS developers encounter in their everyday work, and presents them with appropriate CSS tasks to work on. DevSkiller CSS interview questions can save you time and money in your search for a new CSS developer.

Recommended roles for our CSS interview questions

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

How DevSkiller CSS interview questions work

Our CSS interview questions allow recruiters to analyze an applicant’s CSS skills, within a predetermined test environment. RealLifeTesting™ allows developers to accurately demonstrate their CSS knowledge, coding ability, problem-solving, and time-management skills.  RealLifeTesting™ offers a much more accurate way of assessing developers than traditional algorithmic tests. One of the great additional benefits of DevSkiller testing is that tests are carried out remotely, saving time and money.

主な特徴

  • 学力だけでなく、コーディング能力を分析する
  • CSS interview questions are accessed remotely saving time and money
  • RealLifeTesting™の方法論は、受験者が自分のIDEを使用し、GITにクローンし、ユニットテストを実行し、研究のためにStack Overflow/Github/Googleにアクセスできる、より優れたユーザーエクスペリエンスを提供します。
  • Anti-plagiarism tools ensure test accuracy
  • リアルタイムでテストを観察する
  • 技術者でない採用担当者にも理解できる自動化された結果
  • Tests available for junior, middle, and senior-level positions

Skills covered with DevSkiller CSS interview questions

  • CSS
  • ES6
  • Functional
  • Html
  • ジャバスクリプト
  • Accessibility
  • WCAG 2.0
  • ウェブ・アクセシビリティ
  • ピーディーオー
  • AJAX
  • 約束
  • ウェブ開発

What to look for in a CSS developer

CSS (Cascading Style Sheets) provides a standard definition for how elements on a page appear. This allows developers to define a standard look on a page so that whenever they create a new element, all of the same design standards remain intact. This means that new elements like colors and fonts, will be consistent across the page. CSS and HTML together make up much of the bulk of the World Wide Web, so your developer needs to know more than just the basic CSS skills.

The basics of CSS are actually quite simple, but some areas require extra effort. For instance, basic coding in CSS is easy, but it can be time-consuming, so frameworks are in place to speed up the process. Your CSS developer will need to have a good knowledge of these frameworks. The most popular Frameworks are Bootstrap (v4) and Foundation (latest version 6).

Your candidate should also be up to date with the latest version of CSS and should be aware of the modules and new selectors introduced in CSS 3.

It is vital that your CSS developer is knowledgeable when it comes to various aspects of the front end tech stack, other than the frameworks listed above. This includes knowledge of the CSS preprocessors, tooling, and CSS animations. It will also be beneficial if they can tell you a little about the CSS Flexbox model, CSS grid, and CSS Box model, all varying components that make up the knowledge of any good CSS developer.

お気に召しましたか?

It is perfectly acceptable to think that DevSkiller CSS interview questions sound great, but to still want to get more out of them. Maybe you want to test your applicants with your own custom made CSS interview questions? No problem.

The DevSkiller online task wizard comes prepared with default settings and ready to take CSS  CSS interview questions, but you can also build your own customizable tests. This option allows you to take DevSkiller testing further. You can choose the languages you assess, allocate a specific time limit, and even set the difficulty level of each question about CSS.

Want proof that CSS interview questions work?

It can be nerve-wracking deciding the best way to invest your company’s money, after all, investment in our screening tool is a big decision for every business. If you’re still unsure, read what some of our customers have to say:

ジュリアン・ゴーティエ CriteoのEMEA人材獲得マネージャー

「DevSkillerは3地域(US/APAC/EMEA)の15拠点で使用しています。TA(採用担当者)は各地域で7名が頻繁に利用しており、テクニカル採用担当者はその時々のニーズに応じて使い分けています。30人以上が、一度このプラットフォームにログインし、課題の確認やテストの作成を行っています。"

Richard Williams – VP of engineering at Plutora

“Thanks to automating the screening stage, we were able to reduce the interview rate by 50%. At the same time, the quality of candidates who make it to the interview stage is now much greater. DevSkiller adds an extra layer of quality to our technical hiring process”

マグダレーナ・ロゴ - コディラ副マーケティング・マネージャー

"DevSkillerをテストの採点に使用することで、2倍のコスト効率になると同時に、生徒たちはより良いテストを受けることができ、将来の採用試験に備えることができます。"

よくある質問

Do I need to be a programmer to use DevSkiller CSS interview questions?

Devskiller CSS interview questions are deliberately designed to be as simple to use as possible. Our aim is for non-technical recruiters to be able to efficiently hire developers to fill even the most experienced developer positions. Our CSS interview questions are prepared by our experts to allow non-technical users to send out tests and verify the CSS skills of candidates of any level of expertise.

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

At DevSkiller we take plagiarism seriously and take every precaution to make sure the results of our CSS interview questions are trustworthy. We implement a number of tools to assess candidates for cheating, including screen recording and a range of social listening tools. Our automatic plagiarism detector also checks the code a candidate has entered against previous answers in our database and if there is a match, it is because the candidate has cheated.

What do candidates think of our CSS interview questions?

At DevSkiller the feedback we receive from developer candidates for our online tests is overwhelmingly positive. Candidates love the structure of our tests and like that they are being given a chance to prove their actual CSS skills, rather than simply being tested on algorithms. Occasionally candidates can be a little apprehensive at first, but this is usually because they have taken academic algorithmic tests in the past, that don’t test the skills they use day to day and they expect DevSkiller testing to be similar. Once they realize the difference, they relish having the opportunity to show what they can do.

テスト期間は?

The duration of each CSS test depends on your preferences. DevSkiller testing comes with in-built default settings, or if you prefer you customize your tests and set your own test duration. It is also possible to set time limits for individual questions within the tests themselves.