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

​❕ Frontend Developer в проект Kwork (Senior/Middle+) ❕ от 270 000 до 310 000 руб. на руки 📌 Полная занятость, 📌удаленная работа Мы приглашаем в команду разработки крупной международной платформы Kwork высококлассного талантливого Frontend разработчика. (мы предлагаем не добавится в ряды продавцов на платформе, а именно работать над ней самой) Сегодня Kwork - это лидер фриланса в рунете, 4,5 млн посетителей каждый месяц и первое место по трафику (по данным SimilarWeb) и количеству заказов в рунете. Чем нужно будет заниматься: 🖍 Разработкой и адаптивной версткой веб сайта Kwork (мультиязычная разработка - пользовательский интерфейс на нескольких языках). 🖍 Ускорением сайта. Даже доля секунды для нас играет мега важную роль. 🖍 Написанием JS скриптов и реактивных компонентов для пользовательского интерфейса. Что мы ожидаем от кандидата: ✳️ Отличные знания JavaScript, CSS, HTML, JQuery, JSON. ✳️ Умение работать с Vue.js, SCSS, Webpack, возможностями ES6, Smarty. ✳️ Желательны базовые знания PHP, MySQL. ✳️ Внимательность и обостренное чувство прекрасного. ✳️ Постоянно изучаешь новейшие технологии ✳️ Любишь все автоматизировать и оптимизировать Условия: 🔸 Оплата от 270 000 до 310 000 руб. на руки. С успешным кандидатом готовы обсуждать его ожидания. 🔸 Полностью удаленная работа по комфортному графику (от 30 часов в неделю) с использованием Agile, Git. 🔸 Работа в позитивной атмосфере с командой профессионалов. 🔸 Отлаженные процессы работы в компании и логично выстроенные коммуникации 🔸 Регулярный пересмотр ставок - мы следим, чтобы всегда оставаться в рынке. Этапы отбора: ✒️ Небольшая анкета. ✒️ Тест на 20 вопросов. ✒️ Интервью с ведущим Frontend Developer проекта и HR на 20-30 минут. ‼️ Оффер в день интервью. Минимальный уровень бюрократии и быстрый фидбек‼️ Ждем тебя в команду единомышленников, которые выполняют свою работу и при этом получают удовольствие! ‼️ Направляйте резюме на hr.ast@mirafox.ru (тема письма "Frontend Developer")

❓Весь Фронтенд и сразу? Это в Frontender's notes - самом большом канале по HTML, CSS, JS, TypeScript, React, Node.js и развитию Soft-skills, Подписывайся и становись годным разработчиком🔥

Real-World Next.js: Build scalable, high-performance, and modern web applications using Next.js, the React framework for production (2022) Next.js - это масштабируемый и высокопроизводительный фреймворк поверх React.js для современной веб-разработки, предоставляющий большой набор функций, таких как гибридный рендеринг, предварительная выборка маршрутов, автоматическая оптимизация изображений и интернационализация. Если вы хотите создать блог, сайт электронной коммерции или простой веб-сайт, эта книга покажет вам, как можно использовать многоцелевой фреймворк Next.js для создания впечатляющего пользовательского опыта. 👉 @frontendInterview

Узнать математическую операцию Вы должны создать функцию calcType, которая принимает три аргумента: 2 числа и результат неизвестной операции, произведенной над этими числами. Функция должна вернуть название операции, произведенной над числами. Возможные операции: "addition", "subtraction", "multiplication", "division" Пример: calcType(1, 2, 3) --> 1 ? 2 = 3 --> "addition" 👉 @frontendInterview

perspective Свойство perspective определяет расстояние от пользователя до задней стенки экрана по оси z. Таким образом можно придать глубину элементу, к которому применяется свойство transform. Эффект заметен только при 3D-трансформациях. Свойство perspective влияет на вложенные элементы контейнера, для которого указано, а не на сам контейнер. Пример .parent { perspective: 50px; } .child { transform: rotateX(10deg); } 👉 @frontendInterview

❔❔ JS-разработчик? А насколько хорошо ты знаешь Vue.js? JS-разработчик? А насколько хорошо ты знаешь Vue.js? ✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js Developer" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене! ⏰ Время прохождения теста ограничено 30 минут ✍️ПРОЙТИ ТЕСТ: https://otus.pw/NnCO/ Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

👉 @frontendInterview

