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

Какое влияние на производительность сайта имеет использование большого количества внешних библиотек и как можно улучшить эту производительность? Использование множества внешних библиотек, особенно крупных, может существенно увеличить время загрузки страницы, что повлияет на производительность сайта. Чтобы улучшить эту производительность, следует применять следующие методы: - Уменьшить количество библиотек, которые загружаются на странице, выбирая только необходимые. - Использовать максимально сжатые и минифицированные версии, чтобы уменьшить размер файлов. - Использовать Content Delivery Network (CDN), чтобы использовать кэширование и уменьшить время загрузки на стороне клиента. - Консолидировать все внешние библиотеки в одном файле, чтобы уменьшить количество запросов на сервер. - Использовать асинхронную загрузку, чтобы ускорить загрузку на стороне клиента, таким образом, страница будет загружаться быстрее. 👉 @frontendInterview

🎯 Тест по Node JS от OTUS 🚀 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на углубленном курсе - Node JS Developer от OTUS Курс рассчитан на frontend-разработчиков или backend-разработчиков со знанием Javascript 🔥 РЕЗУЛЬТАТ ПРОХОЖДЕНИЯ КУРСА Разработка серверных приложений любой сложности на Node.js с использованием Express, TypeScript, GraphQl, Apollo и Nest.js Время прохождения теста ограниченно 30 минут 👉 ПРОЙТИ ТЕСТ Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Нативная интеграция. Информация о продукте www.otus.ru

Какое поведение будет у функции, определенной с помощью Function Declaration, если ее вызов расположен перед определением функции в коде? В JavaScript функции, созданные с помощью Function Declaration, могут быть вызваны до их определения. Это называется "hoisting" или "поднятие". При поднятии переменные и функции объявляются на самом верхнем уровне области видимости. Таким образом, даже если вызов функции появляется до ее определения в коде, функция будет все равно выполнена успешно. 👉 @frontendInterview

Кодировщик дубликатов Цель этой каты - преобразовать строку в новую, где каждый уникальный символ преобразуется в "(", а каждый дублирующийся в ")" Примеры: "din" => "(((" "recede" => "()()()" "Success" => ")())())" "(( @" => "))((" 👉 @frontendInterview

Learn Three.js: Program 3D animations and visualizations for the web with JavaScript and WebGL, 4th Edition (2023) Книга начинается с основных концепций и строительных блоков, используемых в Three.js, и помогает вам подробно изучить эти важные темы с помощью обширных примеров и образцов кода. Вы узнаете, как создавать реалистично выглядящие 3D-объекты с помощью текстур и материалов и как загружать модели из внешнего источника. 👉 @frontendInterview

Что такое бандл (bundle) и как он используется в Frontend разработке? Бандл - это артефакт, который создается сборщиком модулей (например, Webpack) и содержит весь JavaScript-код, требуемый для работы приложения. Он может включать в себя как код приложения, так и зависимости (библиотеки и фреймворки), необходимые для его функционирования. Бандл может быть в нескольких версиях для разных сред (например, разработка, тестирование, продакшн). Бандл позволяет сократить количество запросов к серверу, ускорить загрузку страницы и обеспечить лучшую производительность приложения. Кроме того, бандл можно оптимизировать для уменьшения его размера и ускорения загрузки, например, используя сжатие (compression) и минификацию (minification) кода. 👉 @frontendInterview

Офер для фронтендеров в Яндекс за пару дней 27–28 мая мы проводим Weekend Offer Frontend. Ищем разработчиков на JavaScript и TypeScript с опытом от 4 лет. После двух технических собеседований вы сможете выбрать нанимающую команду по душе и, если всё пройдёт хорошо, в тот же день получите офер. Ищем фронтендеров в 13 разных проектов: Маркет, Рекламные продукты, Cloud, HR tech, 360, Суперапп, Лавка, Бизнес-приложения, Еда, Умный дом, Инфраструктура, Поиск и Учебник. Предлагаем работу в России и Беларуси, некоторые команды приглашают в офисы в Армении, Казахстане и Сербии. Регистрация открыта до 24 мая. Все подробности можно узнать здесь.

👉 @frontendInterview

Здесь собраны все технологические тренды и прогнозы цифровизации в удобном формате картинок и коротких списков. Вся суть без воды, айтишный юмор и digital-новинки. Подпишитесь, чтобы ничего не пропустить! Рекламодатель АО "ДОМ.PФ" ИНН 7729355614

