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

{Вы пока еще не знаете JS} Область видимости и замыкания. 2-е межд. издание Вы пока еще не знаете JS. И Кайл Симпсон признается, что тоже его не знает (по крайней мере полностью)… И никто не знает. Но все мы можем начать работать над тем, чтобы узнать его лучше. Сколько бы времени вы ни провели за изучением языка, всегда можно найти что-то еще, что стоит изучить и понять на другом уровне. Вы уже прочитали «Познакомьтесь, jаvascript»? Тогда откройте вторую книгу серии «Вы пока еще не знаете JS», чтобы познакомиться поближе с первым из трех столпов jаvascript — системой областей видимости и функциональными замыканиями, а также с мощным паттерном проектирования «Модуль». Пора освоить правила лексических областей видимости для размещения переменных и функций в правильных позициях. И заглянуть на более низкий уровень, ведь магия с хранением состояния модулей базируется на замыканиях, использующих систему лексических областей видимости. 👉 @frontendInterview

Открывайте Россию с Radisson Hotels Бронируйте на официальном сайте. Оплачивайте по прибытии. До -10% по программе лояльности. Забронировать #реклама radissonhotels.com О рекламодателе

Каков типичный случай использования анонимных функций? Типичными случаями для использования анонимных функций в JavaScript являются замыкания, обработчики событий, таймеры и callback-и для методов и других функций. Приведу несколько примеров: 1. Callback метода массива:

 const numbers = [1, 2, 3, 4, 5];
 const squared = numbers.map(num => num * num);

 console.log(squared); // [1, 4, 9, 16, 25]

2. Обработчик события для HTML элемента. Стоит обратить внимание, что в таком случае не получится удалить его через removeEventListener.

 document.getElementById('buttonId').addEventListener('click', () => {
   console.log('Кнопка была нажата!');
 });

3. Замыкания: function createCounter() { let count = 0; return function () { return ++count; }; } const counter = createCounter(); console.log(counter()); // 1 console.log(counter()); // 2 👉 @frontendInterview

Акции в подарок каждому инвестору Альфа-Инвестиции дарят акции 30 дней подряд, если вы откроете брокерский счёт до 30 апреля. Просто покупайте акции каждый день на любую сумму и ежедневно получайте акции в подарок. В приложении Альфа-Инвестиций есть обучение и советы от экспертов. Узнать больше

Да это же буквально я 👉 @frontendInterview

👨‍💻Изучаешь Frontend? Я тоже! idk Frontend - канал, в котором я максимально подробно конспектирую весь мой путь обучения с самого старта. С меня: — Сложная теория простым языком; — Практические примеры и объяснения; — Работа над ошибками. С тебя: — Подписка @idk_frontend Продолжим обучаться вместе! 👋

🚀Начните осваивать разработку на Node.js и расширьте свои карьерные возможности в IT Приходите на бесплатный практический урок «Serverless Node.JS» от OTUS. На вебинаре разберем: ✅что такое serverless и как его используют; ✅примеры работы с Node.JS на базе одного из облачных решений. Занятие пройдёт 2 апреля в 20:00 мск в рамках курса «Node.js Developer». ➡ Пройдите короткий тест прямо сейчас, чтобы посетить бесплатный урок и получить запись: https://otus.pw/Pkng/ 💥Бонус: - доступ ко всем открытым урокам курса - спец. цену на курс и даже рассрочку - курс по Git в записи бесплатно Erid 2SDnjcBpj6Z

Кадровое агентство в IT: способ найти место потеплее, о котором мы с вами забыли В этой статье автор рассказала, как работают ИТ-рекрутеры и кадровые агентства. Привела примеры из практики, рассказала про сложности для кандидатов. В финале рассказывается про то, чем может быть полезен кандидату рекрутер из кадрового агентства. 👉 @frontendInterview

Ждем тебя на мероприятии «GitVerse: открой вселенную кода» от СберТеха 29 марта в 10:00 СберТех проведет онлайн-презентацию, на которой расскажет о GitVerse – платформе для работы с исходным кодом. GitVerse позволяет создавать проекты с открытым и закрытым исходным кодом и развивать их вместе с ИТ-сообществом. На платформе можно организовывать совместную работу, привлекать к проектам новых участников, комментировать код и назначать задачи. О чем поговорим на мероприятии: · Тренды разработки и роль открытого ПО в современном ИТ · Возможности GitVerse и планы развития · GigaCode – AI-помощник разработчика (AI, artificial intelligence — искусственный интеллект) · Участие комьюнити в проекте · Пакет облачных сервисов и его преимущества для разработчиков · Обзор интересных репозиториев на GitVerse · Реальные кейсы разработки и оптимизации с помощью GitVerse · Общение в прямом эфире Регистрируйся на мероприятие на сайте. Обещаем: будем интересно и полезно!

