Лучшие 10 вопросов CSS и HTML, чтобы спросить собеседника?

Ответ 1

• Что такое модель окна CSS?
• В чем разница между режимом quirks, стандартным режимом и почти стандартным режимом?
• Расскажите мне о hasLayout.
• Что было бы наиболее подходящей разметкой для: навигационного меню; картинная галерея; сообщение в блоге. (Почему? Можете ли вы подумать о некоторых альтернативах? Может быть, это хорошо сделать на доске или что-то в этом роде).
• Какая разница между < p class= "main_header" > Foo </p> и < h1 class= "main_header" > Foo </h1 > </li>
• Почему это плохая идея?: < span class= "red" > Bar </span>
• Опишите, как установить непрозрачность и как она появится в Gecko, WebKit и IE.
• Как вы можете установить несколько свойств в текстовые поля по умолчанию?
• Дизайн требует png файлов с альфа-прозрачностью, с какими проблемами вы столкнетесь?

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

Ответ 2

• Почему это хорошая идея для разделения HTML и CSS?
• В чем разница между встроенными и блочными элементами?
• Что такое доктрины?
• В чем разница между классами и идентификаторами?
• В чем разница между полями и отступом?

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

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

Ответ 3

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

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

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

Ответ 4

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

Ответ 5

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

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

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

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

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

Ответ 6

• Что вы видите в качестве основных различий между html и xhtml?
• Есть ли преимущества в использовании одного над другим?

Ответ 7

Технический

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

Несколько вопросов, которые сложны.

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

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

(они этого не делают)

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

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

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

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

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

Ответ 8

Ниже приведены 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 с использованием значения ID?

Какова польза раскладки столбцов в CSS?

Можете ли вы объяснить модель окна CSS?

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

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

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

Итак, как мы создаем рабочий поток в JavaScript?

Как завершить работу веб-мастера

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

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

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

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

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

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

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

Что такое WebSQL?

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

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

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

Итак, как нам реализовать кеш приложения в HTML 5?

Итак, как мы обновляем кеш приложения в браузере?

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

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

Ответ 9

• Каковы различные способы применения стилей к веб-странице?
• Что такое группировка в CSS?
• Что такое контекстный селектор?
• Каковы ограничения использования CSS?

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

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

Ответ 10

Нечетный никто еще не упомянул об этом...

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

Я считаю, что реальные примеры были бы лучшим показателем для фактического мастерства в этом случае. Люди могут легко узнать различные подробности о HTML и CSS, но возможность их применения - совсем другое дело. Он также должен продемонстрировать свою способность писать кросс-браузерный код (просто откройте свои примеры в IE, FF, Opera, Safari/Chrome)

Ответ 11

• Знаете ли вы, как очищать поплавки?
• Напишите простой вложенный список.
• Попросите их сделать простой макет (header, 2 col, footer) и включить данные таблицы. Посмотрите, если они сходят с ума, стол сумасшедший или придерживаются того, что правильно.
• Какая разница между классом и элементом?
• Когда они делают макет, внимательно посмотрите на то, что они называют своими классами. Если они специфичны для макета ( "левый столбец", "нижний раздел", "красный ящик" ), а не структурный ( "столбец", "заголовок", "нижний колонтитул", "навигация" ) неверно.
• Если ответ на 1. "с помощью очищающих divs", ударил их по лицу летучей мышью, прежде чем отправить их в дверь.

Ответ 12

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

Помните, вы хотите, чтобы кто-то мог подумать и придумать творческие и эффективные решения. Не тот, кто запомнил MDN.

Ответ 13

• О HTML5 и его возможностях.
• метод добавления CSS в HTML.
• Новые возможности CSS3.
• Совместимость браузера CSS3.
• Различные типы селекторов в CSS.
• В отличие от селектора классов и идентификаторов.
• Различные типы единиц измерения в CSS
• Форма HTML5 и тип типа входного типа.
• HTML, выберите, радио, теги кнопок и их использование.
• Создание простой страницы