Frontend | Вопросы собесов

🌊  Водоворот знаний в Кодовороте 🤿 Погружайся в мир лучших видео уроков по программированию. Каждый день на канале выходит полезный контент. Кодируй своё будущее вместе с нами! ⛓ Подпишись

Такси для бизнеса. Яндекс Go Оптимизируйте свои расходы и повысьте эффективность бизнеса с Яндекс Go Узнать больше #реклама business.go.yandex О рекламодателе

Что такое репозиторий ? Спросят с вероятностью 3% Репозиторий в контексте разработки ПО — это хранилище, в котором сохраняется исходный код проекта и вся связанная с ним информация. Репозитории используются для управления версиями кода, совместной работы над проектами и отслеживания изменений. Репозитории могут находиться как локально на компьютере разработчика, так и удаленно на сервере или в облачном сервисе. Основные типы 1️⃣Локальные: ✅Хранятся на локальной машине разработчика. ✅Используются для разработки и тестирования кода до его отправки в удаленный репозиторий. 2️⃣Удаленные: ✅Хранятся на удаленных серверах или в облачных сервисах. ✅Обеспечивают совместную работу нескольких разработчиков, доступность и резервное копирование кода. ✅Примеры: GitHub, GitLab, Bitbucket. Основные функции 1️⃣Управление версиями: ✅Отслеживание всех изменений в коде с помощью системы контроля версий (например, Git). ✅Позволяет вернуться к любой предыдущей версии кода, сравнивать изменения и анализировать историю. 2️⃣Совместная работа: ✅Обеспечивает возможность совместной работы над проектом, слияния изменений от разных разработчиков и разрешения конфликтов. ✅Поддерживает рабочие процессы, такие как ветвление (branching) и слияние (merging). 3️⃣Резервное копирование и безопасность: ✅Хранение кода в удаленных репозиториях обеспечивает его сохранность и доступность. ✅Поддерживает механизмы контроля доступа для защиты кода от несанкционированного доступа. Основные команды для работы 1️⃣Создание репозитория: ✅Локальный репозиторий: git init ✅Клонирование удаленного репозитория: git clone <url> 2️⃣Отслеживание и фиксация изменений: ✅Добавление изменений в индекс: git add <file> ✅Фиксация изменений: git commit -m "Сообщение коммита" 3️⃣Работа с ветками: ✅Создание новой ветки: git branch <branch-name> ✅Переключение на другую ветку: git checkout <branch-name> ✅Создание и переключение на новую ветку: git checkout -b <branch-name> 4️⃣Слияние изменений: ✅Слияние ветки в текущую ветку: git merge <branch-name> 5️⃣Работа с удаленными репозиториями: ✅Добавление удаленного репозитория: git remote add origin <url> ✅Отправка изменений в удаленный репозиторий: git push origin <branch-name> ✅Получение изменений из удаленного репозитория: git pull origin <branch-name> Пример 1️⃣Создание локального репозитория:

      mkdir my-project
   cd my-project
   git init
   

2️⃣Добавление файла и фиксация изменений:

      echo "# My Project" > README.md
   git add README.md
   git commit -m "Initial commit"
   

3️⃣Подключение к удаленному репозиторию на GitHub:

      git remote add origin https://github.com/username/my-project.git
   git push -u origin master
   

4️⃣Создание новой ветки и работа в ней:

      git checkout -b new-feature
   echo "New feature" > feature.txt
   git add feature.txt
   git commit -m "Add new feature"
   git push origin new-feature
   

Репозиторий — это хранилище кода и связанных данных проекта, используемое для управления версиями и совместной работы. Он может быть локальным или удаленным. Позволяют отслеживать изменения, работать с ветками, сливать изменения и обеспечивать резервное копирование кода. 👉 Можно посмотреть Примеры как отвечают люди на этот вопрос, или перейти К списку 1429 вопроса на Frontend разработчика. Ставь 👍 если нравится контент 🔐 База собесов | 🔐 База тестовых