🚀Начните осваивать разработку на Node.js и расширьте свои карьерные возможности в IT Приходите на бесплатный практический урок «Serverless Node.JS» от OTUS. На вебинаре разберем: ✅что такое serverless и как его используют; ✅примеры работы с Node.JS на базе одного из облачных решений. Занятие пройдёт 2 апреля в 20:00 мск в рамках курса «Node.js Developer». ➡ Пройдите короткий тест прямо сейчас, чтобы посетить бесплатный урок и получить запись: https://otus.pw/Pkng/ 💥Бонус: - доступ ко всем открытым урокам курса - спец. цену на курс и даже рассрочку - курс по Git в записи бесплатно Erid 2SDnjd5r1tD

Ленивая загрузка картинок с цветным превью Ленивая загрузка (lazy loading) — это асинхронная загрузка картинок на веб-странице. Это означает, что картинки загружаются после полной загрузки страницы или когда они появляются в видимой части окна браузера. Следовательно, если пользователь не будет прокручивать экран, то изображения, размещённые за пределами экрана, не будут загружаться. Иногда хочется, чтобы изображение появлялось не внезапно, а чтобы пользователь заранее знал, что оно там будет благодаря превью. В этой статье представлено готовое решение с пошаговым разбором. 👉 @frontendInterview

Доставка для бизнеса Быстрая доставка по всей России. С оплатой с корпоративного счёта, возмещением НДС и гибкими настройками в личном кабинете. Доставка курьерами, грузовым машинами или через пункты выдачи по России. Узнать больше #реклама business.go.yandex О рекламодателе

👉 @frontendInterview

​Какая разница между hidden, aria-hidden="true", role="presentation" и role="none"? 1. hidden — это HTML-атрибут, который предназначен для скрытия элемента на странице. Это означает, что элемент не будет отображаться в пользовательском интерфейсе и скроется от вспомогательных технологий, но он все ещё существует в DOM. 2. aria-hidden="true" — это атрибут ARIA (Accessible Rich Internet Applications), который используется для указания, что элемент должен быть скрыт от вспомогательных технологий, таких как скринридеры. Это означает, что элемент не будет доступен для слушателей событий или считывания содержимого вспомогательными технологиями, но он все ещё виден в пользовательском интерфейсе. 3. role="presentation" — это ARIA-атрибут, который указывает, что элемент является частью представления или дизайна и не имеет никакой роли в вспомогательных технологиях. Это означает, что роль элемента будет игнорироваться такими технологиями. 4. role="none" — это синоним role="presentation", который тоже указывает, что элемент не имеет роли для вспомогательных технологий. Это означает, что роль элемента не будет доступна для слушателей событий или механизмов навигации вспомогательными технологиями. 👉 @frontendInterview

Ordered Count of Characters Создайте функцию, которая подсчитывает количество каждого символа в строке и возвращает его в виде списка в порядке появления. Пример: orderedCount("abracadabra") == [['a', 5], ['b', 2], ['r', 2], ['c', 1], ['d', 1]] 👉 @frontendInterview

Хочешь освоить или улучшить свои навыки во фронтенде? В канале Frontend Developer есть всё необходимое — бесплатные курсы по фронтенду(HTML, CSS, JS , React и др.), готовый код, полезные ресурсы и статьи. А также чат, где мы помогаем друг другу и делимся опытом Обучайтесь бесплатно вместе с @byFrontDeveloper

Основы алгоритмизации и программирования В учебном пособии представлены абстрактные типы данных, описание алгоритмов обхода графов и деревьев в глубину и в ширину, нахождения путей в графе, различных видов циклов, определение максимального потока в графе и поиск паросочетаний. Приведены алгоритмы построения каркасов графа, алгоритмы с возвратом, рассмотрены задачи, решения которых опираются на использование этих алгоритмов. Учебное пособие предназначено для изучения дисциплины «Основы алгоритмизации и программирования» 👉 @frontendInterview