15 вопросов для собеседования HTML-верстальщика | Проверь свои знания | ЛЕГКИЙ уровень
Вставка
- Опубліковано 20 чер 2024
- В данном видео разберем 15 вопросов для HTML-верстальщика. Вопросы рассчитаны на новичков. Поэтому, если вы уже более опытный, то можете послушать видео фоном.
Поддержать меня на Boosty:
boosty.to/yuri_simonov
Таймкоды:
00:00 Вступление
00:27 Что такое HTML ?
00:46 Что такое CSS ?
01:01 Что такое JavaScript ?
01:32 Как подключаются стили к HTML-документу ?
02:01 Как подключаются скрипты к HTML-документу ?
02:27 Надо ли закрывать все HTML-теги ?
03:21 Сколько уровней заголовков поддерживает HTML ?
03:52 В чем разница между форматами SVG и PNG/JPG ?
04:58 Можем ли мы задать ширину и высоту тегу span ?
06:36 Как открыть ссылку в новом окне при клике на нее ?
07:05 Чем отличается margin от padding ?
07:42 Что такое теги якоря ?
08:45 Чему будут равны высота и ширина тега "span" (пример) ?
09:09 Чему будет равен отступ между элементом "child" и верхней границей родительского элемента "parent" (пример) ?
09:54 Изменится ли режим отображения тега "span" (пример) ?
10:40 Заключение
Ссылка на плейлист с вопросами:
• Вопросы для собеседования
Мой телеграм канал по айтишечке:
t.me/yuri_simonov_it
Я в соц.сетях:
VK: yura1596
Классное видео. Спасибо
Спасибо, было полезно
14/15, про схлопывание margin'ов у block-чных элементов не знал, будет дорабатывать
2:01 Все же лучше будет указать в head, а что бы js файл обрабатывался в конце, просто прямо в тэге script написать defer
прикольно)
привет привет )
я спан)
я так понимаю если спросят можно ли изменить высоту тега span , то правильный ответ да, с помощью свойства line-hight ?
Если span будет в чистом виде, то да. Его ширина и высота будут определяться его содержимым.
Нет, line height растянет по высоте текст внутри span. А чтобы растянуть span и сохранить размер текста пропиши для span display: block/inline-block и меняй размер с помощью height и width
@@Kirill_Krasnikov понял. Значит line hight изменяет свойство текста внутри span , а не сам span
@@FrankMatrix технически спан увеличит свою высоту, но только потому что line height увеличит высоты самого текста
В видео и идет речь про span в дефолтном его представлении (display: inline). У инлайновых элементов габариты зависят от внутреннего содержимого, в нашем случае это текст
Я тегу span даю display: block, когда приходится внутрь ссылки помещать несколько элементов и стилизовать, но div внутрь тега "а" не может быть помещён.
Внутрь ссылки вполне можно помещать блочные теги. Валидатор вам ничего не скажет по этому поводу. Можете сами проверить, если хотите)
15й вопрос - не изменится т.к. не указаны ширина и высота (то, что мы их указывали ранее - не катит, а то будет как в загадке с выпавшим кирпичом из самолета). Правильнее было бы указать в стилизации еще и размеры блока. Тогда да, вопросов нет.
Перепроверил этот момент. Да, к сожалению, вы оказались правы и пример не совсем корректен. Точнее неудачно подобран пример
На схлопываниях затупил. Думал, что он у родителя margin унаследует, а свой собственный будет игнорить...
Бывает. Зато узнал новое для себя.) Короче, может начинать искать работу. 😄🤣
Можете еще попробовать пройти 15 вопросов среднего уровня)
@@Yuri_Simonov с удовольствием!))
Не подскажите тему VS code?)
Dark Turquoise ~ Rainbow
я так понимаю, эт опросто для проверки знаний вопросы? для трудоустройства этого не достаточно?
вопросы разбиты на 3 видео в зависимости от уровня сложности вопроса. Любой из них могут вполне спокойно спросить на собесе.
если svg не теряет качества, то почему его не везде используют? Какие у него минусы?
SVG-формат обычно используют в иконках и логотипах, т.к. их рисуют вручную в программах (иллюстратор и тд). А остальные картинки снимают на фотоаппараты, телефоны и тд, с последующей обработкой в редакторах фото (тот же фотошоп), потому что так быстрее и проще.
Ты попробуй нарисовать векторную природу))
Это все хорошо,только некто вам на сабесе не будет задавать такие вопросы,вас сразу будут мучать сжатием,конверсией css, флексами,гридами,tailMap ,так что так)
Обычно для "разогрева" спрашивают сначала что-то простенькое)
только на якорь не ответил, вообще не знал что так можно) (3 месяца сам учу все)
Не ошибается тот, кто ничего не делает :) Главное, не опускайте руки. Всё получится!
спасибо за приятные слова, но я ничего и не собирался бросать) уже сайт свой начал делать, стоит js выучить и все будет готово. Еще раз спасибо за теплые слова :3@@Yuri_Simonov
Реально ли такие вопросы задают на собеседованиях?
На собеседованиях обычно вопросы по нарастающей сложности задают. Поэтому в начале могут вполне спросить что-то из этого.
Я бы для разогрева спросил что-то отсюда :)
когда показываешь размеры элементов, но на моем мониторе ничего не видно
Хорошо, в дальнейшем постараюсь и делать побольше участки, на которые идет акцент
можна и так писать самозакрывающиеся теги
да, можно. Тот же Prettier это делает.
бро, ты не со сб*рунивера (или 2035)случаем?? :D
Какого верстальщика ??? Да на эти вопросы ответит даже тот, кто полчаса про это читает
Смешно)
Если про верстку будут спрашивать, то 70% из вопросов, которые в видео даже задавать не будут.
По верстке будут гонять по гридам, флексам, позиционировании абсолютном, статичном и т.д.
Про псевдоэлементы и :not(), last-child спросят может.
А вообще с таким элементарным уровнем знаний даже на резюме не откликнутся. Без JS и фреймворка хотя бы одного типа React, VueJS возьмут разве что лишь в маленькую студию, у которой проблемы с кадрами и то скорее всего заставят учить php, Битрикс и вордпресс. Просто верстальщики сейчас не нужны, учите JS, чтобы быть фронтендером полноценным :)
В самом начале я и упомянул, что это видео будет полезно для совсем новичков. Для более продвинутых людей есть другое видео на канале и еще 1 готовится. Там уже вопросы поинтереснее.
Дадут за такое 1 МРОТ ааааахахахахаха
Никакого приоритета заголовков не существует
Не мэрджин, а мааджин
Не нижнее тире, а подчеркивание
Да ты крут чувак,как бы мы без тебя..
У тега Н1 есть приоритет ,так как его нельзя дважды использовать