Топ 10 вопросов CSS и HTML, которые нужно задать респонденту?

Question

Какими должны быть 10 лучших вопросов CSS и HTML, которые нужно задать интервьюируемому? Чтобы проверить свой уровень знаний, если респондент упомянул 2 года. опыт работы с XHTML и CSS .

Edit:

как мы можем узнать возможность создания кросс-браузерного макета для интервьюируемого? Мой вопрос касается только xhtml css-кодирования, а не дизайна

Answer 1

1. Что такое блочная модель CSS?
2. В чем разница между режимом причуд, стандартным режимом и почти стандартным режимом?
3. Расскажите мне о hasLayout.
4. Какая наиболее подходящая разметка для: навигационного меню; картинная галерея; сообщение в блоге. (Почему? Можете ли вы придумать какие-нибудь альтернативы? Возможно, было бы неплохо нарисовать их на доске или что-то в этом роде)
5. В чем разница между

   Foo

   и

   Foo

   ?
6. Почему это плохая идея ?: Bar
7. Опишите, как установить непрозрачность и как она будет отображаться в Gecko, WebKit и IE.
8. Как вы можете установить несколько свойств для текстовых полей по умолчанию?
9. Дизайн требует PNG-файлов с альфа-прозрачностью, с какими проблемами вы можете столкнуться?

Некоторые из них такие же, как вопросы Зоула, за исключением немного другого угла - я стремился к вопросам, которые могли бы привести к некоторой дискуссии.

Answer 2

1. Почему стоит разделять HTML и CSS?
2. В чем разница между встроенными и блочными элементами?
3. Для чего нужен doctype?
4. В чем разница между классами и идентификаторами?
5. В чем разница между полем и отступом?

Их должно быть более чем достаточно, чтобы узнать, сколько кандидатов знает о браузерах, стандартах и ​​причинах HTML и CSS. Может быть, вы могли бы добавить некоторые поплавки, позиционирование и тому подобное, если вы хотите проверить детальные знания CSS.

Обновление: Дело, конечно, в том, какой ответ вы получите. Если вы спросите о полях и отступах, и вы получите четкое изображение содержимого блока, добавленных полей, границ и полей, возможно, сворачивающихся на фоне другого блока, вы знаете, что парень знает, о чем говорит. То же самое касается всех других вопросов.

Answer 3

Помимо вопросов, касающихся HTML / CSS / JS или вопросов, связанных с решением проблем, я бы также спросил, какие инструменты она / он использует для выполнения задачи. Он часто дает хорошее представление о том, «как» кто-то работает, и дает хорошую / расслабленную комнату для обсуждения. У хороших разработчиков всегда есть хорошие и острые инструменты.

Answer 4

Никакое количество вопросов в коротком интервью не определит уровень квалификации человека. И есть вопрос об инновационных качествах человека, который может не проявиться в интервью. Некоторые люди могут быть замкнуты и стеснительны или страдают от волнений при опросе, другие могут быть болтливыми людьми с небольшим содержанием. Существует также проблема задавать объективные вопросы, а не мнения.

Если я пойду на прослушивание, чтобы присоединиться к симфоническому оркестру, и скажу им, что я играю на скрипке в течение 20 лет, они не спросят меня о строительстве моста или лучшем материале для струн для смычков. Они дают мне партитуры и просят меня сыграть.

Я предлагаю создать простую веб-страницу, которая требует техник, упомянутых в ответах выше, показать ее кандидату и попросить кандидата воспроизвести ее за 30 минут с помощью блокнота. Это разберут опытного от новичка.

Answer 5

За последние пару лет я прошел ряд тестов, и, честно говоря, на самом деле нет никаких вопросов, которые можно задать, чтобы судить, насколько хорошо кто-то умеет кодировать в HTML и / или CSS.

Во-первых, если собеседник утверждает, что написал веб-страницы за последние пару лет, попросите пару примеров. Если возможно, попросите его / ее написать вам по электронной почте, распечатать их и попросить пользователя объяснить и критиковать все о них. Полностью разорвать все, что касается их предыдущей работы, и заставить их объяснить все, что они могут об этом.

Как только это будет сделано, пользователю следует дать небольшую задачу, связанную с разработкой веб-страницы. Дайте им сетевой компьютер и очистите историю, затем дайте им пару веб-страниц, которые будут построены за n минут. Скажите им задокументировать, что они решат сделать и какие ресурсы они будут использовать, и просто дайте им покончить с этим. Через некоторое время проверь их рекомендации и посмотри на результат. Пользователь никогда не сможет выполнить свою лучшую работу за такое короткое время, но вы сможете увидеть, насколько они эффективны по качеству своей работы.

Как только это будет сделано, дайте им сломанную веб-страницу и дайте им немного времени, чтобы починить ее до уровня соответствия стандартам. Это должно быть легкой задачей для большинства при правильном использовании их инструментов.

