​В JavaScript есть два типа данных: примитивы и объекты. Расскажите, как они отличаются друг от друга и почему это важно?

Примитивные типы данных в JavaScript (строки, числа, булевы значения, undefined и null) отличаются от объектов тем, что они хранятся в памяти как неизменяемые значения. То есть, если вы пытаетесь изменить значение переменной, содержащей примитивный тип данных, вы на самом деле создаете новое значение этого типа в памяти.

В отличие от примитивных типов данных, объекты являются изменяемыми значениями. Объекты хранятся в памяти как ссылки на место их расположения. Поэтому при изменении свойства объекта вы не создаете новое значение, а изменяете уже существующее.

Понимание разницы между примитивными типами данных и объектами в JavaScript является важным для разработки программ на JavaScript, поскольку это помогает оптимизировать использование памяти и избежать ошибок, связанных с неожиданной передачей ссылок на объекты в качестве аргументов в функции или при присваивании значений переменным. Кроме того, знание различий между примитивами и объектами помогает написать более безопасный и эффективный код.

👉 @frontendInterview

​🇬🇧Навык №1 в любом направлении IT — это английский!

Как пример ⬇️

✔️ Марат- работает UX/UI дизайнером, хочет выйти на зарубежный рынок, но знаний английского нет и единственное спасение переводчик. Он принимает решение учить английский язык и теперь работает с зарубежными клиентами,уверенно общается с рекрутами на английском языке,а построение предложений и применение лексики не кажутся трудными и нет больше страха ошибаться!

Второй пример ⬇️

✔️Милана - работает тестировщиком. Всего за 12 занятий она забыла что такое переводчик в работе . Выступает на крупных международных конференциях ,общается с иностранными клиентами и ведет всю документацию только на английском языке!

✔️Если вы также желаете стать крутым специалистом на международном рынке,то рекомендую вам подписаться на
канал Анастастии, преподавателя по английскому языку и владелицы онлайн — школы Air.English

📎Вы научитесь обходиться без переводчика
📎Сможете построить карьеру в международной компании
📎Начнете работать с иностранными заказчиками⬇️

Подписывайтесь на канал Насти
и получайте работу мечты благодаря английскому языку уже в ближайшее время 💓

https://news.1rj.ru/str/+VqDFFiOdUddkYzVi

👉 @frontendInterview

Какие основные приемы оптимизации производительности JavaScript вы используете в своей работе?

Все зависит от конкретной задачи и контекста работы.
Некоторые приемы, которые я использую для оптимизации производительности JavaScript в своей работе, включают использование локальных переменных, избегание глубокой вложенности циклов и условий, а также использование декларативного программирования вместо императивного.

Кроме того, я стараюсь минимизировать количество запросов к серверу и избегать использования синхронных запросов, так как это может приводить к замедлению работы приложения. Также я использую различные инструменты для профилирования производительности, такие как Chrome DevTools или Firebug, чтобы найти и исправить узкие места в коде.

👉 @frontendInterview

Docker Compose для разработчика: Упростите разработку и оркестрацию многоконтейнерных приложений

Разработка программного обеспечения становится все сложнее из-за использования различных инструментов. Приложения приходится упаковывать вместе с программными компонентами, чтобы упростить их работу, но это усложняет их запуск. С помощью Docker Compose можно всего одной командой настроить приложение и необходимые зависимости. Вы познакомитесь с основами томов и сетей Docker, с командами Compose, их назначением и вариантами использования. Настроите базу данных для повседневной работы, доступную через сеть Docker, установите связь между микросервисами.

👉 @frontendInterview

Создание номера телефона

Создайте функцию, которая принимает массив из 10 чисел и возвращает строку в виде номера телефона, составленного из этих чисел.

Пример:
createPhoneNumber([1, 2, 3, 4, 5, 6, 7, 8, 9, 0])
// => returns "(123) 456-7890"

👉 @frontendInterview

Какие паттерны в React нужно знать JS-разработчику?

✔️Разберем основные паттерны на открытом уроке 16 мая в 20:00 мск в OTUS. Занятие пройдет в рамках онлайн-курса «React.js Developer» в OTUS. На занятии мы также применим несколько часто встречающихся паттернов на практике. Больше навыков работы с React.js вы сможете получить на курсе.

