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

👉 @frontendInterview

​Как работает boxing/unboxing в JavaScript? Boxing (также известный как wrapping) происходит, когда примитивное значение (такое как число, строка или логическое значение) преобразуется в соответствующий объект-обертку (класс-оболочку). В JavaScript есть объект-обертки для каждого из примитивных типов данных: Number, String и Boolean. Например:

 const number = 42;
 const boxedNumber = new Number(number);
 console.log(typeof boxedNumber); // "object"

В этом примере мы берем число 42 и упаковываем его, создавая объект Number. В результате получается объект-обертка boxedNumber. JavaScript выполняет boxing автоматически в течение времени выполнения, когда примитивные значения требуются в качестве объектов. Например, при вызове методов объектов-оберток или доступе к свойствам. В таких случаях JavaScript автоматически упакует (забоксирует) примитивное значение во временный объект-обертку. Unboxing происходит наоборот - когда значение извлекается из объекта-обертки и преобразуется обратно в примитивный тип данных. Это может происходить автоматически или явным образом с помощью методов преобразования типов данных, таких как valueOf() или toString(). Например:

 const boxedString = new String("Hello");
 const unboxedString = boxedString.valueOf();
 console.log(typeof unboxedString); // "string"

В этом примере мы создаем объект String с помощью new String("Hello"), а затем с помощью метода valueOf() извлекаем значение из объекта и преобразуем его обратно в примитивный тип данных. Важно отметить, что boxing и unboxing в JavaScript могут быть прозрачными и неочевидными при работе с примитивными типами данных и объектами-обертками. JavaScript позволяет нам работать с примитивами, как если бы они были объектами, автоматически выполняя boxing или unboxing при необходимости. 👉 @frontendInterview

Самое тупое во Фронтенде – это искать макеты В сети полно актуальных источников. И один из них – канал Макеты для верстки. Если хотите иметь крутое портфолио, обязательно подпишитесь

Для специалистов в области искусственного интеллекта и машинного обучения 2023 год стал прорывным, и SmartDev 2023 — это отличный шанс разобраться во всех изменениях. Конференция пройдет 21 сентября в кинотеатре «Октябрь» и соберет экспертов из Сбера, VK, Яндекса, Kaspersky и многих других. Что будет обсуждаться на конференции: Прорыв в области AI: Как 2023 год стал переломным для прикладного применения искусственного интеллекта. Большие языковые модели: Обсуждение текущей ситуации и возможностей для будущего. GigaChat и Kandinsky: Два громких проекта от Сбера, которые задали новые стандарты в области AI и ML. Стратегия и инновации: Как российский компаниям выйти на международную арену в новых реалиях. А также обсуждение глобальных технологических и экономических трендов. Присоединяйтесь к трансляции докладов, участие бесплатное. Подробности и регистрация доступны на официальном сайте конференции.

👉 @frontendInterview

Устроиться фронтендером в Яндекс за выходные 23–24 сентября устраиваем Weekend Offer Frontend. Решите фронтенд-квиз, а после за 2 дня пройдите технические секции и собеседования с командами. Если всё сложится хорошо — сразу же получите офер. В мероприятии участвуют 17 команд: HR Tech, Поиск, Рекламные продукты, Yandex Cloud, 360, Яндекс Браузер, Бизнес-приложения, Умный дом, Yandex Infrastructure, Лавка, Еда, Недвижимость, Аренда, Авто.ру, CM.Expert, Путешествия и Буткемп. Вы сможете пообщаться с менеджерами и выбрать проект, который покажется самым интересным. Нанимаем в офисы по всей России, помогаем релоцироваться внутри страны. Узнать подробности и зарегистрироваться можно здесь. Реклама. ООО "Яндекс". erid: 2VtzqvZLipH

​В чем разница между оператором in и методом hasOwnProperty? Оператор in и метод hasOwnProperty в JavaScript используются для проверки наличия свойств в объекте, но есть разница в том, как они работают. Оператор in проверяет наличие указанного свойства в объекте или в его прототипе. Он возвращает true, если свойство найдено, включая свойства, унаследованные от прототипа объекта. Если свойство не найдено, оператор in возвращает false. Пример использования:

 const person = {
   name: 'John',
   age: 25
 };

 console.log('name' in person); // true
 console.log('gender' in person); // false

В этом примере, оператор in используется для проверки наличия свойства 'name' и 'gender' в объекте person. person имеет свойство 'name', поэтому результат первой проверки будет true, а свойство 'gender' отсутствует, поэтому результат второй проверки будет false. Метод hasOwnProperty является методом объекта и проверяет, содержит ли объект указанное свойство только в своей собственной области видимости (не учитывая свойства, унаследованные от прототипа). Он возвращает true, если свойство присутствует только в текущем объекте. Если свойство отсутствует или унаследовано, метод hasOwnProperty возвращает false. Пример использования:

 const person = {
   name: 'John',
   age: 25
 };

 console.log(person.hasOwnProperty('name')); // true
 console.log(person.hasOwnProperty('gender')); // false

В этом примере, метод hasOwnProperty вызывается на объекте person для проверки наличия свойства 'name' и 'gender'. Так как свойство 'name' присутствует в самом объекте person, результат первой проверки будет true. Свойство 'gender' отсутствует в объекте person, поэтому результат второй проверки будет false. Таким образом, основная разница между оператором in и методом hasOwnProperty заключается в том, что in проверяет наличие свойства и учитывает наследуемые свойства прототипа, в то время как hasOwnProperty проверяет только наличие свойства в текущем объекте, игнорируя наследованные свойства. 👉 @frontendInterview

