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

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

Это — Антон Резник, у него более 12 лет опыта во фронтенд-разработке. Кто, если не он, научит вас делать серьёзный фронтенд? Антон с нуля создал веб-версию Telegram на базе собственной реализации реактивного UI-фреймворка. А ещё однажды он написал систему «Умный дом» для своей квартиры на чистом JavaScript! Сейчас Антон тимлид в команде рекламы ВКонтакте, где создаётся frontend нового рекламного кабинета. Его работа состоит из сложных архитектурных решений, задач производительности и интеграций с другими командами. Вместе со своими коллегами с не менее классным опытом, Антон собрал весь свой опыт воедино на курсе Frontend. По секрету расскажем, что там действительно много практики и инсайтов индустрии. Так что если вы junior+ или middle фронтендер и хотите научиться работать над масштабными проектами, вам сюда! Новый поток стартует 18 мая, а по промокоду FRONTIN20 вы получите скидку 5%. Советуем начать учиться прямо сейчас, так как с 15 мая цена на курс поднимется. Начать обучение

👉 @frontendInterview

​🇬🇧Навык №1 в любом направлении IT — это английский! Как пример ⬇️ ✔️ Марат- работает UX/UI дизайнером, хочет выйти на зарубежный рынок, но знаний английского нет и единственное спасение переводчик. Он принимает решение учить английский язык и теперь работает с зарубежными клиентами,уверенно общается с рекрутами на английском языке,а построение предложений и применение лексики не кажутся трудными и нет больше страха ошибаться! Второй пример ⬇️ ✔️Милана - работает тестировщиком. Всего за 12 занятий она забыла что такое переводчик в работе . Выступает на крупных международных конференциях ,общается с иностранными клиентами и ведет всю документацию только на английском языке! ✔️Если вы также желаете стать крутым специалистом на международном рынке,то рекомендую вам подписаться на канал Анастастии, преподавателя по английскому языку и владелицы онлайн — школы Air.English 📎Вы научитесь обходиться без переводчика 📎Сможете построить карьеру в международной компании 📎Начнете работать с иностранными заказчиками⬇️ Подписывайтесь на канал Насти и получайте работу мечты благодаря английскому языку уже в ближайшее время 💓 https://t.me/+VqDFFiOdUddkYzVi

​В JavaScript есть два типа данных: примитивы и объекты. Расскажите, как они отличаются друг от друга и почему это важно? Примитивные типы данных в JavaScript (строки, числа, булевы значения, undefined и null) отличаются от объектов тем, что они хранятся в памяти как неизменяемые значения. То есть, если вы пытаетесь изменить значение переменной, содержащей примитивный тип данных, вы на самом деле создаете новое значение этого типа в памяти. В отличие от примитивных типов данных, объекты являются изменяемыми значениями. Объекты хранятся в памяти как ссылки на место их расположения. Поэтому при изменении свойства объекта вы не создаете новое значение, а изменяете уже существующее. Понимание разницы между примитивными типами данных и объектами в JavaScript является важным для разработки программ на JavaScript, поскольку это помогает оптимизировать использование памяти и избежать ошибок, связанных с неожиданной передачей ссылок на объекты в качестве аргументов в функции или при присваивании значений переменным. Кроме того, знание различий между примитивами и объектами помогает написать более безопасный и эффективный код. 👉 @frontendInterview

Микросервисы — популярный способ создания и поддержки современных веб-сервисов. Развиваетесь в веб-разработке? Узнайте, как создавать микросервисы при помощи NodeJS и GRPC 18 мая в 20:00 состоится вебинар «NodeJS + Microservices». За 1,5 часа вы узнаете, как создавать микросервисы с использованием протокола gRPC. На занятии мы разберем: — Плюсы и минусы микросервисного подхода — Как мигрировать монолит на микросервисы — Решение на базе NodeJS + протокола GRPC. В результате у вас будет база для создания своего микросервиса на NodeJS. Открытый урок бесплатный и состоится в рамках онлайн-курса «Node.js Developer» в OTUS. Продолжить обучение вы сможете уже на курсе, на него действуют разные способы оплаты. Для участия пройдите вступительный тест https://otus.pw/Iomn/ Нативная интеграция. Информация о продукте www.otus.ru

