15 вопросов для собеседования HTML-верстальщика | Проверь свои знания | ЛЕГКИЙ уровень

  Переглядів 17,227

Юрий Симонов

Юрий Симонов

День тому

В данном видео разберем 15 вопросов для HTML-верстальщика. Вопросы рассчитаны на новичков. Поэтому, если вы уже более опытный, то можете послушать видео фоном.
Таймкоды:
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

КОМЕНТАРІ: 50
@user-pe4wz6rl9y
@user-pe4wz6rl9y Рік тому
Классное видео. Спасибо
@user-se5bx3dv2y
@user-se5bx3dv2y Рік тому
2:01 Все же лучше будет указать в head, а что бы js файл обрабатывался в конце, просто прямо в тэге script написать defer
@Dev-xt3ol
@Dev-xt3ol 10 місяців тому
Спасибо, было полезно
@intelq6253
@intelq6253 Рік тому
14/15, про схлопывание margin'ов у block-чных элементов не знал, будет дорабатывать
@user.nickname
@user.nickname Рік тому
прикольно)
@FrankMatrix
@FrankMatrix Рік тому
я так понимаю если спросят можно ли изменить высоту тега span , то правильный ответ да, с помощью свойства line-hight ?
@Yuri_Simonov
@Yuri_Simonov Рік тому
Если span будет в чистом виде, то да. Его ширина и высота будут определяться его содержимым.
@Kirill_Krasnikov
@Kirill_Krasnikov Рік тому
Нет, line height растянет по высоте текст внутри span. А чтобы растянуть span и сохранить размер текста пропиши для span display: block/inline-block и меняй размер с помощью height и width
@FrankMatrix
@FrankMatrix Рік тому
@@Kirill_Krasnikov понял. Значит line hight изменяет свойство текста внутри span , а не сам span
@Kirill_Krasnikov
@Kirill_Krasnikov Рік тому
@@FrankMatrix технически спан увеличит свою высоту, но только потому что line height увеличит высоты самого текста
@Yuri_Simonov
@Yuri_Simonov Рік тому
В видео и идет речь про span в дефолтном его представлении (display: inline). У инлайновых элементов габариты зависят от внутреннего содержимого, в нашем случае это текст
@moscow8881
@moscow8881 Рік тому
привет привет )
@user-kz8iy7yg7s
@user-kz8iy7yg7s Рік тому
Я тегу span даю display: block, когда приходится внутрь ссылки помещать несколько элементов и стилизовать, но div внутрь тега "а" не может быть помещён.
@Yuri_Simonov
@Yuri_Simonov Рік тому
Внутрь ссылки вполне можно помещать блочные теги. Валидатор вам ничего не скажет по этому поводу. Можете сами проверить, если хотите)
@user-sw7tu8bu5t
@user-sw7tu8bu5t Рік тому
15й вопрос - не изменится т.к. не указаны ширина и высота (то, что мы их указывали ранее - не катит, а то будет как в загадке с выпавшим кирпичом из самолета). Правильнее было бы указать в стилизации еще и размеры блока. Тогда да, вопросов нет.
@Yuri_Simonov
@Yuri_Simonov Рік тому
Перепроверил этот момент. Да, к сожалению, вы оказались правы и пример не совсем корректен. Точнее неудачно подобран пример
@alexasanchobetherestors9962
@alexasanchobetherestors9962 Рік тому
На схлопываниях затупил. Думал, что он у родителя margin унаследует, а свой собственный будет игнорить... Бывает. Зато узнал новое для себя.) Короче, может начинать искать работу. 😄🤣
@Yuri_Simonov
@Yuri_Simonov Рік тому
Можете еще попробовать пройти 15 вопросов среднего уровня)
@alexasanchobetherestors9962
@alexasanchobetherestors9962 Рік тому
@@Yuri_Simonov с удовольствием!))
@Dedinside05
@Dedinside05 Рік тому
я спан)
@slash6479
@slash6479 Рік тому
Не подскажите тему VS code?)
@Yuri_Simonov
@Yuri_Simonov Рік тому
Dark Turquoise ~ Rainbow
@user-oi4pi3mu9y
@user-oi4pi3mu9y Рік тому
я так понимаю, эт опросто для проверки знаний вопросы? для трудоустройства этого не достаточно?
@Yuri_Simonov
@Yuri_Simonov Рік тому
вопросы разбиты на 3 видео в зависимости от уровня сложности вопроса. Любой из них могут вполне спокойно спросить на собесе.
@FrankMatrix
@FrankMatrix Рік тому
если svg не теряет качества, то почему его не везде используют? Какие у него минусы?
@Yuri_Simonov
@Yuri_Simonov Рік тому
SVG-формат обычно используют в иконках и логотипах, т.к. их рисуют вручную в программах (иллюстратор и тд). А остальные картинки снимают на фотоаппараты, телефоны и тд, с последующей обработкой в редакторах фото (тот же фотошоп), потому что так быстрее и проще.
@dd4el12
@dd4el12 8 місяців тому
Ты попробуй нарисовать векторную природу))
@XopoLLIee_NMR
@XopoLLIee_NMR 8 місяців тому
только на якорь не ответил, вообще не знал что так можно) (3 месяца сам учу все)
@Yuri_Simonov
@Yuri_Simonov 8 місяців тому
Не ошибается тот, кто ничего не делает :) Главное, не опускайте руки. Всё получится!
@XopoLLIee_NMR
@XopoLLIee_NMR 8 місяців тому
спасибо за приятные слова, но я ничего и не собирался бросать) уже сайт свой начал делать, стоит js выучить и все будет готово. Еще раз спасибо за теплые слова :3@@Yuri_Simonov
@ssd1180
@ssd1180 Рік тому
Реально ли такие вопросы задают на собеседованиях?
@Yuri_Simonov
@Yuri_Simonov Рік тому
На собеседованиях обычно вопросы по нарастающей сложности задают. Поэтому в начале могут вполне спросить что-то из этого. Я бы для разогрева спросил что-то отсюда :)
@Tornado-ln7fq
@Tornado-ln7fq Рік тому
Это все хорошо,только некто вам на сабесе не будет задавать такие вопросы,вас сразу будут мучать сжатием,конверсией css, флексами,гридами,tailMap ,так что так)
@Yuri_Simonov
@Yuri_Simonov Рік тому
Обычно для "разогрева" спрашивают сначала что-то простенькое)
@income_assets
@income_assets Рік тому
предпоследний вопрос или я не понял, или задан как-то некорректно...в целом интересно))
@Yuri_Simonov
@Yuri_Simonov Рік тому
Там вопрос на схлопывание margin`ов между родителем и дочерним элементом. Возможно, прочтя теорию, и переслушав данный вопрос еще раз, у вас сложится пазл воедино :)
@sfspmusic
@sfspmusic 4 дні тому
​@@Yuri_Simonov Я так понимаю, схлопывание, если они были бы навстречу друг другу, например margin-top и margin-bottom? Разве нет? Или я что-то здесь недопонял?
@Yuri_Simonov
@Yuri_Simonov 4 дні тому
@@sfspmusic схлопывание внешних отступов происходит в следующих случаях: 1) Соседние элементы (siblings); 2) Родительский и первый/последний дочерние элементы; 3) Пустые блоки. Надеюсь, я ответил на ваш вопрос)
@FrankMatrix
@FrankMatrix Рік тому
когда показываешь размеры элементов, но на моем мониторе ничего не видно
@Yuri_Simonov
@Yuri_Simonov Рік тому
Хорошо, в дальнейшем постараюсь и делать побольше участки, на которые идет акцент
@mykolazadvirnyi6936
@mykolazadvirnyi6936 Рік тому
можна и так писать самозакрывающиеся теги
@Yuri_Simonov
@Yuri_Simonov Рік тому
да, можно. Тот же Prettier это делает.
@ruszzt
@ruszzt Рік тому
бро, ты не со сб*рунивера (или 2035)случаем?? :D
@Pahan282
@Pahan282 Рік тому
Смешно) Если про верстку будут спрашивать, то 70% из вопросов, которые в видео даже задавать не будут. По верстке будут гонять по гридам, флексам, позиционировании абсолютном, статичном и т.д. Про псевдоэлементы и :not(), last-child спросят может. А вообще с таким элементарным уровнем знаний даже на резюме не откликнутся. Без JS и фреймворка хотя бы одного типа React, VueJS возьмут разве что лишь в маленькую студию, у которой проблемы с кадрами и то скорее всего заставят учить php, Битрикс и вордпресс. Просто верстальщики сейчас не нужны, учите JS, чтобы быть фронтендером полноценным :)
@Yuri_Simonov
@Yuri_Simonov Рік тому
В самом начале я и упомянул, что это видео будет полезно для совсем новичков. Для более продвинутых людей есть другое видео на канале и еще 1 готовится. Там уже вопросы поинтереснее.
@TopUser2022
@TopUser2022 Рік тому
Какого верстальщика ??? Да на эти вопросы ответит даже тот, кто полчаса про это читает
@Medvedev_Dmitriy
@Medvedev_Dmitriy Рік тому
Дадут за такое 1 МРОТ ааааахахахахаха
@andynaz7044
@andynaz7044 Рік тому
Никакого приоритета заголовков не существует Не мэрджин, а мааджин Не нижнее тире, а подчеркивание
@beduingreen
@beduingreen Рік тому
Да ты крут чувак,как бы мы без тебя..
@Lyoha_bkb
@Lyoha_bkb 6 місяців тому
У тега Н1 есть приоритет ,так как его нельзя дважды использовать
КИРПИЧ ОБ ГОЛОВУ #shorts
00:24
Паша Осадчий
Переглядів 3,4 млн
SENIOR on JUNIOR Javascript Developer interview
26:35
BELOV
Переглядів 270 тис.
ТОП 10 вопросов на собеседовании ReactJS
29:52
Веб-разработка - DevMagazine
Переглядів 44 тис.
Онлайн-собеседование верстальщика
1:16:15
КИРПИЧ ОБ ГОЛОВУ #shorts
00:24
Паша Осадчий
Переглядів 3,4 млн