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

Наглядная разница между джунами и сеньорами 👉 @frontendInterview

Регистрируйтесь на конкурсы на площадке GitVerse и получайте возможность выиграть 500 тыс. руб! Объявляем о начале регистрации на конкурсы от GitVerse в рамках олимпиады «IT-Планета 2024». Вас ждут два трека, увлекательные задания и призовой фонд в размере 500 тыс. рублей *! До 31 марта регистрируйтесь в конкурсе и проходите отборочное тестирование на платформе для разработчиков GitVerse от СберТеха. Можно выбрать из двух направлений: 👉 «Прикладное программирование if...else» Это конкурс для разработчиков в возрасте от 18 до 35 лет, которые создают прикладное ПО. Требования к участникам — знание C/C++/Java/Python, понимание алгоритмов и умение применять их на практике. Вас ждут прикладные задачи, связанные с разработкой серверной части. А в случае успешного прохождения второго этапа — очный финал! Подробные условия конкурсов и регистрация. 👉 «Разработка игр – GameDev» Это соревнование для разработчиков игр в возрасте от 18 до 35 лет. Участвовать можно самостоятельно или вместе с командой до 4 человек. Требования — отличное понимание игровых механик, знание всех аспектов движков и умение выбирать правильное решение для прототипирования игры. Каждый конкурс состоит из трех этапов: отборочное тестирование, основной этап — отправка проектов или решение прикладных задач, — и очный финал. Подробные условия конкурсов и регистрация. Следите за новостями и удачи в конкурсах! *За вычетом НДФЛ

Екатеринбург, 21 марта приглашаем на митап IT Talk by Sber! 😉 Поговорим о том, как сделать правильную анимацию в браузере, обсудим управление UI через backend и узнаем о проблемах наследования кода. А после — ответим на все вопросы, пообщаемся и просто отлично проведём время. Спикеры и темы: - Михаил Прядун, Frontend Developer, «Правильная анимация и хороший CSS» - Алексей Кардашов, Java Developer, «Управление UI через backend в стеке jvm с использованием composite screen platform» - Ирина Шахтарина, аналитик, «Это всё, что останется после меня: проблемы наследования кода и передачи права на него» Встречаемся 21 марта в 18:30 в Технохабе Сбера по адресу ул. Розы Люксембург, 56а. Ждём всех крутых разработчиков Урала! Регистрируйтесь по ссылке 💚

Бесплатное обучение для тех, кто продаёт в интернете 11 марта стартует ecom-интенсив от Яндекс Рекламы. За 3 недели расскажем, как получать больше трафика и продаж тем, кто продаёт товары онлайн. Кому будет полезно: - Если вы развиваете свой интернет-магазин, узнаете, как с помощью рекламных инструментов Яндекса масштабировать бизнес. А ещё разберётесь, как улучшить свой сайт, и научитесь работать с аналитикой. - Если вы только задумываетесь о своём сайте, поймёте, когда бизнесу нужно вкладываться в развитие новых каналов продаж, и узнаете о возможностях рекламы в Яндексе, в том числе бесплатных. В программе разбор кейсов и рекомендации по улучшению рекламных кампаний от экспертов интенсива. А ещё будет много подарков: промокоды Плюса и Букмейта, Яндекс Станция и Умный телевизор. Узнать больше #реклама yandex.ru О рекламодателе

О найме. Взгляд оттуда В этой статье автор проанализировал процессы найма в США (FAANG) и в России, Указал на преимущества и недостатки. Разобрал все этапы и предоставил советы как для собеседующих, так и для соискателей. Прочитать эту статью будет полезно для каждого, кто собирается проходить собеседования в IT. 👉 @frontendInterview

7 дней бесплатного обучения frontend-разработке! Организовали для тебя бесплатный интенсив по frontend-разработке с практикой и куратором. Что будет: 1️⃣ Создание веб-сайта на HTML и CSS Мы научим тебя создавать стильные и функциональные веб-страницы с использованием современных технологий. 2️⃣ Оживление страницы с помощью JavaScript Узнаешь, как добавить интерактивность и динамичность в свои проекты. 3️⃣ Использование фреймворка Angular Узнаешь, как использовать этот инструмент для создания масштабируемых и эффективных веб-приложений. 4️⃣ Подключение Backend Мы научим тебя основам работы с Backend'ом и покажем, как развернуть проект на хостинге. 5️⃣ Советы по доработке проекта Получишь советы от опытных разработчиков, чтобы улучшить свой проект и достичь более высокого уровня качества. 🔥 А главное, ты проведёшь 7 дней в компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Участвуй бесплатно

