Тёмный

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

Юрий Симонов
Подписаться 1,2 тыс.
Просмотров 17 тыс.
50% 1

В данном видео разберем 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

Опубликовано:

 

19 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 46   
@user-se5bx3dv2y
@user-se5bx3dv2y Год назад
2:01 Все же лучше будет указать в head, а что бы js файл обрабатывался в конце, просто прямо в тэге script написать defer
@user-pe4wz6rl9y
@user-pe4wz6rl9y Год назад
Классное видео. Спасибо
@intelq6253
@intelq6253 Год назад
14/15, про схлопывание margin'ов у block-чных элементов не знал, будет дорабатывать
@Dev-xt3ol
@Dev-xt3ol 11 месяцев назад
Спасибо, было полезно
@user.nickname
@user.nickname Год назад
прикольно)
@Dedinside05
@Dedinside05 Год назад
я спан)
@moscow8881
@moscow8881 Год назад
привет привет )
@alexasanchobetherestors9962
На схлопываниях затупил. Думал, что он у родителя margin унаследует, а свой собственный будет игнорить... Бывает. Зато узнал новое для себя.) Короче, может начинать искать работу. 😄🤣
@Yuri_Simonov
@Yuri_Simonov Год назад
Можете еще попробовать пройти 15 вопросов среднего уровня)
@alexasanchobetherestors9962
@@Yuri_Simonov с удовольствием!))
@user-kz8iy7yg7s
@user-kz8iy7yg7s Год назад
Я тегу span даю display: block, когда приходится внутрь ссылки помещать несколько элементов и стилизовать, но div внутрь тега "а" не может быть помещён.
@Yuri_Simonov
@Yuri_Simonov Год назад
Внутрь ссылки вполне можно помещать блочные теги. Валидатор вам ничего не скажет по этому поводу. Можете сами проверить, если хотите)
@slash6479
@slash6479 Год назад
Не подскажите тему VS code?)
@Yuri_Simonov
@Yuri_Simonov Год назад
Dark Turquoise ~ Rainbow
@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). У инлайновых элементов габариты зависят от внутреннего содержимого, в нашем случае это текст
@user-sw7tu8bu5t
@user-sw7tu8bu5t Год назад
15й вопрос - не изменится т.к. не указаны ширина и высота (то, что мы их указывали ранее - не катит, а то будет как в загадке с выпавшим кирпичом из самолета). Правильнее было бы указать в стилизации еще и размеры блока. Тогда да, вопросов нет.
@Yuri_Simonov
@Yuri_Simonov Год назад
Перепроверил этот момент. Да, к сожалению, вы оказались правы и пример не совсем корректен. Точнее неудачно подобран пример
@XopoLLIee_NMR
@XopoLLIee_NMR 8 месяцев назад
только на якорь не ответил, вообще не знал что так можно) (3 месяца сам учу все)
@Yuri_Simonov
@Yuri_Simonov 8 месяцев назад
Не ошибается тот, кто ничего не делает :) Главное, не опускайте руки. Всё получится!
@XopoLLIee_NMR
@XopoLLIee_NMR 8 месяцев назад
спасибо за приятные слова, но я ничего и не собирался бросать) уже сайт свой начал делать, стоит js выучить и все будет готово. Еще раз спасибо за теплые слова :3@@Yuri_Simonov
@user-oi4pi3mu9y
@user-oi4pi3mu9y Год назад
я так понимаю, эт опросто для проверки знаний вопросы? для трудоустройства этого не достаточно?
@Yuri_Simonov
@Yuri_Simonov Год назад
вопросы разбиты на 3 видео в зависимости от уровня сложности вопроса. Любой из них могут вполне спокойно спросить на собесе.
@Tornado-ln7fq
@Tornado-ln7fq Год назад
Это все хорошо,только некто вам на сабесе не будет задавать такие вопросы,вас сразу будут мучать сжатием,конверсией css, флексами,гридами,tailMap ,так что так)
@Yuri_Simonov
@Yuri_Simonov Год назад
Обычно для "разогрева" спрашивают сначала что-то простенькое)
@FrankMatrix
@FrankMatrix Год назад
если svg не теряет качества, то почему его не везде используют? Какие у него минусы?
@Yuri_Simonov
@Yuri_Simonov Год назад
SVG-формат обычно используют в иконках и логотипах, т.к. их рисуют вручную в программах (иллюстратор и тд). А остальные картинки снимают на фотоаппараты, телефоны и тд, с последующей обработкой в редакторах фото (тот же фотошоп), потому что так быстрее и проще.
@dd4el12
@dd4el12 8 месяцев назад
Ты попробуй нарисовать векторную природу))
@ssd1180
@ssd1180 Год назад
Реально ли такие вопросы задают на собеседованиях?
@Yuri_Simonov
@Yuri_Simonov Год назад
На собеседованиях обычно вопросы по нарастающей сложности задают. Поэтому в начале могут вполне спросить что-то из этого. Я бы для разогрева спросил что-то отсюда :)
@FrankMatrix
@FrankMatrix Год назад
когда показываешь размеры элементов, но на моем мониторе ничего не видно
@Yuri_Simonov
@Yuri_Simonov Год назад
Хорошо, в дальнейшем постараюсь и делать побольше участки, на которые идет акцент
@ruszzt
@ruszzt Год назад
бро, ты не со сб*рунивера (или 2035)случаем?? :D
@mykolazadvirnyi6936
@mykolazadvirnyi6936 Год назад
можна и так писать самозакрывающиеся теги
@Yuri_Simonov
@Yuri_Simonov Год назад
да, можно. Тот же Prettier это делает.
@TopUser2022
@TopUser2022 Год назад
Какого верстальщика ??? Да на эти вопросы ответит даже тот, кто полчаса про это читает
@Pahan282
@Pahan282 Год назад
Смешно) Если про верстку будут спрашивать, то 70% из вопросов, которые в видео даже задавать не будут. По верстке будут гонять по гридам, флексам, позиционировании абсолютном, статичном и т.д. Про псевдоэлементы и :not(), last-child спросят может. А вообще с таким элементарным уровнем знаний даже на резюме не откликнутся. Без JS и фреймворка хотя бы одного типа React, VueJS возьмут разве что лишь в маленькую студию, у которой проблемы с кадрами и то скорее всего заставят учить php, Битрикс и вордпресс. Просто верстальщики сейчас не нужны, учите JS, чтобы быть фронтендером полноценным :)
@Yuri_Simonov
@Yuri_Simonov Год назад
В самом начале я и упомянул, что это видео будет полезно для совсем новичков. Для более продвинутых людей есть другое видео на канале и еще 1 готовится. Там уже вопросы поинтереснее.
@Medvedev_Dmitriy
@Medvedev_Dmitriy Год назад
Дадут за такое 1 МРОТ ааааахахахахаха
@andynaz7044
@andynaz7044 Год назад
Никакого приоритета заголовков не существует Не мэрджин, а мааджин Не нижнее тире, а подчеркивание
@beduingreen
@beduingreen Год назад
Да ты крут чувак,как бы мы без тебя..
@Lyoha_bkb
@Lyoha_bkb 7 месяцев назад
У тега Н1 есть приоритет ,так как его нельзя дважды использовать
Далее
В STEAM вышел преемник Null
00:30
Просмотров 44 тыс.
SENIOR on JUNIOR Javascript Developer interview
26:35
Просмотров 272 тыс.