​Что такое деструктуризация объектов и массивов в JavaScript? Деструктуризация объектов и массивов в JavaScript — это возможность извлекать значения из объектов и массивов, присваивая их переменным. При работе с объектами, можно использовать синтаксис фигурных скобок, чтобы выделить только те свойства, которые нужны в данном контексте и присвоить их новым переменным. Например:

 const person = { name: 'John', age: 30, city: 'New York' };
 const { name, age } = person;

В этом примере из объекта person извлекаются только свойства name и age и присваиваются переменным с теми же именами. При работе с массивами, можно использовать синтаксис квадратных скобок, чтобы извлечь элементы массива в определенном порядке и присвоить их новым переменным. Например:

 const numbers = [1, 2, 3];
 const [a, b, c] = numbers;

В этом примере первый элемент массива присваивается переменной a, второй - b, третий - c. Деструктуризация предоставляет возможность более четко и компактно извлекать значения из объектов и массивов, упрощает их обработку и позволяет избежать лишнего кода. 👉 @frontendInterview

Простое сжатие Вам дана строка, состоящая из повторяющихся символов. Создайте функцию, которая обработает эту строку и преобразует её в массив, состоящий из кортежей (число повторений, символ). Примеры: string1="aaaaaaaaaaaaaaaaaaaaaaaaaabaaaaaaaaaaaaaaaaaa" output1='[[26,"a"],[1,"b"],[18,"a"]]' string="aaaaaaaabaaaa" compressed=[[8,"a"],[1,"b"],[4,"a"]] 👉 @frontendInterview

Объекты. Стильное ООП Хороший объектно-ориентированный код удобно читать, изменять и исправлять. Универсальные практики проектирования объектов, собранные в этой книге, позволят улучшить ваш стиль кодирования. Эти правила подойдут к любому объектно-ориентированному языку, они делают код максимально понятным и надежным, а также повышают производительность как индивидуальных разработчиков, так и команд. 👉 @frontendInterview

Как работает контекст выполнения (execution context) в JavaScript? В JavaScript контекст выполнения - это абстрактное понятие, которое описывает окружение, в котором выполняется код. Каждый раз, когда функция вызывается, создается новый контекст выполнения. Он составляется из объектов переменных, которые доступны в текущем контексте и указывает на текущую позицию в коде, на котором мы находимся. Контекст выполнения состоит из трех составляющих: переменных, области видимости и объекта this. Область видимости - это определенная область, где переменные могут быть использованы, и включает в себя переменные, объявленные в этой области и вне ее. Объект this определяет контекст, в котором код выполняется. В глобальном контексте this указывает на глобальный объект window. Контекст выполнения играет важную роль в том, как JavaScript обрабатывает код и какие переменные и функции доступны в разных частях программы. Понимание работы контекста выполнения поможет вам писать более эффективный и понятный код.

👉 @frontendInterview

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 10 мая.

👉 @frontendInterview

​Как вырасти от junior до middle? Middle-специалист отличается не только опытом и уровнем владения технологиями, но и софт скилами. Курс Яндекс Практикума «Мидл фронтенд-разработчик» составлен так, чтобы вы могли освоить и то, и другое а ещё: • разработать мессенджер, используя только JavaScript, Typescript, CSS и API браузера; • познакомиться с теорией и отработать её на практике в больших проектах; • научиться брать ответственность за решения и вкладываться в общий результат; • самостоятельно декомпозировать задачи и распределять время; • исследовать смежные сферы программирования, без которых невозможен фронтенд: • информационную безопасность, прототипирование интерфейсов, командную работу, DevOps, ООП. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы. Пройдите первый бесплатный урок с 1 по 14 мая и получите скидку 7% на оплату курса.