Frontend Interview - собеседования по Javanoscript / Html / Css – Telegram
Frontend Interview - собеседования по Javanoscript / Html / Css
11.4K subscribers
2.1K photos
117 videos
320 files
532 links
Канал для подготовки к собеседованиям по фронтенду

Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/frontendinterview

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Что такое ветки в Git и зачем они нужны?

Ветка в Git это подвижный указатель на один из коммитов. Обычно ветка указывает на последний коммит в цепочке коммитов. Ветка берет свое начало от какого-то одного коммита.

Сделать новую ветку и переключиться на нее можно выполнив команды
 git pull
git checkout –b <имя новой ветки>

Просто сделать ветку, не переключаясь на нее можно командой
 git branch <имя ветки>

переключиться на ветку
 git checkout <имя ветки>

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

Ветка обычно заканчивается специальным merge коммитом, который говорит, что ветку нужно объединить с какой-то другой веткой. В merge коммите содержатся две ссылки на два коммита которые объединяются в одну ветку.
Какое значение примет result?
Anonymous Quiz
33%
true
67%
false
Что позволяет делать git config? Какие три уровня конфигурации есть?

Git config позволяет просматривать и настраивать параметры, контролирующие все аспекты работы Git, а также его внешний вид. Чтобы указать уровень конфигурации, на котором производится работа, к команде git config можно добавить аргументы. Доступны следующие уровни конфигурации:

--local
По умолчанию, если не были переданы опции конфигурации, команда git config будет вести запись на локальном уровне. Конфигурация локального уровня применяется к репозиторию, в котором вызывается команда git config. Значения локальной конфигурации хранятся в файле, который находится в каталоге .git репозитория: .git/config.

--global
Конфигурация глобального уровня зависит от пользователя, то есть применяется к пользователю операционной системы. Значения глобальной конфигурации хранятся в файле, который находится в домашнем каталоге пользователя.

--system
Конфигурация уровня системы применяется ко всей машине. Она охватывает всех пользователей операционной системы и все репозитории. Конфигурация уровня системы указывается в файле gitconfig в корневой папке системы.

Итак, порядок приоритета уровней конфигурации следующий: локальный, глобальный, системный. Это значит, что при поиске значения конфигурации система Git будет начинать с локального уровня и подниматься до уровня системы.
Чему равна ширина элемента p?
Anonymous Quiz
61%
300px
34%
60% от viewport
5%
500px
Что делают, как и зачем использовать команды git add и git commit?

Команды add и commit почти всегда неразлучны. Это как захват и сохранение данных. Вы не сможете ничего сохранить, пока не захватите нужные данные. Таким образом, команда add всегда предшествует commit.
С командой add вы указываете определенный файл, который требуется захватить в текущем состоянии, а commit сохраняет его копию.

Для захвата всех файлов (кроме исключений из git ignore) понадобится git add. Захват текущего состояния отдельно взятого файла (к примеру, index.html) делается через git add index.html

После создания снимков репозитория их нужно закоммитить и сохранить в локальный репозиторий. Это делается через следующую команду:
 git commit -m ‘commit message’

Сообщение в коммите должно пояснить специфику сохраняемых снимков. Например:
 git add index.html
git commit -m ‘создание кнопки формы опции’

Две команды можно объединить через оператор &&:
 git add index.html && git commit -m ‘создание html структуры футера’
👍1
Какое значение примет result?
Anonymous Quiz
63%
false
37%
true
«Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5»

Книга поможет вам освоить динамическое веб-программирование с применением самых современных технологий. Помимо необходимой теории, книга буквально наполнена практическими примера и советами. Чтобы материал усвоился на на 100%, автор детально показывается, как создать полноценный сайт, который работает по принципу соцсети.
Деление на предыдущую цифру

Возьмите число и проверьте, делится ли каждая его цифра на предыдущую, затем верните массив результатов
Массив всегда должен начинаться с false, так как перед первой цифрой ничего нет.

