Дэвид Макфарланд "Большая книга CSS3"

C помощью технологии CSS3 (каскадные таблицы стилей) можно создавать уникальные, современные оформления веб-сайтов. Но даже самый опытный веб-разработчик может не знать всех приемов применения CSS3. Прочитав в этой книге множество практических примеров, а также советов, вы перейдете на новый уровень создания сайтов с помощью HTML и CSS. Вы узнаете, как разрабатывать веб-страницы, которые одинаково быстро работают и одинаково выглядят, как на ПК, так и на смартфонах и планшетах.
В книге рассмотрены следующие темы:
- написание HTML5-, CSS3-тегов, которые распознаются во всех браузерах;
- форматирование текста, добавление на страницы навигации;
- создание таблиц и форм;
- приемы веб-дизайна для создания уникального оформления сайтов;
- создание сайтов для любых устройств с помощью адаптивного дизайна.

Напишите функцию generateRange(min, max, step), которая генерирует массив чисел. Функция принимает 3 аргумента min - минимальное число, max - максимальное. step - шаг, на который увеличивается последующее число.

Пример:
generateRange(2, 10, 2)
// should return array of [2,4,6,8,10]

generateRange(1, 10, 3)
// should return array of [1,4,7,10]

Принципы ООП в Javascript

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

Что такое web-safe шрифты и зачем они используются?

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

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

Что такое CORS?

CORS (Cross-Origin Resource Sharing, совместное использование ресурсов между разными источниками) — это браузерный механизм, который позволяет предоставлять страницам доступ к ресурсам, расположенным за пределами некоего домена. Это расширяет возможности страниц и добавляет гибкости политике одинакового источника (same-origin policy).

У Боба на столе в ряд лежат камни. Каждый камень может быть красным, зеленым или синим (R, G, B). Помогите бобу найти минимальное количество камней, которое ему нужно убрать со стола, чтобы все смежные камни были разных цветов.

Примеры:
"RGBRGBRGGB" => 1
"RGGRGBBRGRR" => 3
"RRRRGGGGBBBB" => 9

Что такое промис и в каких состояниях он может пребывать?

Промисы — это объекты, которые используются в JavaScript при выполнении асинхронных операций. Они упрощают работу с асинхронными операциями и дают более удобные механизмы обработки ошибок, чем коллбэки и события.

Промис может пребывать в одном из трёх состояний:

1. Исполнено (fulfilled) — операция, связанная с промисом, завершена успешно.
2. Отклонено (rejected) — операция, связанная с промисом, завершена с ошибкой.
3. Ожидание (pending) — промис находится в состоянии ожидания, то есть, о нём нельзя сказать, что он завершён успешно или с ошибкой.

Какая разница между следующими видами позиционирования элементов: относительное, фиксированное, абсолютное, статическое?

1. Относительное позиционирование — это когда элемент смещается относительно его положения, задаваемого по умолчанию.

2. Фиксированное позиционирование — это когда настраивают положение элемента, ориентируясь на края окна браузера.

3. Абсолютное позиционирование — это размещение элемента относительно ближайшего позиционированного родительского элемента, причём, именно там, где указано разработчиком.

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

Что такое браузерные префиксы и зачем они нужны?

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

Возможные префиксы:
-webkit-: браузеры Chrome, Safari, Opera;
-moz-: браузер Mozilla Firefox;
-ms-: браузер Internet Explorer.

Причин для появления префиксов было достаточно много:

1. Для включения в браузер экспериментальных свойств CSS, которые стандартом ещё не утверждены. Таким образом, производители браузеров производят тестирование и вносят предложения перед утверждением свойств CSS в стандарте.

2. Для решения проблем с кроссбраузерностью.

3. Для создания собственных свойств, которые не входят в стандарт CSS, но возможно появятся в нём через некоторое время.

Когда экспериментальное свойство утверждено в стандарте и прошло тестирование в браузере, у него обычно убирается префикс.