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

REKONFA Live 6 ноября приглашаем всех, кто имеет отношение к маркетингу и рекламным технологиям, обсудить рынок, тренды, вызовы и их решения. С докладами на актуальные темы выступят лидеры индустрии и медийные спикеры. Принять участие можно офлайн и онлайн. Мероприятие бесплатное, нужно только зарегистрироваться. Зарегистрироваться #реклама 18+ ya.rekonfa.ru О рекламодателе

Используйте простейшие рабочие решения Занимаясь проектированием систем ПО, идите самым простым путём из возможных. Причём эту рекомендацию можно применять на удивление широко. Я искренне верю, что так можно делать всегда. Эта техника подходит для исправления багов, обслуживания имеющихся систем и проектирования новых. Многие инженеры, продумывая дизайн системы, представляют себе некий её «идеал»: что-то стройное, практически бесконечно масштабируемое, удобно распространяемое и так далее. Я же считаю, что это абсолютно ошибочный подход к проектированию ПО. Напротив, нужно вложить всё это время в глубокий анализ имеющейся системы, а затем реализовать простейшее рабочее решение. 👉 @frontendInterview

Джуны — всё, ИИ победил. По статистике BCG, за последний год компании выбросили на улицу 75% молодняка. При этом миддлам и сеньорам зарплаты подняли в 4 (!) раза. Чтобы подняться до уровня элит в аномально короткие сроки — подпишитесь на легендарные каналы для айтишников: Новости и инсайды Фронтенд разработка ИИ и биг дата Node js Вёрстка Питон и нейросети QA-тестировщики Там раскрыли инфу из курсов общей стоимостью 5.000.000р в эксклюзивных пошаговых инструкциях. Пока остальные пойдут на дно якорем, вы войдете в 10% тех, кто сломал систему.

Какие свойства CSS можно использовать для создания анимаций и плавных переходов? Некоторые из наиболее распространенных свойств: 1. transition - позволяет задать плавный переход между двумя состояниями элемента, например, изменение цвета фона при наведении мыши. 2. animation - позволяет создавать сложные анимации с помощью ключевых кадров (keyframes), которые задают различные состояния элемента на разных этапах анимации. 3. transform - позволяет изменять форму, размер и положение элемента, включая повороты, масштабирование, смещение и т.д. 4. filter - позволяет применять различные эффекты к элементам, такие как размытие, насыщенность, яркость и т.д. 5. opacity - позволяет изменять прозрачность элемента. 6. scroll-snap - позволяет создавать плавный скроллинг между различными элементами на странице. 👉 @frontendInterview

Кто ты в коллективе? Узнай в нашем новом ИИ-тесте ⚡Кто-то душа компании, кто-то предпочитает продумывать стратегии, а кто-то обладает лидерством... В честь голосования за лучшего работодателя на HH мы создали тест, который определит, какую роль в команде играете именно вы. ⚡ С вас — ответы на вопросы и голос, с нас — результаты и крутая ИИ-аватарка. Будь с командой первых!❤️ Узнать больше #реклама 16+ О рекламодателе

🔥Прими участие в Хакатоне от ИТ–холдинга Т1 в Минске и поборись за призовой фонд 600 000 рублей! Когда: 14–17 октября Формат: онлайн + финал на площадке Участвуй, если ты: 🔹обучаешься на технической или ИТ–специальности; 🔹развиваешься в направлении разработки, аналитики, AI/ML, NLP или DevOps; 🔹сможешь быть в Минске 17 октября. Выбери свой кейс: ✴️FaaS система биллинга: платите ровно за то, что используете. Создай биллинговую систему для FaaS – точный расчёт с учётом времени, вызовов и памяти. ✴️Smart Support: поддержка нового поколения. Разработай ИИ-ассистента для службы поддержки с real-time подсказками из базы знаний. Почему стоит участвовать: 🔘Кейс в портфолио и полезная обратная связь от менторов Т1; 🔘Шанс проявить себя, чтобы начать карьеру в одной из крупнейших ИТ-компаний; 🔘Реальный опыт командной работы; 🔘Мерч и атмосфера сильного комьюнити — в Т1 более 5 000 джунов из 580+ вузов России и Беларуси. Регистрация открыта! ➡️ Успей до 12 октября по ссылке. #реклама О рекламодателе

​Какие принципы и подходы используются при работе с CSS, чтобы обеспечить масштабируемость и поддерживаемость кода? 1. БЭМ (Блок-Элемент-Модификатор) методология: это позволяет разбить интерфейс на независимые блоки, которые можно переиспользовать в разных частях сайта. Это упрощает поддержку и масштабирование кода. 2. Использование препроцессоров CSS (например, Sass или Less): это позволяет писать более читаемый и удобный для поддержки CSS код. С помощью препроцессоров можно использовать переменные, миксины, наследование и другие функции, которые помогают уменьшить дублирование кода и упростить его поддержку. 3. Использование модульной архитектуры: это позволяет разбить CSS код на модули, которые можно переиспользовать в разных частях сайта. Модульная архитектура помогает уменьшить дублирование кода и упрощает поддержку. 4. Использование семантических классов: это позволяет создавать более читаемый и понятный для других разработчиков CSS код. Использование семантических классов упрощает поддержку и масштабирование кода. 👉 @frontendInterview

