@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.

@frontend_school #статья #vue

Vue.js для начинающих, урок 1: экземпляр Vue

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

Если вам понравится эта статья, то мы опубликуем в дальнейшем следующие уроки.

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

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

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

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

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

@frontend_school #юмор

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

Nodivember. Плата с дисплеем

В рамках челленджа Nodivember ещё один интересный проект - плата с анимированным дисплеем. Количество деталий и анимация, выполненные без использования HTML и JS удивляют.

@frontend_school #статья #HTML

Секреты использования семантической верстки в HTML5

В этой статье вы узнаете как пользоваться семантической разметкой в HTML5 и как это делать правильно.

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

@frontend_school #юмор

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

Генератор овец

Сегодня предлагаем вашему вниманию генератор овец. В зависимости от того какой клавишей мыши вы щёлкните по экрану, появится соответствующая овца.

@frontend_school #статья #JavaScript

Готовим console.log() правильно

Предисловие автора:
«Несмотря на то, что я разделяю и практикую разработку через тестирование, мне нравятся гибкость, богатство информации и надёжность кода, предоставляемые разработчикам фронтенда, которые эффективно используют console.log(). Я решил поделиться некоторыми советами и хитростями, которые изучил и включил в свой рабочий процесс во время работы над Firecode.io в надежде, что некоторые из них помогут сделать ваш рабочий процесс разработки немного продуктивнее и веселее. С удовольствием разделю эти советы на две широкие категории: быстрое и грязное логирование, когда вы активно собираете и отлаживаете приложение, и долговременная запись в лог для понимания, когда ваше приложение работает, как ожидалось, а когда нет.»

@frontend_school #юмор

@frontend_school #викторина_недели

Это 12-я еженедельная викторина, основанная на вопросах, публиковавшихся в течении недели. Вы можете закрепить, полученные знания, ответив на несколько вопросов. Для ответа на каждый вопрос даётся 30 секунд.

А вот топ-10 прошлой викторины:
🥇 @redd08 – 7 (49 сек)
🥈 @nikolay696 – 6 (55.7 сек)
🥉 @Elena_mariupol – 6 (59.8 сек)
 4. @Anton_Kiylo – 6 (1 мин 17 сек)
 5. Kseniia – 5 (49.5 сек)
 6. @AlexeyKii – 5 (39.8 сек)
 7. @Marianakukhar – 5 (1 мин 1 сек)
 8. @maxguitarman – 5 (1 мин 16 сек)
 9. Azat R – 4 (1 мин 12 сек)
 10. @noachase – 4 (1 мин 14 сек)

Проверьте свои навыки и знания!

@frontend_school #юмор

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

Выпадающий список

Вот такой выпадающий список вы можете сделать самостоятельно, используя JQuery. Можно использовать и в меню, и в других элементах сайта.