Привет всем начинающим  верстальщикам и фронтендерам! Меня зовут Болясов Илья я фрилансер с опытом более 10 лет и сейчас техлид команды веб-разработчиков АТОМ.  На рынке мы более 5 лет и уже сделали более 200 проектов различной тематики - от магазинов нижнего белья до корпоративных сайтов банков Сейчас делаем интересный эксперимент - взяли джуна верстальщика, который изучает верстку сайтов около двух месяцев, попросили его сверстать лендинг с нуля и теперь разбираем на видео его работы, указывая где он ошибся, где сделал плохо и надо переделать и тд. Очень полезный формат, много чего можно подчерпнуть для себя, если вы только учитесь - при это на курсах вам такое не расскажут. Выкладываем это в наш телеграм канал про веб-разработку. Кому интересно - подписывайтесь. Информация очень полезная и вещи, которые вы там узнаете реально могут помочь устроиться на хорошую работу!   Еще раз ссылка на канал 👉 @html_practice

Руководство по DevOps Профессиональное движение DevOps зародилось в 2009 году. Его цель — настроить тесные рабочие отношения между разработчиками программного обеспечения и отделами IT эксплуатации. Внедрение практик DevOps в повседневную жизнь организации позволяет значительно ускорить выполнение запланированных работ, увеличить частоту релизов, одновременно повышая безопасность, надежность и устойчивость производственной среды. Эта книга представляет собой наиболее полное и исчерпывающее руководство по DevOps, написанное ведущими мировыми специалистами. 👉 @frontendInterview

Самый часто повторяющийся символ Создайте функцию, которая принимает строку и возвращает самый часто повторяющий символ и количество его повторений Примеры: longestRepetition("aaaabb") => ["a",4] longestRepetition("bbbaaabaaaa") => ["a",4] longestRepetition("cbdeuuu900") => ["u",3] 👉 @frontendInterview

Верстаешь? С 18 по 24 сентября проводим бесплатный онлайн-интенсив по Frontend-разработке, где будем учить, как разрабатывать сайты и веб-приложения. Что будет: 1️⃣ Создание полноценного веб-сайта на HTML и CSS Мы научим тебя создавать стильные и функциональные веб-страницы с использованием самых современных технологий. 2️⃣ Оживление страницы с помощью JavaScript Узнаешь, как добавить интерактивность и динамичность в свои проекты. 3️⃣ Использование фронтенд-фреймворка Angular Узнаешь, как использовать этот мощный инструмент для создания масштабируемых и эффективных веб-приложений. 4️⃣ Подключение Backend и загрузка сайта на хостинг Мы научим тебя основам работы с Backend'ом и покажем, как развернуть свой проект на хостинге. 5️⃣ Советы по доработке проекта Получишь ценные советы от опытных разработчиков, чтобы улучшить свой проект и достичь более высокого уровня качества. 👉 Участвуй бесплатно 🚀 Реклама. ИП Чернова О. А., ИНН:771399721044, erid:LjN8KVEKH

<figure>, <figcaption> Элемент <figure> используется для вёрстки иллюстраций, изображений или другого автономного содержимого, которое может иметь поясняющую подпись в виде тега <figcaption>. Пример <figure> <img src="elephant-sunset.jpg" alt="Взрослый африканский слон стоит на фоне заката и задумчиво смотрит в камеру."> <figcaption>Слон на фоне заката</figcaption> </figure> Обычно тегом <figure> верстают изображение, иллюстрацию, кусок кода и тому подобное, на которые будут ссылаться из основного содержимого документа. При этом <figure> вместе со всем содержимым (картинкой, подписью) может быть перенесён в другую часть документа без нарушения целостности потока документа. 👉 @frontendInterview

Привет, разработчики! Ищете работу в IT? Тогда подписывайтесь на канал НМГ Тех | Работа в IT и Digital 🤖🔥 Национальная Медиа Группа — это крупнейший в России частный медиахолдинг, среди его активов телеканалы РЕН ТВ, Пятый канал, СТС, Домашний, Че, СТС Love, СТС Kids и онлайн-сервис more.tv. В канале— вакансии и новости внутренней IT-кухни холдинга, истории успеха сотрудников 💻 Присоединяйтесь к комьюнити IT и Digital специалистов и получайте доступ к уникальной информации и возможностям!  Реклама. АО "НМГ". ИНН 7704676655. erid: 2RanymAo2hE

👉 @frontendInterview

Журнал «Код» — это база для начинающих программистов. Отвечаем на самые простые вопросы и делимся мудростью.  Подписаться: @thecodemedia Реклама. ООО "ЯНДЕКС". ИНН 7736207543. erid: 2RanyoEiHZA

💰 Ваши зарплатные ожидания? Рассказываю сколько зарабатывает и тратит Software Engineer, проживая в Австралии, Сингапуре и Кипре, и на какую зарплату стоит\не стоит ехать. Говорю о том как проходить собеседования (включая технические) в зарубежных компаниях, а так же разбираю реальные случаи собеседований и причины отказов. Делюсь деталями своего опыта релокации с семьёй в Европу, Азию, и Океанию, и помогаю найти подходящую для вас страну. Хочешь изменить свою жизнь? Перенимай опыт и работай над собой.