Получите диплом от НИТУ МИСИС в веб-разработке Яндекс Практикум и НИТУ МИСИС приглашают на онлайн-программу «Веб-разработчик» Полноценная учёба в онлайн-формате Зачёты, сессии, лекции и семинары с гибким графиком. На платформе Практикума Гибкая теория, автоматическая проверка заданий и встроенная YandexGPT. Преподаватели НИТУ МИСИС и наставники Яндекс Практикума Они будут проводить занятия и учить вас применять теорию на практике. Студенческий, льготы и диплом гособразца У вас будут все преимущества студента-очника. Доступ к инфраструктуре вуза — кампусам, библиотекам и мероприятиям. Оплатить учёбу можно разными способами: всю сумму сразу, по семестрам или с помощью госкредита — тогда ежемесячный платёж составит от 500 ₽, а государство погасит часть кредита за вас. Подать заявку #реклама 16+ practicum.yandex.ru О рекламодателе

👨‍💻 Чтобы стать более востребованным перцем в IT индустрии неплохо бы знать английский. Канал Hello Word в игровом стиле поможет улучшить твой English skill. 🤓У нас ты найдешь: 🟡 Тесты с пропуском слов 🟡 Мемы на английском 🟡 Полезные шпаргалки для изучения 😎 Расширяй свои навыки и покоряй начинай покорять западную индустрию. Испытай свои знания и попробуй пройти тест.

Реклама для бизнеса любого уровня в Яндекс Директе Создайте эффективную рекламную кампанию с алгоритмами Яндекс Директа 👌 Начните прямо сейчас ⚡ Зарегистрироваться #реклама direct.yandex.ru О рекламодателе

Какие функции есть в js ? Спросят с вероятностью 7% Существует несколько типов функций, каждая из которых имеет свои особенности и области применения. Вот основные виды функций: 1️⃣Функциональные выражения и объявленные функции Объявленные функции (Function Declaration) Объявленные с использованием ключевого слова function, идущего перед именем функции. Эти функции "всплывают" (hoisted), что означает, что они могут быть вызваны до их определения в коде.

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet('Alice')); // Hello, Alice!

Функциональные выражения (Function Expression)

Не "всплывают" и не могут быть вызваны до их определения.
const greet = function(name) {
  returned 
};

console.log(greet('Bob')); // Hello, Bob!

2️⃣Стрелочные функции (Arrow Functions) Это сокращенный синтаксис для создания функций, введенный в ES6. Они не имеют собственного контекста this и не могут быть использованы в качестве методов или конструктора.

const greet = (name) => Hello, ${name}!;

console.log(greet('Charlie')); // Hello, Charlie!

3️⃣Анонимные функции Часто используются в качестве аргументов для других функций или для создания замыканий.

setTimeout(function() {
  console.log('This will run after 1 second');
}, 1000);

4️⃣Функции-конструкторы Для создания объектов. Они вызываются с ключевым словом new и обычно имеют заглавную букву в названии.

function Person(name, age) {
  this.name = name;
  this.age = age;
}

const alice = new Person('Alice', 30);
console.log(alice.name); // Alice

5️⃣Методы объекта

Являются свойствами объекта.

const person = {
  name: 'Alice',
  greet: function() {
    return Hello, my name is ${this.name};
  }
};

console.log(person.greet()); // Hello, my name is Alice

6️⃣Генераторы (Generators) Могут быть приостановлены и возобновлены в любой момент. Они объявляются с помощью function* и используют ключевое слово yield.

function* generatorFunction() {
  yield 'First';
  yield 'Second';
  yield 'Third';
}

const gen = generatorFunction();
console.log(gen.next().value); // First
console.log(gen.next().value); // Second
console.log(gen.next().value); // Third

7️⃣Асинхронные функции (Async/Await) Возвращают промис и позволяют использовать синтаксис await для упрощения работы с асинхронным кодом.

async function fetchData() {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  return data;
}

fetchData().then(data => console.log(data));

8️⃣Функции обратного вызова (Callbacks) Передаваемые в качестве аргументов в другие функции и вызываемые позже.

function fetchData(callback) {
  setTimeout(() => {
    const data = { name: 'Alice' };
    callback(data);
  }, 1000);
}

fetchData(function(data) {
  console.log(data); // { name: 'Alice' }
});

Есть несколько типов функций, включая объявленные функции, функциональные выражения, стрелочные функции, анонимные функции, функции-конструкторы, методы объекта, генераторы, асинхронные функции и функции обратного вызова. Каждый тип функций имеет свои особенности и области применения. 👉 Можно посмотреть Примеры как отвечают люди на этот вопрос, или перейти К списку 1429 вопроса на Frontend разработчика. Ставь 👍 если нравится контент 🔐 База собесов | 🔐 База тестовых

