Node Cookbook

Автор: Bethany Griggs
Год издания: 2020

#node #english

Top-3 статьи по JavaScript, вышедших в мае, от наших друзей из TechRocks:

- Метод setTimeout() — задержка выполнения в JavaScript

- Локализация даты, времени и чисел в JS при помощи .toLocaleString

- Полное руководство по regex

Кому понравилось - подпишитесь @techrocks!

​Google Maps – отрисовка полигонов и окружностей на карте

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

#js

3D Interactive Card Hover

Свойство transform со значением rotate изменяется в зависимости от положения курсора.

#js

​Фиктивные объекты и данные, моки, стабы

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

Article Toggle

Плавное переключение светлой и темной тем, реализованное с помощью CSS и JavaScript.

#js

Задача

Дан массив целых чисел arr и целое число K. Необходимо найти количество непрерывных подмассивов, сумма элементов которых равна числу K.

Условие: необходимо написать алгоритм с линейной сложностью по времени (т.е. O(N), где N - количество элементов исходного массива).

Входные данные: arr - массив целых чисел, размер массива от 1 до 10^4. Элементы массива - целые числа в диапазоне [-1000, 1000], K - целое число в диапазоне [-10^5, 10^5].

Выходные данные: количество непрерывных подмассивов.

Ответ

Professional JavaScript

Авторы: Hugo Di Francesco, Siyuan Gao, Vinicius Isola, Philip Kirkbride
Год издания: 2019

#javascript #english

Cubic Clock

Кубические часы, выполненные с помощью Haml, SCSS и JavaScript.

#css #js

​Погружаемся в CSS: как использовать :where()

Функция :where() помогает писать меньше кода, применять стили ко всему списку и снимает головную боль при использовании CSS reset. В статье разберёмся, как это работает, и посмотрим на примеры использования.

#css

Shiny Debit Card

Верстка банковской карты на HTML и CSS с бесконечной анимацией поворота.

#css #html

JavaScript for Gurus

Автор: Ockert J. Du Preez
Год издания: 2020

#javascript #english

Задача

Напишите функцию-конструктор Accumulator(val).

Объект, который она создаёт, должен уметь хранить текущее значение в свойстве value. Начальное значение устанавливается в аргументе конструктора val.
Метод read принимает один параметр (число) и прибавляет его к свойству value.

Ответ

Social Media Icons with Popups

Иконки с всплывающими подсказками, выполненные на чистом CSS, без использования JavaScript.

#html #css #js

Electric strings

Электрический "паук", который следует за движением курсора. Реализован с помощью JavaScript.

#js

Задача

Реализуйте функцию isTwinPrime, которая возвращает true, если:

1. number является простым числом
2. number+2 или number-2 является простым числом.

Если хоть одно условие не выполняется, возвращать false.

Пример:
Возьмем число 7.
1. 7 - простое число.
2. 7+2 = 9, 7-2 = 5. 5 - простое число.
Результат: true

Ответ

​Темная сторона шрифта

Шрифт—это не только дизайн. Современный шрифт—это сложный цифровой продукт, который объединяет данные разных типов. Это и математика описания кривых, и программный код, и инструкции по настройке отображения знаков на экране.