Расскажите про HTML тег <meta>
В теге <meta> хранится краткое описание страницы, ключевые слова и другие данные, которые могут понадобиться браузерам и поисковым системам.
Таких метатегов может быть любое количество. Все они размещаются внутри тега <head>, желательно в самом начале.
Пример
👉 @frontendInterview
В теге <meta> хранится краткое описание страницы, ключевые слова и другие данные, которые могут понадобиться браузерам и поисковым системам.
Таких метатегов может быть любое количество. Все они размещаются внутри тега <head>, желательно в самом начале.
Пример
<head>
<meta name="denoscription" content="Краткое описание страницы">
<meta
name="keywords"
content="ключевое слово 1, ключевое слово 2, ключевое слово 3"
>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>👉 @frontendInterview
JavaScript. Обработка событий на примерах.
Книг по программированию на JavaScript написано много. Однако подавляющее большинство из них рассказывают об основах и синтаксисе языка. И непропорционально мало книг, которые бы позволили читателю перейти от теории к практике. А такой переход бывает очень непростым. Восполнить этот пробел призвана книга "JavaScript. Обработка событий на примерах". В ней рассказывается о различных событиях, происходящих на страницах сайтов, об обработчиках этих событий, о многообразии вариантов их применения, о технологии создания сценариев на JavaScript.
👉 @frontendInterview
Книг по программированию на JavaScript написано много. Однако подавляющее большинство из них рассказывают об основах и синтаксисе языка. И непропорционально мало книг, которые бы позволили читателю перейти от теории к практике. А такой переход бывает очень непростым. Восполнить этот пробел призвана книга "JavaScript. Обработка событий на примерах". В ней рассказывается о различных событиях, происходящих на страницах сайтов, об обработчиках этих событий, о многообразии вариантов их применения, о технологии создания сценариев на JavaScript.
👉 @frontendInterview
Incrementer
Создайте функцию, которая принимает массив чисел и прибавляет к каждому числу в массиве его позицию.
Примеры:
👉 @frontendInterview
Создайте функцию, которая принимает массив чисел и прибавляет к каждому числу в массиве его позицию.
Примеры:
[1, 2, 3] --> [2, 4, 6]
// [1+1, 2+2, 3+3]
[4, 6, 9, 1, 3] --> [5, 8, 2, 5, 8]
// [4+1, 6+2, 9+3, 1+4, 3+5]👉 @frontendInterview
prompt()
При помощи директивы prompt() можно вывести на экран пользователя модальное окно c полем ввода и текстом-пояснением.
Из-за того, что окно модальное — работа с интерфейсом браузера и страницами будет заблокирована. Это неудобно, плюс может восприниматься пользователем как попытка ограничивать его свободу. Модальное окно для пользователя — окно, которое блокирует работу пользователя с браузером до тех пор, пока пользователь это окно не закроет.
Это крайне быстрый вариант кода, который взаимодействует с пользователем, но окно созданное таким образом не изменяется через CSS, а значит использовать его лучше только для прототипирования интерфейса. В финальном варианте веб-страницы юзать модальное окно нежелательно.
👉 @frontendInterview
При помощи директивы prompt() можно вывести на экран пользователя модальное окно c полем ввода и текстом-пояснением.
Из-за того, что окно модальное — работа с интерфейсом браузера и страницами будет заблокирована. Это неудобно, плюс может восприниматься пользователем как попытка ограничивать его свободу. Модальное окно для пользователя — окно, которое блокирует работу пользователя с браузером до тех пор, пока пользователь это окно не закроет.
Это крайне быстрый вариант кода, который взаимодействует с пользователем, но окно созданное таким образом не изменяется через CSS, а значит использовать его лучше только для прототипирования интерфейса. В финальном варианте веб-страницы юзать модальное окно нежелательно.
👉 @frontendInterview
Как можно задать задержку для CSS-анимации?
Свойство animation-delay задаёт задержку воспроизведения CSS-анимации.
Пример
👉 @frontendInterview
Свойство animation-delay задаёт задержку воспроизведения CSS-анимации.
Пример
.element {
animation-delay: 1s;
}
Значением может быть любое число, как отрицательное, так и положительное. Если значение положительное, то будет задержка перед началом анимации. Если значение отрицательное, то анимация начнётся как бы за кадром.👉 @frontendInterview
Тег <code>
<code> используется для вывода любой информации, которая может быть обработана компьютером как программный код. Помимо непосредственно кода, сюда также относятся названия файлов, конфигурационные файлы, XML-элементы и т. д.
Тег <code> по умолчанию строчный и браузеры не применяют к тексту внутри него никакого форматирования, кроме font-family: monospace;, и не подсвечивают синтаксис. Они не анализируют содержимое и не делают никаких предположений, на каком языке программирования написан вставленный код.
Пример:
👉 @frontendInterview
<code> используется для вывода любой информации, которая может быть обработана компьютером как программный код. Помимо непосредственно кода, сюда также относятся названия файлов, конфигурационные файлы, XML-элементы и т. д.
Тег <code> по умолчанию строчный и браузеры не применяют к тексту внутри него никакого форматирования, кроме font-family: monospace;, и не подсвечивают синтаксис. Они не анализируют содержимое и не делают никаких предположений, на каком языке программирования написан вставленный код.
Пример:
<code>
const element = document.getElementById('#some-id');
</code>👉 @frontendInterview
Наглядный CSS
На 1 июня 2018 года CSS содержал 415 уникальных свойств, относящихся к объекту style в любом элементе браузера Chrome. Сколько свойств доступно в вашем браузере на сегодняшний день? Наверняка уже почти шесть сотен. Наиболее важные из них рассматриваются в этой книге.
👉 @frontendInterview
На 1 июня 2018 года CSS содержал 415 уникальных свойств, относящихся к объекту style в любом элементе браузера Chrome. Сколько свойств доступно в вашем браузере на сегодняшний день? Наверняка уже почти шесть сотен. Наиболее важные из них рассматриваются в этой книге.
👉 @frontendInterview