31 марта МТС собирает крупнейшую в России IT-конференцию TRUE TECH DAY. Почему сейчас? Потому что давно пора показать, что скрывают «под капотом» топовые продукты продвинутых технологичных компаний. Каждый участник конференции протестит на себе true-технологии и испытает новые впечатления, меняющие мир пользователей. Что будет: → 7 треков: AI, Main Track, Big Data, Architecture, Cybersecurity, Leading Change, Product Manager. → 50+ мировых спикеров с топовыми темами без воды и лирики → 10 часов нетворкинга и обмена опытом в Москве, Дубае, Тбилиси и Астане → много интерактивных и цифровых зон → а после — грандиозная вечеринка со звездным лайн-апом Все спикеры и темы уже на сайте. Регистрируйся на True Tech Day по ссылке. Участие бесплатно

👉 @frontendInterview

🔥Тест по JavaScript от OTUS 🔥 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «JavaScript Developer. Professional» 👉 ПРОЙТИ ТЕСТ https://otus.pw/jrws/ 💣 Пройдете тест и получите: ✔️ Живое общение с экспертами JavaScript-сообщества ✔️Получите видео-курс по Git в подарок ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional» Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

​area С помощью тега <area> можно сделать красивую навигацию, разметив обычную картинку областями и указав для них ссылки. <area> не знает как жить без тега-контейнера <map> Элементарная навигация по трём разделам: <map name="doka"> <area shape="rect" coords="47,4,319,64" href="/html/" target="_blank" alt="HTML"> <area shape="rect" coords="46,69,318,129" href="/css/" target="_blank" alt="CSS"> <area shape="rect" coords="46,133,318,193" href="/js/" target="_blank" alt="JS"> </map> <img usemap="#doka"> Тег <area> помещаем внутрь <map> и прописываем два обязательных атрибута: - shape определяет форму области. Можно указать circle для круга, poly для произвольной формы или rect для прямоугольника (он же форма <area> по умолчанию); - coords задаёт координаты области. Для круга проще всего: x, y, R, где R — радиус круга, для прямоугольника формат x1, y1, x2, y2, а для произвольной формы x1, y1, x2, y2, ... , xn, yn. Поскольку у произвольной формы может быть много точек, будьте готовы к длинному коду Но пока что область «мёртвая», то есть её нельзя выбрать. Чтобы исправить это, добавим следующие атрибуты: - href для адреса ссылки; - target для способа эту ссылку открыть; - alt для альтернативной подписи. 👉 @frontendInterview

​Чего вам не хватает, чтобы стать мидл-разработчиком? А может, вы уже мидл? Пусть нанимающие менеджеры сами расскажут, каких специалистов они считают мидлами. На вебинаре спросим это у представителей разных компаний: крупной, очень крупной и международной. → Бесплатно, 23 марта в 19:00 Вебинар будут вести: ◾️ Алексей Мясников, старший разработчик в Яндекс Облаке, на проекте YDB ◾️Вячеслав Скворцов, Engineering Manager в Adjust GmbH ◾️Владислав Шевченко, руководитель бэкенд-практики на Go/Python в redmadrobot ◾️Анна Смирнова, руководительница карьерного центра направления Программирования в Яндекс Практикуме. Вы узнаете: — что влияет на продвижение разработчика из джуна в мидла — спикеры поделятся своим опытом; — чего ждут от мидл-разработчиков в крупных компаниях и стартапах, в России и за рубежом; — где можно быстрее набраться опыта и дорасти до мидла; — какая разница в зарплате может быть у мидлов и джунов в российских и международных компаниях; — какие задачи дают джунам и мидлам на собеседованиях и что хотят понять с их помощью. → Зарегистрироваться на вебинар

::marker Это псевдоэлемент, отвечающий за маркерное поле. В нём находятся, например, маркеры списка. Пример Создадим ненумерованный список <ul> и установим синий цвет точки для каждого элемента <li>: <ul> <li>Цвет точек</li> <li>этого ненумерованного списка</li> <li>#2e9aff</li> </ul> li::marker { color: #2e9aff; } Псевдоэлемент ::marker работает только на элементах списка. 👉 @frontendInterview

Разделите по типам Вам дан массив значений с разными типами данных. Напишите функцию, которая вернет объект с отсортированными значениями. Пример: Входное значение ['a', 1, 2, false, 'b'] Выходное значение

 {
   number: [1, 2],
   string: ['a', 'b'],
   boolean: [false]
 }

👉 @frontendInterview

Node, Nest, Next, Express🤯 - пора бы всё объединить! Для этого мы создали отдельный уголок - Серверный JavaScript. Собрали всё, проверяй🔥