🟡Тест по React JS от OTUS — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS Курс доступен в рассрочку. 🎁 Пройдете успешно тест, получите доступ к открытым урокам курса. Если вы планируете пополнить свой стек самым популярным JS-фреймворком — React, приходите на открытый урок “TDD + React”. Урок пройдет 27 апреля в 20:00 в рамках онлайн-курса “React.js Developer” https://otus.pw/bJaL/ Нативная интеграция. Информация о продукте www.otus.ru

Проведи майские с пользой! Участвуй в марафоне по фронтенд-разработке с наставничеством куратора и добавь в свое портфолио "Сайт зоосада PRETTY PAW". Марафон пройдет с 1 по 14 мая. За 14 дней ты освоишь: ▪️ Верстку сайта по макету Figma ▪️ Работу с Webpack ▪️ Напишешь стили для проекта, используя SCSS ▪️ Адаптив под все устройства ▪️ Весь интерактив будем писать, использую JavaScript - ES6 и выше (современный стандарт) ▪️ И многое другое Стоимость марафона всего 1490 рублей (вместо 2990 рублей) Регистрируйся по ссылке: https://in.methed.ru/md/044324281eed7cc1e9410f74aab90e13?utm_source=telegram&utm_medium=cpc&utm_campaign=zoo&utm_content=frontendInterview

Какие преимущества имеет использование CSS-препроцессоров и какие препроцессоры вы знаете? CSS-препроцессоры - это инструменты, позволяющие улучшить эффективность написания CSS. Они обычно имеют расширенный набор функций и возможностей, таких как переменные, миксины, наследование, импорт и другие. Преимущества использования препроцессоров CSS заключаются в повышении читабельности, упрощении обслуживания и масштабируемости CSS-кода. Некоторые из самых популярных CSS-препроцессоров: - Sass - это один из самых популярных препроцессоров, в котором используется более развернутый набор функций и возможностей. - Less - это более легковесный препроцессор, который использует синтаксис, более похожий на обычный CSS, чем Sass. - Stylus - это менее распространенный, но все еще мощный препроцессор, который зачастую используется в определенных фреймворках для веб-разработки. 👉 @frontendInterview

<head> Разбираешься во Front-End? </head> <body> Мы создали уникальную игру для программистов прямо в браузере с 3d миром будущего и с ревардами в криптовалюте. Пиши код, развлекайся и зарабатывай TON, выполняя интересные задачи от уровня Junior до уровня Senior! Перейди по ссылке и исследуй мир TONight: 👉 https://clck.ru/34Cq7D </body>

Станьте востребованным фронтенд-разработчиком в 2023 году.  Записывайтесь на курс от Хекслета, пройдите 5 бесплатных уроков профессии и получитескидку 10% на курс! Мы заинтересованы в успешном трудоустройстве наших студентов — гарантируем стажировки от компаний-партнеров и участие в Карьерном треке. Вернем деньги, если после учебы не получилось найти работу🔝 На профессии «Фронтенд-разработчик» вы за 10 месяцев: ✔️Изучите JavaScript в связке с HTML и CSS и освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.  ✔️Решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров.  ✔️Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Sours проектах. Оцените формат и решите, стоит ли продолжать! Вводные ознакомительные курсы профессии доступны бесплатно сразу после регистрации!

​В чем отличия между отзывчивым (responsive) и адаптивным (adaptive) дизайном и какой подход лучше применять? Responsive и Adaptive дизайн оба направлены на создание лучшего пользовательского опыта на различных устройствах. Различия между отзывчивым (responsive) и адаптивным (adaptive) дизайном заключаются в подходах, используемых для достижения этой цели. Отзывчивый дизайн использует гибкую сетку (flexible grid), чтобы создать дизайн, который автоматически масштабируется и меняет свой шаблон в соответствии с шириной экрана. Изначально разработчики создают макет для наиболее широкого экрана, но потом, используя медиазапросы (media queries), устанавливают разные правила CSS для разных размеров экранов, чтобы оптимизировать отображение страницы на различных устройствах. Адаптивный дизайн тоже позволяет создавать дизайны, которые могут адаптироваться к различным размерам экранов, но вместо того, чтобы использовать гибкую сетку, он изменяет сам контент, чтобы соответствовать ширине экрана. Какой из этих подходов лучше применять зависит от целей, которые разработчик хочет достичь. Если сайт имеет очень сложную структуру или использует много данных, адаптивный дизайн может быть лучшим выбором, потому что он дает больше контроля над тем, как контент будет отображаться на разных устройствах. Однако, если сайт имеет более простую структуру, то отзывчивый дизайн, благодаря своей гибкой сетке, может обеспечить более просто и удобно использование пользователей на любом устройстве. 👉 @frontendInterview