prompt()

При помощи директивы prompt() можно вывести на экран пользователя модальное окно c полем ввода и текстом-пояснением.

Из-за того, что окно модальное — работа с интерфейсом браузера и страницами будет заблокирована. Это неудобно, плюс может восприниматься пользователем как попытка ограничивать его свободу. Модальное окно для пользователя — окно, которое блокирует работу пользователя с браузером до тех пор, пока пользователь это окно не закроет.

Это крайне быстрый вариант кода, который взаимодействует с пользователем, но окно созданное таким образом не изменяется через CSS, а значит использовать его лучше только для прототипирования интерфейса. В финальном варианте веб-страницы юзать модальное окно нежелательно.

👉 @frontendInterview

👉 @frontendInterview

Как можно задать задержку для CSS-анимации?

Свойство animation-delay задаёт задержку воспроизведения CSS-анимации.

Пример
.element {
animation-delay: 1s;
}

Значением может быть любое число, как отрицательное, так и положительное. Если значение положительное, то будет задержка перед началом анимации. Если значение отрицательное, то анимация начнётся как бы за кадром.

👉 @frontendInterview

👉 @frontendInterview

Тег <code>

<code> используется для вывода любой информации, которая может быть обработана компьютером как программный код. Помимо непосредственно кода, сюда также относятся названия файлов, конфигурационные файлы, XML-элементы и т. д.

Тег <code> по умолчанию строчный и браузеры не применяют к тексту внутри него никакого форматирования, кроме font-family: monospace;, и не подсвечивают синтаксис. Они не анализируют содержимое и не делают никаких предположений, на каком языке программирования написан вставленный код.

Пример:
<code>
const element = document.getElementById('#some-id');
</code>

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Наглядный CSS

На 1 июня 2018 года CSS содержал 415 уникальных свойств, относящихся к объекту style в любом элементе браузера Chrome. Сколько свойств доступно в вашем браузере на сегодняшний день? Наверняка уже почти шесть сотен. Наиболее важные из них рассматриваются в этой книге.

👉 @frontendInterview

Sort the odd

Вам дан массив чисел. Ваша задача - отсортировать по возрастанию нечетные числа, а четные оставить на своих местах.

Примеры:

 [7, 1] 
 // [1, 7]

 [5, 8, 6, 3, 4]
 // [3, 8, 6, 5, 4]

 [9, 8, 7, 6, 5, 4, 3, 2, 1, 0]
 // [1, 8, 3, 6, 5, 4, 7, 2, 9, 0]

👉 @frontendInterview

​Что такое CI/CD?

Аббревиатура CI/CD означает «Continuous Integration/Continuous Delivery» — то есть «непрерывная интеграция/непрерывная доставка». Это подход к разработке, при котором задачи сборки, публикации, тестирования продукта полностью или частично автоматизированы. Очень часто автоматизация интегрирована в бизнес-процессы продуктовой команды или компании, но практики CI/CD прекрасно могут быть внедрены и в проекты, в которых участвует только один разработчик.

Технологии CI/CD стали активно проникать в процессы разработки программных продуктов, когда стало очевидно, что для большинства прикладных программ великолепно подходят практики Agile, о которых можно подробнее почитать в статье «Методологии разработки и Agile». Оказалось, что каждую итерацию цикла разработки можно ускорить с помощью автоматизации разных процессов. Типичную итерацию процесса разработки с применением CI/CD можно изобразить на схеме следующим образом:

👉 @frontendInterview

Расскажите про системы управления версиями

Системы контроля версий — VCS (version control systems) — были придуманы, чтобы следить за историей изменений исходного кода и комфортно работать над ним большой командой.

Самая популярная из систем — Git. Её используют в большинстве проектов. Некоторые компании используют другие системы, например SVN или Mercurial, другие — создают собственные решения, чтобы лучше покрыть свои специфичные потребности.

👉 @frontendInterview

☘️Хардкорный тест из 21 вопроса только для тех, кто уже знает и любит Java и хочет освоить Framework Spring.

🚀Если сможете сдать — пройдёте на продвинутый курс для разработчиков по спец.цене.

👉🏻ПРОЙТИ ТЕСТ: https://otus.pw/JuBR/

📌Хотите протестировать учебный процесс заранее? Регистрируйтесь на бесплатные демо-занятия:

🔸 Регистрация на 07 Февраля в 20:00 "Правильный DAO на Spring JDBC"
🔸 Регистрация на 15 Февраля в 20:00 "Как пользоваться JPA (Hibernate) в Spring-приложении"

Регистрируйтесь сейчас - напомним в день вебинара!

👉 @frontendInterview

Расскажите про преобразование типов в JS

Представим ситуацию: у нас есть форма с полем, в которое пользователь вписывает свой возраст в годах.

По умолчанию любой ввод в полях — это строка. Если мы хотим работать с этим значением, как с числом, то нам нужно привести его к числу.

Приведение (или преобразование) типов — это процесс конвертации значения из одного типа в другой.

В JavaScript типы можно преобразовывать явно и неявно.

Когда мы вызываем функцию, чтобы получить конкретный тип — это явное преобразование:

 const x = "4"
 Number(x)

 const y = 4
 String(y)

Сравнение бывает строгим и нестрогим. При строгом сравнении (===) интерпретатор учитывает типы сравниваемых значений.

Когда же мы сравниваем значения нестрого между собой с помощью ==, JavaScript приводит типы самостоятельно:
5 == "5" // true
5 === "5" // false

👉 @frontendInterview

👉 @frontendInterview