isItLetter Создайте функцию, которая проверяет, является ли переданный символ буквой. Примеры:

 isItLetter('a') =>  true, `'a' is a letter`
 isItLetter('1') => false, `'1' is not a letter`

👉 @frontendInterview

Современный JavaScript для нетерпеливых Язык JavaScript изначально был предназначен для написания небольших объемов кода внутри браузера, но современный JavaScript радикально отличается от своего прародителя. В наши дни программисты на JavaScript активно осваивают функциональный, объектно-ориентированный и асинхронный стили программирования, оставляя в прошлом архаичные конструкции, чреватые ошибками. Данная книга – полное, но при этом лаконичное руководство по версии JavaScript E6 и выше. Вам не потребуется знаний старых версий языка, а сразу предлагается начать с более мощных современных. 👉 @frontendInterview

Реклама для бизнеса любого уровня в Яндекс Директе Создайте эффективную рекламную кампанию с алгоритмами Яндекс Директа 👌 Начните прямо сейчас ⚡ Зарегистрироваться #реклама direct.yandex.ru О рекламодателе

​Чем отличаются REST и RESTful API? REST (Representational State Transfer) — это архитектурный стиль, используемый при проектировании распределенных систем. Он был описан в диссертации Роя Филдинга в 2000 году и является основой для создания RESTful API. RESTful API — это веб-сервис, который использует протокол HTTP для обмена данными. Он предоставляет возможность получать, создавать, обновлять и удалять данные на удаленном сервере, используя стандартные HTTP-методы (GET, POST, PUT, DELETE и т. д.). RESTful API использует ресурсы (например, товары, пользователи, заказы) и URI (Uniform Resource Identifier) для доступа к этим ресурсам. Клиент отправляет запросы на сервер, указывая URI и метод HTTP, а сервер возвращает ответ, который может содержать данные в различных форматах (например, JSON или XML). Принципы RESTful API: - Клиент-серверная архитектура: сервер и клиент независимы друг от друга, что позволяет развивать их независимо. - Отсутствие состояния (stateless): каждый запрос клиента должен содержать всю необходимую информацию для его обработки, без сохранения состояния на сервере. - Кэширование: клиенты могут кэшировать ответы сервера, чтобы уменьшить количество запросов. - Единообразие интерфейса: единообразный интерфейс между клиентом и сервером упрощает взаимодействие и увеличивает его надежность. - Слои: клиент не должен знать о слоях на сервере, которые обрабатывают запросы. 👉 @frontendInterview

Я: прошу Cursor пофиксить ошибку в коде. Коктейль из умнейших нейросетей: 👉 @frontendInterview

Ищу желающих выполнять задачи с помощью ИИ! Работа полностью на удаленке с зп до 150 000 рублей в месяц. Без опыта, нужен только телефон, занятость 3-6 часов в день. Всему обучат на бесплатном курсе и после возьму на работу: ✅ 3 дня уроков по 30 минут ✅ Домашки с проверкой и оплатой бонусами ✅ Плачу 10 тыс за каждую выполненную домашку Все кто пройдет курс, получат сертификат от школы с образовательной лицензией. ⚡ Набор заканчивается завтра. 👍 Для регистрации жмите кнопку "Зарегистрироваться": Зарегистрироваться #реклама 16+ ganstaagency.com О рекламодателе

К вопросу о кошмарном качестве книг по программированию. Моя не наглядная книга о наглядном CSS Сколько раз уже писано‑переписано о том, что современные печатные книги на компьютерную тематику — это на редкость некачественный товар. И всё равно каждый раз я не перестаю удивляться, как же их создатели не стыдятся выпускать, да ещё и продавать за деньги такой редкостный треш. И дело даже не в кривом переводе. Мы уже давно научились догадываться, что именно «хотел сказать автор» на языке оригинала. Этот этап повсеместного падения качества книг уже пройден. Теперь издательства нацелились на новые антирекорды — соревнуются, кто кого переплюнет по количеству фактических ошибок в своих творениях. Например, по ужасающим косякам в исходных кодах программ. Каждый раз хочется воскликнуть: «Ребята, вы сами‑то хоть один раз перечитали своё творение?!» 👉 @frontendInterview

​Создание массива из большого количества повторяющихся элементов Есть несколько разных способов для создания массива с котиками. Допустим, нам нужно завести котиков в 100 комнат, по одному на комнату, как это сделать? Можно выделить место (память) для котиков, а потом заселить туда котиков:

 Array(100).fill("😸")  // Чуть более функциональный стиль

Также мы можем выделить 100 комнат, а потом пройти в каждую и руками туда посадить кота. Массив можно создать с помощью деструктуризации [...].

 [...Array(100)].map(() => "😸")

Также можно создать массив с помощью функции Array.from, указав способ обработки каждого элемента.

 Array.from(Array(100), () => "😸")

В Array.from также можно передать array-like структуру данных, для этого нам нужно передать поле length.

 Array.from({ length: 100}, () => '😸')

Можно создать пустой массив, создать цикл и поселить в каждую комнату по её индексу по коту.

 const arr = []
 for(let i=0; i<100;i++){
     arr[i] = "😸" // Чуть более императивный стиль
 }

Также можно пушить элементы в конец массива, это будет работать быстрее на большом количестве элементов.

 const arr = []
 for(let i=0; i<100;i++){
     arr.push("😸")
 }

👉 @frontendInterview