Front-end. Клиентская разработка для профессионалов.

В книге “Front-end. Клиентская разработка для профессионалов” рассмотрены все важнейшие навыки работы с JavaScript, HTML5 и CSS3, требуемые серьезному разработчику, чтобы преуспеть в создании современного клиентского кода. Читатель быстро освоится с новыми инструментами и технологиями, с проверенными практиками, которые актуальны уже сегодня. В каждой главе рассматриваются важнейшие концепции и API, неотделимые от качественной веб-разработки, тщательно проверенные и отточенные в процессе решения реальных практических задач.

Nathan катается на велосипеде.

За час катания он выпивает 0.5 литра воды.
Вам дано время, в течение которого катается Nathan. Напишите функцию, которая вернет количество литров воды, которое выпьет Nathan, округленное до меньшего значения.

Примеры:
time = 3 ----> litres = 1

time = 6.7---> litres = 3

time = 11.8--> litres = 5

CSS in Depth

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

​Что такое приведение типов?

Конвертация встроенных типов данных друг в друга в JavaScript называется приведением типов (coercion). Оно бывает явное (explicit) и неявное (implicit).

Пример явного приведения:

 let a = '42'; //строка
 let b = Number(a);

 a; // "42" - строка
 b; // 42 - число

Пример неявного приведения:
let a = '42'; //строка
let b = a * 1; //строка неявно приводится к числу
a; // "42" - строка
b; // 42 - число

Какие есть виды сравнения в JavaScript

В JavaScript есть два вида сравнения:
1. строгое (strict) без приведения типов (===);
2. абстрактное с приведением типов.

var a = "42"
var b = 42
a == b; //true - абстрактное, строка привелась к числу
a === b; //false - строгое

Сравнение осуществляется по некоторым простым правилам:
1. Если значения (стороны сравнения) могут принимать значения true или false, избегайте нестрогого сравнения и используйте ===;
2. Если в сравнении участвуют специфические значения (0, "", [] — пустой массив), избегайте нестрогого сравнения.
3. В остальных случаях можно использовать ==. Это безопасно и во многих случаях делает код более читаемым.

Кто убийца?

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

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

{'James': ['Jacob', 'Bill', 'Lucas'],
'Johnny': ['David', 'Kyle', 'Lucas'],
'Peter': ['Lucy', 'Kyle']}

А также список убитых

['Lucas', 'Bill']

Найдите имя убийцы. В нашем случае это James, так как он единственный, кто видел Lucas и Bill

Как можно проверить, является ли число целым?

Очень простой способ проверить, имеет ли число дробную часть — разделить его на единицу и проверить остаток.

function isInt(num) {
return num % 1 === 0;
}

console.log(isInt(4)); //true;
console.log(isInt(12.2)); //false;
console.log(isInt(0.3)); //false

Почему объекты с идентичными свойствами не равны?

Непримитивные значения в JavaScript (объекты) передаются по ссылке, а операторы сравнения (== и ===) сравнивают именно ссылки. Поэтому два разных объекта с идентичными свойствами не будут равны друг другу.

let a = [1, 2, 3];
let b = [1, 2, 3];

a == b //false
a === b //false

Как проверить, является ли объект массивом?

Лучший способ узнать, является ли объект инстансом определенного класса, — использовать метод Object.prototype.toString().



 let arr = [1, 2, 3];
 let obj = {'a': 1, 'b': 2};
 let str = "hello";
 let foo = function() {};

console.log(Object.prototype.toString.call(arr)); // [object Array]
console.log(Object.prototype.toString.call(obj)); // [object Object]
console.log(Object.prototype.toString.call(str)); // [object String]
console.log(Object.prototype.toString.call(foo)); // [object Function]