ТОП-4 Курса по графическому дизайну по версии Tutortop Tutortop — маркетплейс курсов №1 по количеству школ-партнеров, курсов и реальных отзывов студентов. Освойте востребованную профессию с нуля за 4-5 месяцев. Соберите портфолио из 10+ проектов. Выйдите на заработок 100 000₽+ и работайте удаленно в гибком графике. Выбрать #реклама 16+ tutortop.ru О рекламодателе

💸 Работа для IT'шников Выбери своё направление ⤵ 1. Frontend 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. С/C++ 9. Golang 10. PHP 11. Kotlin 12. Swift

Как расшифровывается css ? Спросят с вероятностью 7% CSS расшифровывается как Cascading Style Sheets, что в переводе означает "каскадные таблицы стилей". Давайте рассмотрим каждый элемент этого термина: 1️⃣Cascading (каскадные): Этот термин указывает на то, что стили применяются к элементам HTML в определенном порядке приоритетов. Когда стили конфликтуют (например, когда одно и то же свойство задано несколькими стилями), CSS использует каскадные правила для разрешения этих конфликтов. Эти правила включают: ✅Специфичность селекторов (различные типы селекторов имеют разный приоритет). ✅Порядок расположения в коде (последний стиль имеет больший приоритет). ✅Использование ключевого слова !important (приоритет выше всех обычных правил). 2️⃣Style (стили): Стили определяют, как должны выглядеть элементы HTML на веб-странице. Это включает в себя множество свойств, таких как цвета, шрифты, размеры, расположение, отступы и многие другие аспекты внешнего вида. 3️⃣Sheets (таблицы): CSS-правила обычно хранятся в файлах, которые называются таблицами стилей. Эти файлы могут быть внешними (подключенными к HTML-документу через элемент <link>), встроенными (внутри элемента <style> в самом HTML-документе) или инлайновыми (непосредственно в атрибутах стиля HTML-элементов). Вот пример CSS, который показывает использование каскадных таблиц стилей для стилизации HTML-документа:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CSS Example</title>
  <link rel="stylesheet" href="styles.css">
  <style>
    .inline-style {
      color: red;
    }
  </style>
</head>
<body>
  <h1 class="heading inline-style">Hello, World!</h1>
  <p>This is a paragraph.</p>
</body>
</html>

В этом примере: ✅Внешний файл styles.css задает стили для body, h1 и элементов с классом .heading. ✅Встроенные стили в элементе <style> задают цвет текста для элементов с классом .inline-style. ✅Каскадные правила CSS определяют, что цвет текста элемента <h1> будет красным, так как инлайновые стили имеют наибольший приоритет. CSS расшифровывается как Cascading Style Sheets, что означает "каскадные таблицы стилей". Это язык, используемый для описания внешнего вида и форматирования HTML-документов, поддерживающий каскадные правила для разрешения конфликтов между стилями. 👉 Можно посмотреть Примеры как отвечают люди на этот вопрос, или перейти К списку 1429 вопроса на Frontend разработчика. Ставь 👍 если нравится контент 🔐 База собесов | 🔐 База тестовых

Работать и не уставать, достигать цели, но делать это в кайф - реально! Как научиться делать дела и не выгорать? Психолог взрослого человека - канал для айтишников, у которых периодически опускаются руки и отключается мозг, ибо переработки и постоянная тревожность не приводят к другим исходам. ▪️ Как научиться отключать мозг от работы и отдыхать? ▪️ Как совместить кучу рабочих задач и время с семьей? ▪️ Как справиться с прокрастинацией? ▪️ Как не растерять запал, даже если начальник и коллеги 💩 и кажется, что ничего не выходит? Подписывайтесь на канал @vadimpetrov_psy и научитесь работать без упахивания, выгорания и ущерба для личной жизни! 👨🏻‍💻 Псс. Заходите в закреп канала - там много полезного.

Разбираем как решать задачи на LeetCode ✅ Примеры решений ✅ Пояснения Выбери своё направление: 1. Python 2. JavaScript 3. Java 4. C# 5. Golang 6. C/C++ 7. PHP 8. Kotlin 9. Swift