Драг-н-дроп для загрузки файлов Задача Загрузка пользователем файлов на сервер — часто встречающаяся задача при создании сайтов и приложений. Текущие возможности JavaScript позволяют нам выбирать нужный файл простым его перетаскиванием в установленную область страницы браузера. Широкую поддержку событий перетаскивания обеспечивают современные десктопные браузеры, среди мобильных браузеров такая поддержка пока низкая. Поэтому, если необходимо реализовать передачу файла на сервер также и для пользователей мобильных устройств, стоит добавлять возможность выбрать файл с использованием элемента <input type="file">. В статье будет рассматриваться вариант выбора файла с использованием перетаскивания. Загрузка файла на сервер состоит из трёх частей: 1. Выбор пользователем файла на своём устройстве. 2. Проверка параметров обработки файла и формирование данных с обращением к серверу. 3. Обработка данных на сервере и отправка ответа клиенту. 👉 @frontendInterview

Бесплатный интенсив для тех, кто хочет работать фронтенд-разработчиком В сфере IT сейчас кадровый голод и компании очень нуждаются в хороших спецах.    Я знаю это наверняка, потому что сам постоянно нанимаю людей на проекты.  Как стать востребованным фронтенд-разработчиком? ➡️ Все подробности ты узнаешь на бесплатном интенсиве 14-15 марта «ТОП профессия 2024 — Frontend-разработчик». За 2 дня поймёшь: ➤ какие навыки помогают легко трудоустраиваться и быстро расти в IT карьере ➤ как можно за год выйти из позиции Junior в Middle и расти в доходе х3-х5  ➤ где и как получить нужный опыт, чтобы компании сами предлагали тебе работу  ✅ И всё это тебе расскажу я, технический директор Purrweb, спикер YaTalks, Сергей Пономарев.  Регистрируйся на интенсив и узнай больше о программе и бонусах за участие 👉 Зарегистрироваться

⁉️ Только начинаешь свой путь в IT, и для трудоустройства не хватает реального опыта работы? Знакомая история? Тогда давай к нам! 🚀 PREAX — онлайн-стажировка для frontend-разработчиков. Помогаем накопить реальный 💪 опыт, формируем кадровый резерв для работодателей и привлекаем лучших к коммерческим заказам. ЧТО ВНУТРИ? 🔖 Пять больших проектов. Пополнишь портфолио крутыми кейсами. 🔖 Спринты и дедлайны. Научишься рассчитывать время и укладываться в сроки. 🔖 Работа с легаси. Исправишь ошибки, оптимизируешь код и сделаешь рефакторинг. 🔖 Пачка код-ревью. Поделишься опытом и увидишь, как сделать свой код еще лучше. 🔖 Поддержка сообщества. Сможешь задать вопрос и получить совет, если нужна помощь. 🔖 Новый стек технологий. Закрепишь на практике и расширишь стек технологий. 🔖 Гибкий график. Сможешь выстраивать нагрузку, легко совмещая её с работой или учебой. В итоге получишь реальный опыт работы в команде! Попробуй! 1-й спринт — 🆓 БЕСПЛАТНО! Реклама, ООО «Преакс Плэтформ», ОГРН 1237700372755

Поговорим про деньги в IT? Приглашаем опытных IT-специалистов пройти небольшой опрос про зарплаты и бенефиты в технологических компаниях. Это займёт не более 7 минут. Пройти опрос можно здесь

Что такое SVG-спрайты, как их создавать, когда применять и как они могут помочь вам в улучшении производительности вашего сайта. SVG-спрайт — это файл, получаемый в результате объединения нескольких файлов SVG. Файл-спрайт используется для сокращения количества запросов к сети — вместо загрузки нескольких файлов, грузится только один. Также для уменьшении размеров и читаемости HTML-кода при многократном использовании векторной графики в разметке. Как создать SVG-спрайт Предположим что уже имеется подготовленный набор отдельных SVG-иконок. Перейдём к формированию SVG-спрайта. Для начала создадим отдельный файл с расширением .svg. Внутрь созданного файла добавим обёртку для SVG-файла состоящую из тега <svg> и атрибута xmlns, указывающего используемый диалект XML.

 <svg xmlns="http://www.w3.org/2000/svg">
  ...
 </svg>

Далее каждая SVG-иконка помещается внутрь тега <symbol>, который предоставляет возможность группировать элементы. При этом данные объекты не отображаются до тех пор пока на них не будут ссылаться при помощи тега <use>. Код ниже сокращён для удобства чтения.

 <svg xmlns="http://www.w3.org/2000/svg">
  ...
  <symbol id="social-facebook" viewBox="0 0 6 12">
    <path d="M1.09903 2.72854C1.09903 ..."/>
  </symbol>

  <symbol id="social-twitter" viewBox="0 0 16 11">
    <path d="M13.3758 4.62011C14.2231 ..."/>
  </symbol>
  ...
 </svg>

