@frontend_school #юмор

@frontend_school #интересное

Nodivember. Карандаш

Сегодня предлагаю вам посмотреть на такой интересный проект, как анимированный карандаш, выполненный без использования блока <div></div>. В общем-то поэтому он и участвует в челендже Nodivember. Посмотрите, как реализована данная анимация.

@frontend_school #статья #JavaScript

JavaScript Maps vs Обычные объекты: смертельная битва

Стандарт ES6 дал в руки разработчикам мощное и гибкое оружие – JavaScript Maps. Кажется, простым объектам уже пора на покой... Или нет?

@frontend_school #викторина

@frontend_school #задача №38

Самый одинокий символ

Условие:
Необходимо написать функцию, которая принимает строку и возвращает массив символов, у которых есть наибольшее количество пробелов справа и слева.

Например:
"a b c" --> ["b"]
"a bcs d k" --> ["d"]
" a b sc p t k" --> ["p"]
"a b c de" --> ["b", "c"]
" a b c de " --> ["b"]
"abc" --> ["a", "b", "c"]

Примечание:
1. Пробелы перед строкой и после строки не учитываются
2. Строка не должна содержать одинаковый символ более одного раза
3. Порядок символов в возвращаемом массиве не имеет значения

Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!

И не стесняйтесь задавать вопрос, если зашли в тупик!

@frontend_school #юмор

@frontend_school #интересное

Кусок пиццы Тони Пеперони

Сделана в виде svg картинок, которые автор анимирует библиотекой GSAP. Анимация происходит по нажатию.

@frontend_school #статья

Chrome расширения для веб-разработки и работы с GitHub

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

@frontend_school #викторина

@frontend_school #ответ_на_задачу

По ссылке ниже представлено решение задачи №38 «Самый одинокий символ».

Обращаю ваше внимание, что это только один из возможных вариантов решения. И если вы решили иначе, то это не значит, что ваш вариант неправильный.

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

@frontend_school #юмор

@frontend_school #интересное

Зарядка в стиле Huawei

Интересная анимация зарядки, выполненная без использования JS. Вместо этого используется препроцессор SCSS.

@frontend_school #статья #vue

26 советов для Vue, которые сэкономят ваше время

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

@frontend_school #викторина

@frontend_school #задача №39

Среднее число

Условие:
Напишите функцию, которая определяет есть ли в массиве пара чисел, среднее число которых равно запрашиваемому. Функция должна принимать два аргумента - массив чисел и искомое среднее число.

Например:
averagePair([1, 2, 3], 2.5); // true
averagePair([-1, 0, 3, 4, 5, 6], 4.1); //false
averagePair([], 4); // false
averagePair([1, 3, 3, 5, 6, 7, 10, 12, 19], 8); //true

Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!

И не стесняйтесь задавать вопрос, если зашли в тупик!

@frontend_school #юмор

@frontend_school #интересное

Кнопка перехода к оплате

Анимированная кнопка перехода к оплате заказа. Выполнена с использованием SCSS и JS-библиотеки GSAP.