Что известно про преобразование типов ? Спросят с вероятностью 7% Преобразование типов — это процесс приведения значения из одного типа в другой. JavaScript, как язык с динамической типизацией, автоматически преобразует типы значений, когда это необходимо, но также позволяет разработчикам явно выполнять преобразования типов. Виды преобразования 1️⃣Неявное (автоматическое): Это преобразование, которое происходит автоматически при выполнении операций с разными типами данных. Например, при сложении числа и строки JavaScript автоматически преобразует число в строку. 2️⃣Явное: Это преобразование, которое выполняется разработчиком явно с использованием встроенных функций или операторов. Примеры неявного 1️⃣Строковое преобразование: При конкатенации строки с числом число автоматически преобразуется в строку.

      const result = 'The answer is ' + 42;
   console.log(result); // 'The answer is 42'
   

2️⃣Числовое преобразование: При выполнении арифметических операций строка, содержащая число, автоматически преобразуется в число.

      const result = '42' - 10;
   console.log(result); // 32
   

3️⃣Логическое преобразование: В логическом контексте (например, в условиях if) значения автоматически приводятся к логическому типу (true или false).

      if ('hello') {
     console.log('This is true'); // This is true
   }

   if (0) {
     console.log('This is false'); // This will not be executed
   }
   

Примеры явного 1️⃣Преобразование в строку: Для явного преобразования в строку можно использовать метод String() или оператор + с пустой строкой.

      const num = 42;
   const str1 = String(num);
   const str2 = num + '';

   console.log(str1); // '42'
   console.log(str2); // '42'
   

2️⃣Преобразование в число: Для явного преобразования в число можно использовать функции Number(), parseInt(), или parseFloat().

      const str = '42';
   const num1 = Number(str);
   const num2 = parseInt(str, 10);
   const num3 = parseFloat(str);

   console.log(num1); // 42
   console.log(num2); // 42
   console.log(num3); // 42
   

3️⃣Преобразование в логическое значение: Для явного преобразования в логическое значение можно использовать функцию Boolean() или двойное отрицание !!.

      const value = 0;
   const bool1 = Boolean(value);
   const bool2 = !!value;

   console.log(bool1); // false
   console.log(bool2); // false
   

Таблица преобразования типов | Значение | К строке | К числу | К логическому | |-------------------|-------------------|------------------|-----------------| | undefined | 'undefined' | NaN | false | | null | 'null' | 0 | false | | true | 'true' | 1 | true | | false | 'false' | 0 | false | | 42 | '42' | 42 | true | | 0 | '0' | 0 | false | | '' (пустая строка) | '' | 0 | false | | '42' | '42' | 42 | true | | 'hello' | 'hello' | NaN | true | | {} (пустой объект) | '[object Object]' | NaN | true | | [] (пустой массив) | '' | 0 | true | | [42] | '42' | 42 | true | | [1, 2, 3] | '1,2,3' | NaN | true | Преобразование типов — это процесс приведения значения из одного типа в другой. Оно может происходить автоматически (неявное преобразование) или выполняться разработчиком явно (явное преобразование). Предоставляет функции и методы для преобразования в строки, числа и логические значения. 👉 Можно посмотреть Примеры как отвечают люди на этот вопрос, или перейти К списку 1429 вопроса на Frontend разработчика. Ставь 👍 если нравится контент 🔐 База собесов | 🔐 База тестовых

🔥Тесты для подготовки к собеседованию🔥 Выбери своё направление: 1. Frontend 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. С/C++ 9. Golang 10. PHP 11. Kotlin 12. Swift

Ответьте на 1 вопрос и получите 90 дней с Яндекс Плюс! Музыка, подкасты, аудиокниги, фильмы, сериалы, кешбэк баллами Плюса во всех серивах Яндекса. Будьте в Плюсе — 90 дней бесплатно! Предложение ограничено. Подписаться #реклама 18+ plus.yandex.ru О рекламодателе

10$ за техническое собеседование на английском языке: 1. Отправьте запись технического собеседования на английском языке файлом на этот аккаунт 2. Добавьте ссылку на вакансию или пришлите название компании и должность 3. Напишите номер кошелка USDT (Tether) на который отправить 10$ 🛡 Важно: – Запись будет использована только для сбора данных о вопросах – Вы останетесь анонимны – Запись нигде не будет опубликована 🤝 Условия: – Внятный звук, различимая речь – Допустимые профессии: • Любые программисты • DevOps • Тестировщики • Дата сайнтисты • Бизнес/Системные аналитики • Прожекты/Продукты • UX/UI и продукт дизайнеры