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

🧐Устали от ошибок? Позаботьтесь о чистоте архитектуры! 👉Узнайте как на бесплатном вебинаре онлайн-курса  «Clojure Developer» —  «Duct и Clean Architecture в Clojure»: регистрация На уроке мы: — попрактикуемся применять принципы чистой архитектуры с использованием языка программирования Clojure и фреймворка Duct.  — познакомимся с его модульной системой, реализуем DI контейнер, подключим адаптеры во все порты и вообще сделаем все, как дедушка Боб нам завещал)) Экспертизой поделится руководитель программы и практик Сергей Ткаченко (Clojure Software developer / Team Lead). 🔥После вебинара вы сможете продолжить обучение на курсе по спеццене, в том числе, в рассрочку. Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963. erid: LjN8KTbxG

​Как запретить браузеру отдавать кэш на HTTP-запрос? Для запрета браузеру отдавать кэш на HTTP-запросы вы можете использовать заголовок Cache-Control с указанием значения no-cache. Этот заголовок указывает браузеру отключать кэширование и требовать полное проверка соответствия по каждому запросу. Таким образом, браузер будет обязан выполнять запрос к серверу, даже если есть закэшированная версия ресурса. Вот пример того, как добавить заголовок Cache-Control с помощью JavaScript:

 fetch(url, {
   headers: {
     'Cache-Control': 'no-cache'
   }
 })
   .then(response => {
     // Обработка ответа от сервера
   })
   .catch(error => {
     // Обработка ошибок
   });

Если вы используете серверный язык или фреймворк, такие как Node.js или Express, вы также можете добавить заголовок Cache-Control на стороне сервера. Вот пример использования Express:

 app.get('/', function(req, res) {
   res.header('Cache-Control', 'no-cache');
   // Отправка ответа клиенту
 });

Обратите внимание, что помимо Cache-Control, также есть и другие заголовки, которые могут влиять на поведение кэширования, такие как Expires и Pragma. 👉 @frontendInterview

⚡️ Тест по JavaScript от OTUS А насколько хорошо ты знаешь Vue.js? ✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js разработчик" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене! ⏰ Время прохождения теста ограничено 30 минут 👉 ПРОЙТИ ТЕСТ: https://vk.cc/crJMx1 🎫Курс можно приобрести в рассрочку Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru erid: Kra23YcF4

👉 @frontendInterview

Как определить, чему равен this в функции? Задайте себе следующие вопросы в указанном порядке и остановитесь, когда найдете первое подходящее правило. 1. Функция вызвана с new (связывание new)? Если да, то this содержит новый сконструированный объект.

  var bar = new foo()

2. Функция вызвана с call или apply (явное связывание), даже скрытыми в жесткой привязке bind? Если да, то this содержит явно заданный объект. var bar = foo.call( obj2 ) 3. Функция вызвана с контекстом (неявное связывание), также называемым объектом-владельцем или содержащим объектом? Если да, то this содержит контекстный объект.

  var bar = obj1.foo()

4. В остальных случаях используется this по умолчанию (привязка по умолчанию). Если действует режим strict, выбирается undefined, а если нет — глобальный объект:

  var bar = foo()

Нормальные функции подчиняются четырем описанным правилам. Но в ES6 появилась особая разновидность функций, которая не использует эти правила: стрелочные функции. Стрелочные функции обозначаются не ключевым словом function, а так называемым оператором «толстой стрелки» =>. Вместо четырех стандартных правил this стрелочные функции принимают связывание this от внешней области видимости (функциональной или глобальной). Вот и все. Вот и все, что необходимо для понимания правил связывания this для нормальных вызовов функций. 👉 @frontendInterview

Split Strings Создайте функцию, которая принимает строку и разбивает эту строку на массив пар символов. Если последнему символу не хватает пары, то к нему добавляется ('_'). Примеры: 'abc' => ['ab', 'c_'] 'abcdef' => ['ab', 'cd', 'ef'] 👉 @frontendInterview

First Course in Algorithms Through Puzzles (2019) Этот учебник знакомит с основными алгоритмами и объясняет их аналитические методы. Все алгоритмы и методы, представленные в этой книге, хорошо известны и часто используются в реальных программах. Книга начинается с базовых моделей, и никаких предварительных знаний не требует. Эта книга подходит для студентов старших курсов технических направлений, а также для самостоятельного изучения начинающими специалистами, интересующимися увлекательной областью алгоритмов. Более 40 упражнений разного уровня сложности. Решения и комментарии ко всем упражнениям приводятся в последней главе. 👉 @frontendInterview

4 дня, 3 языка, 1 цель! Создайте свой аналог YouTube вместе с нами на бесплатном 4-дневном интенсиве. Старт 17 октября. Мы вместе с тобой напишем фронтенд-часть аналога приложения YouTube. Наше приложение будет адаптивным под все устройства, поработаем с YouTube API и выложим результат на GitHub. Даем только выжимку теории и много-много практики, чтобы получить на выходе готовый проект в портфолио. Регистрируйтесь прямо сейчас: https://in.methed.ru/md/2a3cd3d9e5a9214a4219cb19186fa01d?utm_source=telegram&utm_medium=october_youtube&utm_campaign=frontendInterview  Реклама. ИП Кислов Сергей Михайлович. ИНН 272198970024. erid: LjN8K1zV2