Очевидно, что это не точная наука, но ряд этих методов всегда находил подходящих кандидатов для многих компаний, и кажется, что многие места веб-дизайна в настоящее время редко задают вопросы и переходят к простым практическим упражнениям, чтобы гарантировать, что интервьюируемый может делать то, что от них требуется.

Answer 6

Технические

Попросите человека создать простую страницу с верхним колонтитулом, макетом из двух столбцов и нижним колонтитулом, каждый столбец которого имеет различный цвет фона, распространяющийся на нижний колонтитул. Получите их, чтобы перевернуть колонки по завершении.

Несколько хитрых вопросов.

Как абсолюты влияют на поток?

Как поплавки влияют на поток?

(нет)

В чем два практических различия между относительным и статическим?

Определите их интерес к CSS и HTML с помощью «Что такое семантическая сеть и почему она важна?» Например, люди должны с энтузиазмом говорить о том, чтобы донести информацию до слепых. Люди, которые действительно работают в HTML и CSS и знают свое дело, как правило, увлечены тем, как информация доступна для всех.

IMO, кросс-браузерные проблемы становятся все менее важными, так как все больше людей используют современные браузеры, которые соответствуют стандартам.

Спросите об их интересе к дизайну. Хорошее понимание концепций дизайна имеет тенденцию быть важным при работе в команде - программист с чувством дизайна может сообщить, почему такой дизайн не может хорошо работать на веб-сайте, и может лучше объяснить некоторые ограничения.

Спросите: что вы думаете о вспышке: -)

Answer 7

1. В чем вы видите основные различия между html и xhtml?
2. Есть ли преимущества использования одного над другим?

Answer 8

1. Какие существуют способы применения стилей к веб-странице?
2. Что такое группировка в CSS?
3. Что такое контекстный селектор?
4. Каковы ограничения в использовании CSS?

как и выше, есть более 50 удивительных вопросов, которые доступны здесь через который может быть взломано любым интервью, связанным с CSS. Топ интервью CSS вопросы и ответы

Это также помогает прояснить концепцию CSS.

Answer 9

Ниже 40 вопросов, которые вы можете задать человеку конкретно с точки зрения HTML 5.

http://www.codeproject.com/Articles/702051/important-HTML-Interview-questions-with-answe

Какая связь между SGML, HTML, XML и HTML?

В HTML 5 нам не нужен DTD, почему?

Если я не поставлю, будет ли работать HTML 5?

Какие браузеры поддерживают HTML 5?

Чем структура страницы HTML 5 отличается от HTML 4 или предыдущего HTML?

Что такое datalist в HTML 5?

Какие существуют новые типы элементов формы в HTML 5?

Что такое выходной элемент в HTML 5?

Что такое SVG?

Можем ли мы увидеть простой пример SVG с использованием HTML 5?

Что такое холст в HTML 5?

Так как мы можем нарисовать простую линию на холсте?

В чем разница между Canvas и SVG-графикой?

Как нарисовать прямоугольник, используя Canvas, и SVG, используя HTML 5?

Что такое селекторы в CSS?

Как применить стиль CSS с использованием значения идентификатора?

Какая польза от расположения колонок в CSS?

Можете ли вы объяснить блочную модель CSS?

Можете ли вы объяснить некоторые текстовые эффекты в CSS 3?

Что такое веб-работники и зачем они нам нужны?

Каковы ограничения потока Web Worker?

Так как нам создать рабочий поток в JavaScript?

Как прекратить работу веб-работника

Зачем нам нужны события, отправляемые сервером HTML 5?

Что такое концепция локального хранилища в HTML 5?

Как мы можем добавлять и удалять данные из локального хранилища?

Каков срок службы локального хранилища?

В чем разница между локальным хранилищем и файлами cookie?

Что такое хранилище сеансов и как его создать?

В чем разница между хранилищем сеансов и локальным хранилищем?

Что такое WebSQL?

Является ли WebSQL частью спецификации HTML 5?

Так как мы можем использовать WebSQL?

Что такое кэш приложения в HTML5?

Так, как мы реализуем кэш приложения в HTML 5?

Так как же нам обновить кеш приложений браузера?

Что такое откат в кэше приложений?

Что такое сеть в кеше приложения?

Answer 10

1. О HTML5 и его функциях.
2. метод добавления CSS в HTML.
3. Новые возможности CSS3.
4. Совместимость браузера с CSS3.
5. Другой тип селектора в CSS.
6. Отличается между селектором класса и идентификатора.
7. Другой тип единицы измерения в CSS
8. Форма HTML5 и другой тип параметра ввода.
9. HTML-флажок, выбор, радио, теги кнопок и их использование.
10. Стилизация простой страницы