Хороший разработчик всегда думает о качестве и удобстве использования кода, особенно при написании библиотек компонентов. Сообщество React разработало несколько классных паттернов, которые помогут создать идеальные компоненты с лучшей контролируемостью и расширяемостью.

✍️Для участия пройдите вступительный тест https://otus.pw/Hnm0/

Курс доступен в рассрочку.

Нативная интеграция. Информация о продукте www.otus.ru

​Как создать анимированный градиентный фон на сайте при помощи CSS?

Для создания анимированного градиентного фона на сайте при помощи CSS можно использовать свойство background и задать несколько градиентов в CSS. Например, можно задать два градиента и использовать анимацию для их плавного перехода друг в друга. Ниже приведен пример CSS кода:

 background: linear-gradient(to right, #000000, #ffffff), linear-gradient(to right, #ffffff, #000000);
 background-size: 200% 100%;
 background-position: left bottom;
 animation: gradient 10s ease infinite;

 @keyframes gradient {
     0% {
         background-position: left bottom;
     }
     100% {
         background-position: right bottom;
     }
 }

В этом примере мы задали два линейных градиента, которые идут друг за другом. Затем мы установили размер фона в 200% и позицию на левой стороне нижнего края. Далее мы задали анимацию gradient, которая будет длиться 10 секунд, иметь функцию плавности ease и будет повторяться бесконечно. Внутри анимации мы задали два ключевых кадра: 0%, где позиция фона находится на левой стороне нижнего края, и 100%, где позиция фона находится на правой стороне нижнего края.

👉 @frontendInterview

Спустя полтора месяца MoscowJS снова здесь! 52-й по счёту митап уже 18 мая и на этот раз в гостях у Авито.

Как всегда насыщенная программа:
⚡️ Профилирование фронтенда в проде
Илья Алонов из Авито

⚡️ Доступность для всех
Татьяна Чуйкова и Артём Чугаинов из Kaspersky

⚡️ Pet-projects: песочница для разработчика
Паша Кондаков из Тинькофф

⚡️ It is fine, или Как эффективно выгореть
Ольга Кобец

В прямом эфире можно будет задать вопросы спикерам.

Смотрите трансляцию митапа на ютуб-канале AvitoTech 18 мая в 19:00. Подписывайтесь на канал, ставьте колокольчик под видео и добавляйте встречу себе в календарь, чтобы не пропустить.

Реклама. ООО «Авито Тех». LdtCKPRBz

Как браузер рисует страницы?

Чтобы нарисовать на экране результат работы нашего кода, браузеру нужно выполнить несколько этапов:

- Сперва ему нужно скачать исходники.
- Затем их нужно прочитать и распарсить.
- После этого браузер приступает к рендерингу — отрисовке.

Подробнее про каждый этап в статье.

👉 @frontendInterview

​Какие преимущества и недостатки имеет методология БЭМ (Блок-Элемент-Модификатор) в CSS-разработке?

Методология БЭМ в CSS-разработке имеет свои преимущества и недостатки.

Преимущества методологии БЭМ:
1. Улучшенная читаемость кода CSS благодаря использованию именования блоков, элементов и модификаторов.
2. Упрощение поддержки и расширения кода благодаря модульному подходу и возможности переиспользования блоков и элементов.
3. Улучшенная структуризация CSS-кода и уменьшение вероятности конфликтов и перезаписи стилей.
4. Улучшенная совместная работа в команде благодаря единому подходу к именованию и структуризации кода.

Недостатки методологии БЭМ:
1. Увеличение объема CSS-кода и усложнение его чтения и написания.
2. Необходимость значительного количества дополнительных классов для каждого элемента и модификатора, что может привести к усложнению кода.
3. Ограничения в гибкости и возможности изменения стилей, так как изменение стиля блока может повлиять на другие блоки и элементы.
4. Необходимость дополнительных усилий для обучения и принятия методологии в команде разработчиков.

Тем не менее, методология БЭМ является популярным и эффективным подходом к CSS-разработке, который может быть полезен для организации работы в больших проектах и командах.

👉 @frontendInterview

👉 @frontendInterview

CI/CD Pipeline with Docker and Jenkins: Learn How to Build and Manage Your CI/CD Pipelines Effectively

Книга представляет собой правильное сочетание повествования, концепций и реальной реализации. Книга фокусируется на пути к CI/CD зрелости команды с точки зрения DevOps.

👉 @frontendInterview