​Что такое ArrayBuffer? В чем разница между Uint32Array и Float32Array? Каким будет результат выполнения кода? const uint32Array = new Uint32Array(); Array.isArray(uint32Array); ArrayBuffer - это объект в JavaScript, представляющий собой буфер памяти, который содержит определенное количество байтов. Он служит основой для создания "представлений" данных, таких как типизированные массивы в JavaScript. Uint32Array и Float32Array являются различными типами типизированных массивов, которые предоставляют доступ и манипуляцию данными в ArrayBuffer. Главная разница между ними заключается в типе элементов, которые они содержат: Uint32Array содержит беззнаковые 32-битные целые числа (unsigned 32-bit integers), а Float32Array содержит 32-битные числа с плавающей запятой (floating-point numbers). Теперь рассмотрим код:

 const uint32Array = new Uint32Array();
 Array.isArray(uint32Array);

Результат выполнения данного кода будет false. При вызове Array.isArray(uint32Array) мы проверяем, является ли uint32Array массивом. Однако, Uint32Array является типизированным массивом и не наследует стандартное поведение JavaScript-массивов. Он имеет свои особенности и методы специфичные для типизированных массивов. Вместо использования Array.isArray, мы можем использовать uint32Array instanceof Uint32Array для проверки типа объекта uint32Array и узнать, что он является экземпляром Uint32Array. 👉 @frontendInterview

👉 @frontendInterview

Какой он, работодатель мечты — надежный, ответственный, технологичный? Газпромбанк входит в топ-15 лучших работодателей России-2022 по версии HeadHunter.ru и этой осенью снова поборется за рост в рейтинге! Предлагаем сыграть в интерактивную игру «Дорога к работе мечты»: пройдите 5 испытаний на многозадачность и логику и поддержите банк в голосовании за лучшего работодателя страны — https://vk.cc/crCwPX Обратите внимание: ответы зарегистрированных на hh.ru c помощью корпоративной почты при выборе собственного работодателя не учитываются. Реклама Банк ГПБ (АО), ИНН: 7744001497

👉 @frontendInterview

⁉️ Как создавать веб-приложения быстро и просто, но при этом красивом и необычно? Современные реалии в IT требуют от разработчиков оптимизации временных издержек и уникальности готовых проектов одновременно. Как писать мобильные и ПК-приложения быстро, просто и красиво? 🦾 Узнаете на бесплатном открытом уроке «Обзор возможностей библиотеки компонентов Quasar с Vue» от OTUS. Преподаватель Михаил Кузнецов – Fullstack developer и тимлид в «Zalando», Germany. 📌 Занятие пройдёт 17 октября в 20:00 мск и будет приурочено к старту курса «Vue.js разработчик». В дальнейшем вы сможете приобрести полный курс в рассрочку на выгодных условиях. Это отличная возможность совершенно бесплатно протестировать формат обучения и задать преподавателю любые вопросы в режиме реального времени! 👉 Зарегистрируйтесь на событие прямо сейчас и мы напомним в день вебинара. Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru erid: Kra23vWCK

▪️ Запоминаем разницу между so и such ▪️ Учимся различать конструкции used to и get used to ▪️ Разбираемся с модальными глаголами  На канале «Гапонова и ее английский» Лена Гапонова — автор курсов Gaponova school, преподаватель с 16-летним стажем и опытом в международных IT-компаниях, специалист по американскому произношению — объясняет сложное в английской грамматике, знакомит с интересными выражениями, учит правильному произношению и помогает подружиться с английским языком. Подписывайтесь на канал @gaponova и учите английский в удовольствие! Реклама. ИП Гапонова Елена Александровна. ИНН 780433534267. erid: LjN8K3ho1

Почему typeof null возвращает object? В JavaScript, typeof null возвращает строку "object", что может показаться странным, поскольку null является специальным значением, обозначающим отсутствие значения или пустую ссылку. Причина, по которой typeof null возвращает "object", связана с историческими особенностями реализации JavaScript в браузерах. На самом деле, в начальной версии JavaScript, null был представлен в виде 0 в памяти и интерпретировался как указатель на объект. В этом случае, вернув "object" при typeof null, создатели JavaScript дали возможность понять, что значение является "пустой ссылкой", указывающей на отсутствие объекта. 👉 @frontendInterview

​7 дней бесплатного обучения frontend-разработке! Организовали для тебя бесплатный интенсив по frontend-разработке с практикой и куратором. Что будет: 1️⃣ Создание веб-сайта на HTML и CSS Мы научим тебя создавать стильные и функциональные веб-страницы с использованием современных технологий. 2️⃣ Оживление страницы с помощью JavaScript Узнаешь, как добавить интерактивность и динамичность в свои проекты. 3️⃣ Использование фронтенд-фреймворка Angular Узнаешь, как использовать этот мощный инструмент для создания масштабируемых и эффективных веб-приложений. 4️⃣ Подключение Backend и загрузка сайта на хостинг Мы научим тебя основам работы с Backend'ом и покажем, как развернуть проект на хостинге. 5️⃣ Советы по доработке проекта Получишь советы от опытных разработчиков, чтобы улучшить свой проект и достичь более высокого уровня качества. 🔥 А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Участвуй бесплатно Реклама. ИП Чернова О. А., ИНН:771399721044, erid:LjN8JtJJw