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

Структуры данных и алгоритмы. Классическое издание В этой книге описаны структуры данных и алгоритмы, которые являются фундаментом современного компьютерного программирования. Основу данной книги составляют первые шесть глав нашей ранее изданной книги The Design and Analysis of Computer Algorithms. Мы расширили ее содержание, включив материал по алгоритмам внешнего хранения и управлению памятью. 👉 @frontendInterview

Что такое SSL-сертификат? SSL-сертификат необходим для защиты данных пользователя. Если в адресной строке браузера отображается замочек рядом с адресом сайта, значит всё в порядке, и данные пользователя передаются на сервер в зашифрованном виде. SSL-сертификат — это набор информации в бумажном или электронном виде, состоящий из: - Открытого криптографического ключа. - Информации о владельце ключа. - Области применения ключа. - Подписи специальной организации или человека, которые могут подтвердить принадлежность ключа его владельцу. SSL-сертификат — это открытый ключ, способ применения которого имеет юридическую силу и право владения которым подтверждается авторизованным провайдером. Применяются сертификаты в рамках протокола SSL на этапе формирования сеанса передачи данных. 👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Студенты заставили своего угарного препода по программированию создать телеграм-канал. Его обожают за умение просто и остроумно рассказывать про код, рекурсию и объяснять сложные алгоритмы так, что любой школьник сможет повторить. В свободное время он выводит онлайн-курсы на чистую воду и рассказывает как запросто прокачаться до сениора за полгода. Если ты работаешь или учишься в IT, подписка обязательна — https://t.me/+4WaBfdUI-SVlMmNi

Что такое композиция в JavaScript? Композиция - это сердце и душа функционального программирования. Например, у нас есть функция a, которая принимает x и возвращает х + 2. Также есть функция b, которая также принимает x и возвращает х 3:

 const a = x => x + 2;
 const b = x => x * 3;

Композиция - это акт объединения этих функций, в следствии которого выходные данные одной функции становятся входными данными следующей. Мы можем увидеть это, вложив их вместе. Начнем с нашей функции a, вложим в неё нашу функцию b и передадим ей значение (аргумент) 5. В консоли мы увидим 17, что имеет смысл, так как 5 * 3 = 15, а 15 - входное значение для функции a, 15 + 2 = 17. console.log(a(b(5))); // 17 👉 @frontendInterview

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

👉 @frontendInterview

Многие спрашивают, а где найти вакансию? Мы рекомендуем на агрегаторе IT вакансий @it_vakansii_jobs

Array.from() Функция Array.from() создаёт новый массив на основе переданного объекта. Объект должен быть либо массивоподобным (как строка или объект arguments), либо итерируемым (как Set или Map). Функция Array.from() принимает три аргумента, последние два из которых не обязательны: - Объект, на основе которого создаётся массив. - Функция преобразования элемента перед его добавлением в массив. Работает как метод .map(). - Значение, которое будет использоваться как this в функции из второго параметра. Возвращает новый массив, составленный из элементов переданного объекта. Пример const arr = Array.from('фронт') console.log(arr) // ['ф', 'р', 'о', 'н', 'т'] 👉 @frontendInterview

Встреча сообщества A?.Frontend #1 Команда Alfa Digital приглашает на встречу frontend-сообщества всех, кто хочет узнать новое, обменяться опытом и провести время в хорошей компании! Где: Санкт-Петербург, офис Альфа-Банка Когда: 27 октября (четверг) в 19:00 В программе — доклады: 🍁«Как успешно пройти любое собеседование» Расскажет Кирилл Павлик, JS -разработчик в Альфа-Банке 🍁«Как улучшить DX и перестать тратить силы на бессмысленную рутину» Лайфхаками поделится Ольга Болотова, Руководительница направления развития компетенции JS в Альфа-Банке 🍁 «Разбирательство. Дело №1: как сейчас живут ИТ-сообщества?» Вместе с коллегами из Яндекса и Мегафона обсудим актуальные вопросы о митапах, конференциях и сообществах в ИТ сегодня. А ещё всех гостей, помимо докладов, ждет: ☕️ Горячий какао и пряные сладости ☕️ Согревающий мерч от Альфы в подарок за лучшие вопросы докладчикам 👉Регистрируйтесь на встречу заранее, количество мест ограничено И вступайте в frontend-сообщество: https://t.me/alfa_frontend

Lazy Repeater Создайте функцию makeLooper(). В эту функцию передайте строку. Вызов этой функции вернет другую функцию, каждый вызов которой должен возвращать символы переданной строки по очереди. Пример: var abc = makeLooper('abc'); abc(); // should return 'a' on this first call abc(); // should return 'b' on this second call abc(); // should return 'c' on this third call abc(); // should return 'a' again on this fourth call 👉 @frontendInterview

Laws of UX: Using Psychology to Design Better Products & Services Это практическое руководство объясняет, как вы можете применять ключевые принципы психологии для создания продуктов, которые являются более интуитивными и ориентированными на человека. Автор Джон Яблонски разбирает дизайн приложений, чтобы привести наглядные примеры того, как дизайнеры UX могут создавать дизайн, адаптирующийся к тому, как пользователи воспринимают и обрабатывают цифровые интерфейсы. 👉 @frontendInterview

Что такое псевдоклассы в CSS? Они определяют динамическое состояние элементов, которое изменяется с помощью действий пользователя, а также положение в дереве документа. Псевдокласс не может существовать сам по себе. Он должен быть прикреплён к селектору. Синтаксис выглядит следующим образом: селектор:псевдокласс { } Пробела между селектором и псевдоклассом нет, чтобы показать, что они связаны друг с другом. Несколько псевдоклассов: :hover - применяет стили, когда на целевой элемент наводится указатель мыши. :visited - нацеливается на ссылки, которые уже были посещены. :focus - данный псевдокласс срабатывает, когда элемент HTML получает фокус. Это особенно полезно для полей форм. :first-child и :last-child - связаны с иерархией в HTML. Они нацеливаются на элементы HTML в зависимости от порядка, в котором они появляются в коде. :nth-child - является глобальной версией :first-child и :last-child. С помощью :nth-child вы можете вычислить конкретный дочерний целевой элемент.

One Day Offer для фронтенд-разработчиков 5 ноября Получить оффер Яндекса можно за 1 день. Участвуйте в One Day Offer Frontend: решите тестовое, пройдите 2 секции 5 ноября и получите оффер в тот же день. От Яндекса в мероприятии участвуют команды, которые готовы предложить работу в гибком формате — полностью удаленно, в гибридном режиме или из любого офиса или коворкинга в 20 городах России и мира. Варианты работы обсуждаются с каждым кандидатом индивидуально. На мероприятии ждут инженеров с опытом разработки от 3-х лет на JavaScript и TypeScript, либо готовых к работе на этих языках программирования.