Примеры:
73312 => [false, false, true, false, true]
2026 => [false, true, false, true]
635 => [false, false, false]
Джон Дакетт. HTML и CSS. Разработка и дизайн веб-сайтов

Эта книга – самый простой и интересный способ изучить HTML и CSS. Независимо от стоящей перед вами задачи: спроектировать и разработать веб-сайт с нуля или получить больше контроля над уже существующим сайтом, эта книга поможет вам создать привлекательный, дружелюбный к пользователю веб-контент. Простой визуальный способ подачи информации с понятными примерами и небольшим фрагментом кода знакомит с новой темой на каждой странице. Вы найдете практические советы о том, как организовать и спроектировать страницы вашего сайта, и после прочтения книги сможете разработать свой веб-сайт профессионального вида и удобный в использовании.
В чем разница между feature detection (определение возможностей браузера) и feature inference (предположение возможностей)

Feature detection (определение возможностей браузера)
Определение возможностей браузера заключается в определении, поддерживает ли браузер определенный блок кода - и если нет, то будет выполняться другой код, так что браузер всегда сможет обеспечить работоспособность и предотвратить сбои/ошибки в некоторых браузерах. Например:
 if ('geolocation' in navigator) {
// Можно использовать navigator.geolocation
} else {
// Обработка отсутствия возможности
}

Feature inference (предположение возможностей)
Предположение возможностей проверяет на наличие определенных возможностей, как и предыдущий подход, но использует другую функцию, которая предполагает, что определенная возможность уже существует, например:
 if (document.getElementsByTagName) {
element = document.getElementById(id);
}
Этот подход не рекомендуется. Первый подход более надежен.
Какой метод массива нужно подставить вместо пропуска чтобы преобразовать массив в строку?
Anonymous Quiz
21%
split
67%
join
7%
splice
5%
slice
Расскажите об Ajax как можно более подробно

Ajax (асинхронный JavaScript и XML) - это набор методов веб-разработки, использующих множество веб-технологий на стороне клиента для создания асинхронных веб-приложений.

С помощью Ajax веб-приложения могут отправлять данные на сервер и получать их с сервера асинхронно (в фоновом режиме), не влияя на отображение и поведение открытой страницы. Отделяя уровень обмена данными от уровня представления, Ajax позволяет веб-страницам и, в частности, веб-приложениям динамически изменять содержимое без необходимости перезагрузки всей страницы.

На практике для получения/передачи данных используется формат данных JSON вместо XML из-за того, что JSON основан на JavaScript.
Раньше для асинхронного взаимодействия использовали XMLHttpRequest API, а сейчас принято использовать fetch API.
Валидатор сообщения

Напишите функцию, которая принимает строку, состоящую из цифр и букв. За каждой цифрой должно следовать слово, состоящая из количества букв, равного цифре. Если это условие соблюдается, то функция должна вернуть true, иначе - false.

Пример:
"3hey5hello2hi" разбивается на 3, hey, 5, hello, 2, hi
Функция должна вернуть true, так как:
hey - состоит из 3 букв
hello - состоит из 5 букв
hi - состоит из 2 букв
Какое значение НЕ соответствует CSS свойству display?
Anonymous Quiz
2%
none
4%
inline
60%
list-item
33%
static
1%
block
Какие преимущества и недостатки в использовании Ajax?

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

Сокращение количества подключений к серверу, поскольку скрипты и таблицы стилей нужно запрашивать только один раз.

Состояние может быть сохранено на странице. Переменные JavaScript и состояние DOM сохраняется, поскольку главная страница контейнера не перезагружается.

Недостатки
Сложнее реализовать добавление динамической веб-страницы в закладки.

Не работает, если в браузере отключен JavaScript.

Некоторые поисковые роботы не выполняют JavaScript и не видят данные, загружаемые при помощи JavaScript.