Каждый элемент <symbol> содержит атрибут id с уникальным идентификатором, который будет использоваться для ссылки на иконку в HTML. Также, каждая иконка содержит атрибут viewBox, который определяет размеры окна отображения. Управляя данным атрибутом, можно указать в какой части холста находится конкретная иконка. Это позволяет использовать в спрайте иконки разных размеров и масштабировать их. Чтобы использовать иконку из спрайта на странице, нужно добавить внутрь тега <svg> тег <use> с обязательным атрибутов href. Данный атрибут должен ссылаться на файл спрайта с указанием id символа, содержащего нужное изображение.

 <svg class="social-icon" viewBox="0 0 24 24" width="24" height="24">
   <use href="sprite.svg#social-vk" x="0" y="0"></use>
 </svg>

Полученные таким образом элементы можно стилизовать с помощью CSS, как и обычные HTML-элементы. 👉 @frontendInterview

Яндекс Практикум запустил курс «Инженер по тестированию: от новичка до автоматизатора». На нём студенты научатся вручную тестировать приложения и сайты, а потом — писать код на языке Java, чтобы запускать автоматические тесты. Автоматизация — востребованный навык у опытных тестировщиков, который открывает путь к более высоким должностям. Что вас ждёт во время учёбы: — Интерактивный учебник, где всё объясняем простым языком. — Тренажёр с мгновенной проверкой заданий. — Практика на учебных приложениях и проекты для портфолио. — Команда сопровождения, которая поможет разобраться в сложных темах и дойти до конца. — Карьерные консультанты, которые научат составлять резюме, проходить собеседования и тестовые задания. Попробуйте курс бесплатно, а если понравится — приходите учиться.

Обучаем Java-разработчиков оплата после выхода на работу В Kata Academy можно выучиться на Java-разработчика бесплатно, а заплатить уже после трудоустройства по специальности из фактической зарплаты. Если задуматься, то все в выигрыше: — ты получаешь работу в Москве или Санкт-Петербурге с хорошей зарплатой, мы получаем процент за инвестиции в тебя; — в наших интересах научить тебя так, чтобы твоя зарплата была как можно выше; — мы прокачиваем твои навыки еще 2 года после курса: проводим выездные мероприятия и мастер-классы — и доходы наших выпускников растут; — мы не зависим от банков и их рассрочек — кризис не повлиял на доступность курсов. Чтобы попасть на курс, нужно выполнить небольшое тестовое задание. Переходи по ссылке и оставляй заявку! Узнать больше #реклама kata.academy О рекламодателе

validate PIN code Банкоматы позволяют использовать 4-6-значные PIN-коды, а PIN-коды не могут содержать ничего, кроме 4-х цифр или 6-ти цифр. Если функция передана корректной PIN-строке, верните true, иначе верните false. Пример: "1234" --> true "12345" --> false "a234" --> false 👉 @frontendInterview

TypeScript. Подробное Руководство (4.9 beta) TypeScript — это язык программирования со статической типизацией, позиционирующий себя как язык, расширяющий возможности jаvascript. Typescript код компилируется в jаvascript код, который можно запускать как на клиентской стороне (браузер), так и на стороне сервера (Node.js). Мультиплатформенный компилятор TypeScript отличается высокой скоростью компиляции и публикуется под лицензией Apache, а в его создании принимают участие разработчики со всего мира, что привело к традиции выпускать новую версию каждые два месяца. Несмотря на такую периодичность, версии долгое время сохраняют совместимость, а по истечению долгого времени устаревшее поведение остается доступным при активизации специальных флагов компилятора. 👉 @frontendInterview

scrollIntoView Метод scrollIntoView позволяет программно прокрутить окно до определённого элемента вне зависимости от положения элемента в окне. let element = document.querySelector("#about") // в element должен быть любой DOM-элемент на странице element.scrollIntoView() У scrollIntoView может быть аргумент типа boolean: - Если указать true, то скролл будет перемещён чтобы верхняя граница элемента совпала с верхней границе окна. - Если указать false, то скролл остановится так, чтобы нижняя граница элемента была вровень с нижней границей окна. А ещё в scrollIntoView() можно передать объект с опциями скролла, где: - behavior отвечает за анимацию прокрутки. Принимает smooth, чтобы было плавно, по умолчанию резкое auto; - block за вертикальное выравнивание. Принимает start, center, end и nearest; - inline за горизонтальное выравнивание. Принимает то же, что и block. 👉 @frontendInterview

👉 @frontendInterview