Frontend Interview - собеседования по Javanoscript / Html / Css – Telegram
Frontend Interview - собеседования по Javanoscript / Html / Css
11.4K subscribers
2.1K photos
118 videos
319 files
530 links
Канал для подготовки к собеседованиям по фронтенду

Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/frontendinterview

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Какой тег не существует в HTML?
Anonymous Quiz
44%
<url>
16%
<mark>
17%
<menu>
23%
<progress>
🔥61
.lastIndexOf()

Этот метод просматривает массив или строку справа налево. Если ничего не найдено, метод возвращает -1.
Для массива возвращает индекс последнего вхождения.
Для строки все то же самое, но поиск ведётся по подстрокам и возвращается индекс начала последнего вхождения подстроки.
const arr = [2, 5, 9, 2];
console.log(arr.lastIndexOf(2));
// 3
console.log(arr.lastIndexOf(7));
// -1

console.log("раз собачка, два собачка".lastIndexOf("собачка"));
// 17


👉 @frontendInterview
👍8
Какой HTML тег НЕ является одиночным?
Anonymous Quiz
10%
<input>
3%
<img>
24%
<embed>
63%
<b>
🔥4
Какое позиционирование ориентируется на края окна браузера для задания положения элемента?
Anonymous Quiz
11%
Относительное
44%
Фиксированное
37%
Абсолютное
7%
Статическое
🔥52
Почему один middle фронтендер работает над сложными продуктами в крупной компании, а другой делает базовую вёрстку на фрилансе?

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

Сильный frontend-разработчик чётко понимает, как работает веб, умеет находить баланс между идеальным и быстрым решением, способен разговаривать на одном языке с Backend, QA и DevOps специалистами и даже может делать их работу самостоятельно.

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

На курсе от тимлидов с опытом работы в Вконтакте, Яндексе, Telegram Open Network и Frogly вы приобретёте все знания и навыки, необходимые для работы над крупными проектами в крутой команде, а наши HR обязательно помогут получить оффер от хорошей компании.

Новый поток стартует уже 17 августа!
Записаться
3
Заглянем в будущее и узнаем — что ждёт там, после заветного оффера в IT- или диджитал-компанию. Как происходит адаптация новичков? Как будут оценивать, вписались вы или нет? А когда будет повышение? Эксперты расскажут обо всём этом на вебинаре.

→ Бесплатно, 15 августа в 19:00 по Москве

Спикеры:
◾️Катя Жукова, менеджер по развитию бренда работодателя в «Риалвеб»
◾️Наталия Лебедева, директор по персоналу в Хабре
◾️Владислав Шаргин, руководитель практики подбора персонала в Samokat.tech
◾️Полина Русакова, старший HR-бизнес-партнёр в redmadrobot

Вы узнаете:
— что будет происходить в первый месяц работы;
— что поможет влиться;
— как устроены процессы в IT-компаниях;
— как правильно проявлять инициативу и расти в должности.

→ Зарегистрируйтесь на вебинар
👍1👎1
:has

Псевдокласс :has() позволяет выбрать элемент, уточнив основной селектор дополнительным, и при этом не увеличив его «вес». В отличие от привычных селекторов, правило применится только к тому селектору, который был описан до :has().
selector1:has(selector2) {
/* … */
}

selector1 — необязательный селектор (если не указан — правило применится ко всем подходящим элементам). Аргумент selector2 в :has() описывает селектор относительно своей точки отсчёта — selector1.

По сути псевдокласс :has() позволяет уточнить основной селектор дополнительным селектором любой сложности.

💡 Использование :has() не влияет на специфичность, т. е. при расчёте веса селектора учитывается только целевой селектор, к которому применяется этот псевдокласс.

👉 @frontendInterview
👍43
Web Design in easy steps, 7th Edition (2023)

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

👉 @frontendInterview
Loop Array

Создайте функцию, которая обрабатывает массив, перемещая элементы в нём в начало или в конец массива.

Примеры:
 loopArr([1, 5, 87, 45, 8, 8], 'left', 2);
вернет результат: [87, 45, 8, 8, 1, 5]

 loopArr([1, 5, 87, 45, 8, 8], 'right', 2);
вернет результат: [8, 8, 1, 5, 87, 45]

👉 @frontendInterview
🔥92👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Чем отличаются события input и change?

Различие есть для текстовых полей ввода:
input — срабатывает при каждом изменении значения в поле;
change — срабатывает когда изменяемый элемент теряет фокус: например, при переходе к другому полю или клику на другую часть страницы.

Для прочих полей ввода они работают одинаково

👉 @frontendInterview
👍18👎4
Научитесь программировать на языке JavaScript и создавать пользовательские интерфейсы сайтов и приложений.

На профессии «Фронтенд-разработчик» вы за 10 месяцев:

✔️Изучите JavaScript в связке с HTML и CSS и освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.
 ✔️Решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров.

Оцените формат и решите, стоит ли продолжать! Вводные ознакомительные курсы профессии доступны бесплатно сразу после регистрации!

Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid: 2RanykwK5Sx
Что выведется в консоль?
Anonymous Quiz
43%
object
24%
number
29%
Array
3%
NaN
🔥17👍4😁1
Напишите простую функцию, чтобы проверить, является ли число целым

function isInteger(num) {
return num % 1 === 0;
}

Эта функция принимает число в качестве аргумента и возвращает true, если число является целым, и false, если число имеет дробную часть.

Например:
console.log(isInteger(4)); // true
console.log(isInteger(4.2)); // false
console.log(isInteger(-3)); // true


👉 @frontendInterview
👍17🤔2
Что получится в результате выполнения кода?
Anonymous Quiz
25%
Ошибка
9%
{} {}
39%
1 {}
27%
1 1
🤔28👍12👎7😁5
Курс «Английский для разработчиков» Яндекс Практикума

Для тех, кто хочет изменить свою профессиональную жизнь и работать в международной команде.

Обучение построено не вокруг абстрактной теории, а вокруг рабочих ситуаций и полезных для карьеры навыков:

Стендапы. Подготовитесь обсуждать задачи, задавать вопросы и просить о помощи.
👨‍💻 Работа с заказчиками. Научитесь презентовать решения, говорить про баги и фичи.
📣 Митапы. Сможете понимать на слух доклады и выступать сами.
😎 Собеседования. Научитесь рассказывать про свой опыт, понимать вопросы и тактично переспрашивать.
👯 Неформальное общение с коллегами. Сможете рассказать о своих интересах, опыте, планах на будущее.
💻 Код-ревью. Сможете описать сделанное, дать обратную связь, тактично отстоять своё мнение.

Запишитесь на бесплатную консультацию. Кураторы определят ваш уровень языка и расскажут подробнее про обучение.