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

👉 @frontendInterview

✅Новый формат получения IT специальности - Буткемп. Что это такое? Буткемп — методика, которую использовали в лагерях для подготовки солдат. Чтобы стать полноценным бойцом, в обычных условиях новобранцу нужно 3-4 года. В условиях Bootcamp такого результата достигали за 4 месяца. Эффективность методики обоснована тем, что на период кемпа человек полностью погружается в процесс обучения и быстрей воспринимает информацию. Сейчас этот метод обучения активно используют в Гарварде, IT-компаниях, бизнес-проектах и образовательных программах. Для обучения IT специальностям (прежде всего программирование) формат начали использовать в 2011 году в США. Он быстро доказал свою эффективность и стал популярным. К примеру, за 2020 год IT буткемпы выпустили 24975 американцев. Для стран бывшего СССР, это новый формат. В 2018 году в России открылся первый - Эльбрус Буткемп. С тех пор его выпускниками стали 752 человека. 93% из них нашло работу в течение 3 месяцев после выпуска.  Буткемп работает как оффлайн (Москва и Санкт-Петербург), так и онлайн. Подробнее о формате Буткемп можно узнать на мероприятии в ближайший вторник

Как управлять переполнением блока в CSS? Свойство overflow позволяет буквально определить, что делать с содержимым блочного (то есть для элемента, у которого display определяется как block, inline-block, flex или grid) элемента, если оно не влезает в размеры — отобразить или обрезать (с полосами прокрутки или без). Пример Если содержимое блока будет больше, чем границы блока, оно будет «обрезано»: .article { /* Задаём ограничения по размеру блока */ width: 300px; height: 300px; overflow: hidden; } 👉 @frontendInterview

👉 @frontendInterview

В кризис выживет только IT-сфера - успей залететь. Frontend 53XApps – курс с оплачиваемой стажировкой Чтобы вырасти в качественного разработчика нужно учиться не только писать на языке программирования, но и понимать его. Курс Dev House и 53x Apps даст вам: 🔸Код-ревью после каждого урока; 🔸Групповое наставничество - не более 30 учеников на одного преподавателя; 🔸Идеологию и принципы работы фреймворков, научит понимать и работать с фреймворком Vue.js (или любым другим); 🔸Интерактивные вебинары и записи занятий; 🔸Качественное обучение востребованной профессии; 🔸Актуальная программа; 🔸Поддержка во время обучения; 🔸Доступ к сообществу учеников и специалистов. А лучшие студенты попадут на оплачиваемую стажировку в компанию 53x Apps.)) Курс пройдет онлайн с 1 апреля по 31 августа. Формат — прямые трансляции, домашние задания, ланч тайм с приглашенными экспертами, сообщество учеников в Telegram, постоянные код-ревью с преподавателем. Всего 30 мест в группе, успей записаться на новый поток

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

🎯 Тест по Vue.js от OTUS Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе «Vue.js разработчик». Сможете сдать — пройдёте на продвинутый курс по специальной цене, а также получите видео-курс по Git в подарок 🎁 👉🏻 ПРОЙТИ ТЕСТ https://otus.pw/MbHb/

Find the unique string Вам дан массив, состоящий из строк. При этом только одна строка уникальна. Создайте функцию, которая найдет и вернет эту уникальную строку. Примеры: findUniq([ 'Aa', 'aaa', 'aaaaa', 'BbBb', 'Aaaa', 'AaAaAa', 'a' ]) === 'BbBb' findUniq([ 'abc', 'acb', 'bac', 'foo', 'bca', 'cab', 'cba' ]) === 'foo' 👉 @frontendInterview

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

👉 @frontendInterview

👉 @frontendInterview

​Какие бывают глобальные атрибуты в HTML? Существует категория HTML-атрибутов, которые можно применить к любому или почти любому HTML-тегу. Пример глобального атрибута, с которым вы точно работаете постоянно — class. Его можно задать абсолютно любому тегу. Несколько глобальных атрибутов: contenteditable Делает любой элемент на странице редактируемым. В качестве значения для атрибута contenteditable используют true или false. data-* Это группа атрибутов, позволяющая перекидывать данные между HTML и DOM. Часто используется для взаимодействия с HTML при помощи JavaScript. Если не требуется менять внешний вид элемента, то это удобнее, чем передёргивать классы. hidden Не требует явного указания значения, наличие атрибута само по себе означает состояние true. Прячет со страницы любой HTML-элемент. Причём элемент невидим не только для глаз пользователя, но и для скринридеров. spellcheck С помощью этого атрибута мы указываем браузеру, что в элементе, которому он задан, нужно проверить правописание. Значение: true или false. tabindex Указывает браузеру, нужно ли видеть этот элемент при навигации по странице с помощью клавиатуры. Часто используется для неинтерактивных элементов. Значение: отрицательное или положительное целое число. 👉 @frontendInterview

👉 @frontendInterview

🎯 Хочешь овладеть Vue.js на продвинутом уровне? Начни 23 марта на вебинаре «Организация кода и паттерны Vue» в OTUS. Его проведет Юрий Тимофеев, Senior Software Engineer в EPAM Systems. Разберем, как структурировать файлы и код в приложении по мере роста кодовой базы, а также паттерны service pattern, fabric pattern, библиотеку axios и provide/inject. Участие бесплатное, но вебинар доступен только тем, кто знаком с JavaScript. 📚 Пройди тест и регистрируйся https://otus.pw/UP8B/

Weekend Offer от Вконтакте для фронтенд-разработчиков стартует 19 марта несмотря ни на что Поэтому, если вы в поиске работы, оставить заявку на участие можно до 18 марта включительно. Уже 19 марта Вконтакте проведёт общую встречу с тимлидами и СТО, на которой они расскажут про задачи и продукты, чуть позже проведут технические собеседования. А 20 марта пройдёт финальное интервью со всеми, кто успешно пройдёт первый этап, чтобы обсудить условия работы. Сейчас требуются специалисты в самые разные команды, поэтому шансы достаточно высоки. Смотрите сами, им нужны специалисты для развития суперприложения, мессенджера, фронтенд-инфраструктуры, визуализации данных, поиска, различных сервисов проекта и внутренней разработки. Поспешите оставить заявку: https://tprg.ru/1kZ0

Как можно создать «красную строку» — добавить отступ для первой строки абзаца в CSS? Свойство text-indent управляет отступом первой строки текста: либо вытягивает строку за пределы абзаца, либо утягивает её внутрь. Используется для выделения начала абзаца при плотном наборе без отступов между абзацами. Строка смещается по горизонтали относительно начала строки. Пример div { text-indent: 20px; } 👉 @frontendInterview