Frontend Interview - собеседования по Javascript / Html / Css

🔥Пройди хардкорный тест по JavaScript+Angular🔥 ⭕️ Ответь на 20 вопросов и проверь свои знания. Сможешь сдать — пройдёшь на продвинутый курс "Angular Developer" по специальной цене. ❌ТЕСТ СМОГЛИ ПРОЙТИ ТОЛЬКО 40% УЧАСТНИКОВ ⏰ Время прохождения теста ограничено 25 минут ✏️ПРОЙТИ ТЕСТ: https://otus.pw/9kw1/ ▪️ 13 декабря в 20:00 открытый урок «Реактивное программирование в Angular».

👉 @frontendInterview

YaTalks: 3-4 декабря Уже совсем скоро состоится главная конференция Яндекса для IT-сообщества. Спикеры обсудят интересные проекты и жизнь индустрии в новой реальности. На фронтенд-треке нас ждут: 🎯Дискуссия «Веб в 2022. Что изменилось?» 🎯 Доклад «Chrome DevTools — спрятанные полезности» 🎯Доклад «Яндекс Маркет, который вы не видите» об интерфейсах для логистов и другие темы. Участники могут записаться на индивидуальные консультации с экспертами отрасли. Среди них, например, Алёна Батицкая, тимлид команды фронтенда в Дока, и Евгений Кот, director of development в Wrike. Подробная программа и регистрация

Всплытие событий Принцип всплытия очень простой. Когда на элементе происходит событие, обработчики сначала срабатывают на нём, потом на его родителе, затем выше и так далее, вверх по цепочке предков. Например, есть 3 вложенных элемента FORM > DIV > P с обработчиком на каждом: <form onclick="alert('form')">FORM <div onclick="alert('div')">DIV <p onclick="alert('p')">P</p> </div> </form> Клик по внутреннему <p> вызовет обработчик onclick: 1. Сначала на самом <p>. 2. Потом на внешнем <div>. 3. Затем на внешнем <form>. И так далее вверх по цепочке до самого document. Поэтому если кликнуть на <p>, то мы увидим три оповещения: p → div → form. Этот процесс называется «всплытием», потому что события «всплывают» от внутреннего элемента вверх через родителей подобно тому, как всплывает пузырёк воздуха в воде. Ключевое слово в этой фразе – «почти». Например, событие focus не всплывает. Однако, стоит понимать, что это скорее исключение, чем правило.

Занимаетесь JS-разработкой, но нет роста? Настало время повышать свою компетентность! ❗️Приглашаем 5 декабря в 20:00 на открытый урок «Есть ли жизнь без Redux? Обзор менеджеров состояний». На вебинаре мы рассмотрим Mobx, Zustand, Recoil, Jotai на примере управления состоянием небольшого приложения. Не упустите возможность познакомиться с преподавателем Арсением Высоцким, тимлидом в международной компании, и программой онлайн-курса «JavaScript Developer. Professional» от OTUS. 👉🏻 Для регистрации на занятие пройдите вступительный тест https://otus.pw/sTBm/

Largest Elements Вам даны два параметра - n (число) и массив чисел. Создайте функцию, которая вернет n самых больших чисел из массива. Пример: largest(2, [7,6,5,4,3,2,1]) // => [6,7] 👉 @frontendInterview

Production Ready GraphQL (2020) Данная книга содержит полное описании того, что входит в создание GraphQL API: дизайн, архитектура, реализация и даже документации. Примеры в книге не зависит от языка. Вместо этого они фокусируется на концепциях и шаблонах, которые реализуются независимо от того, как вы создаете сервер GraphQL. 👉 @frontendInterview

​Ссылки против кнопок в современных веб-приложениях Одна из вечных тем во фронтенд-доступности — неразбериха между ссылками и кнопками. Кнопки Могучая кнопка и правда крутая. Вот что она может: 1. Получать фокус с клавиатуры по умолчанию 2. Отправлять данные формы на сервер 3. Очищать форму 4. Блокироваться с помощью атрибута disabled 5. Давать подсказку скринридеру с помощью неявного атрибута role="button" 6. Показывать состояния ∶focus, ∶hover, ∶active, ∶disabled Если добавить скрипта,кнопка идеальный элемент для: 1. Открывания модального окна 2. Вызова всплывающего меню 3. Переключения интерфейса Ссылки Вот несколько базовых возможностей ссылок, или якорей 1. Создавать гипертекст, сеть онлайн-ресурсов 2. Перевести пользователя на новую страницу или окно 3. Изменять URL 4. Вызвать браузерные перерисовку/перезагрузку 5. Переходить по якорям внутри страницы 6. Способны принимать фокус по умолчанию с помощью атрибута href 7. Регистрируют клик с помощью клавиши Enter 8. Не блокируются как кнопки (но их можно сделать неактивными с помощью tabindex="-1" и aria-hidden="true") Лично для меня главное различие между ссылкой и кнопкой — то, что ссылки перемещают пользователя на новый ресурс, унося его из текущего контекста (внутренние ссылки — единственное исключение). Кнопка же переключает что-то в интерфейсе или вызывает новый контент в том же самом контексте. 👉 @frontendInterview

🔥Какие инструменты нужны фулстек-разработчику? Приглашаем на бесплатный урок специализации «Fullstack Developer» в OTUS. «ESLint - инструмент, который найдет ошибки, до того, как они проявились». Мы рассмотрим популярный инструмент для поддержания уровня кода. 👉 Для участия необходимо зарегистрироваться https://otus.pw/zX1A/

👉 @frontendInterview

👉 @frontendInterview

Привет, это HTML Academy! Принесли вам скидку 50% на чёрную пятницу — это отличная возможность самостоятельно научиться веб-разработке и сменить профессию. Если интересно — оставьте заявку по ссылке и мы с вами свяжемся.

Понятная пятница в английском: скидка 10% на курсы для аналитиков и разработчиков. В английском много противоречий. Можно учиться на продвинутом уровне — и сохранять разговорный барьер. Или повторять по кругу одни и те же правила. В результате непросто заметить прогресс и оценить, сколько ещё впереди. А мы выручим с этим. Практикум учитывает эти противоречия и проектирует прозрачный процесс обучения с предсказуемым результатом. Выберите подходящий курс и оплатите его со скидкой до 15 декабря: https://practicum.yandex.ru/english/clearfriday2022

BigInt в JavaScript (ES11) В JavaScript для работы с числами до недавнего времени использовался 64-битный формат IEEE-754, однако данные числа ограничены по длине (2 в степени 53). Пример:

 let num = Number.MAX_SAFE_INTEGER
 console.log(num) // 9007199254740991
 num + 1 //  9007199254740992
 num + 2 //  9007199254740992 ???

BigInt это примитивный тип, который предназначен решить даную проблему. Для того, чтобы получить BigInt можно воспользоваться двумя способами: 1. Передать в число в BigInt конструктор; 2. Дописать n в конце числа;

 typeof 99 // ‘number’
 typeof 99n // ‘bigint’

Решим выше рассмотренный пример с использованием нового типа: let bigInt = BigIng(num) + BigIng(2) console.log(bigInt) // 9007199254740993n 👉 @frontendInterview

"Javascript developer. Professional" - это хардкорный онлайн-курс для web-разработчиков по продвинутым возможностям JS и его фреймворков. Справитесь ли вы с уровнем курса? Покажет вступительный тест. 📍Пройдите тестирование, чтобы: ● оценить свои навыки ● получить доступ к демо-занятиям курса ● занять место по специальной цене ● получить доступ в закрытое сообщество JS-разработчиков 👉 Пройти полное тестирование: https://otus.pw/A4En/