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

По ссылке ниже представлено решение задачи №35 «Убить Ахиллеса».

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

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

@frontend_school #юмор

На том и стоим

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

2048

Реализация известной многим игры с помощью JavaScript. Управление осуществляется стрелками.

@frontend_school #статья

Разработка анимированных фавиконов

Пространство на экране, которое занимает ярлык вкладки веб-страницы — это гораздо более ценный ресурс, чем многие думают. Если хорошо поработать с ярлыком, то он, помимо того, что будет продолжать играть роль идентификатора страницы, может стать чем-то вроде «доски объявлений», которая сообщает о том, что именно происходит на странице.

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

@frontend_school #задача №36

Калькулятор функций

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

Например:
seven(times(five())); // возвращает 35
four(plus(nine())); // возвращает 13
eight(minus(three())); // возвращает 5
six(dividedBy(two())); // возвращает 3

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

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

@frontend_school #юмор

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

Обратный отсчёт

Этот счётчик обратного отсчёта выполнен на HTML и CSS с использованием препроцессоров. Никакого JavaScript. Рекомендуем изучить для понимания принципов работы.

@frontend_school #статья

Numl – Альтернативный язык разметки и стилизации для веб

Numl это язык разметки, который объединяет в себе функции CSS-фреймворка, JS-фреймворка без композиции и Дизайн-системы, и предоставляет набор готовых элементов, каждый из которых имеет обширный набор свойств для кастомизации. Язык основывается на нативном браузерном API Custom Elements из спецификации Web Components, и совместим с популярными JS-фреймворками, такими как Vue, Svelte, Angular и React. Отличительной чертой Numl является то, что все стили для интерфейса он генерирует в runtime, что позволяет выжать максимум из CSS и добиться огромной гибкости в стилизации и кастомизации элементов. Эта статья — ответ на вопрос, как так получилось и почему такой подход заслуживает право на жизнь.

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

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

По ссылке ниже представлено решение задачи №36 «Калькулятор функций».

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

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

@frontend_school #юмор

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

Загрузчик в стиле Pacman

Выполнен без использования JavaScript. Можно добавить на сайт, посвящённый играм, например.

@frontend_school #статья

Безумие на чистом HTML + CSS

Недавно в нашей рубрике "Интересное" была игра, сделанная без использования JavaScript. В сегодняшней статье разбирается то, как именно она была сделана, какие приёмы были использованы. Рекомендую к прочтению - там много любопытных моментов и тонкостей.

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

@frontend_school #задача №37

Тест IQ

Знакомьтесь, Боб! Боб готовится сдавать тест на IQ и ему нужна ваша помощь, иначе ему не поздоровится. Наиболее частая задача в этом тесте - найти лишний элемент. Боб заметил, что одно число обычно отличается от других чётностью. Помогите Бобу!

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

Например:
iqTest("2 4 7 8 10") => 3 // Третье число нечётное, в то время, как все остальные чётные

iqTest("1 2 1 1") => 2 // Второе число чётное, в то время, как все остальные нечётные

Примечание:
Имейте в виду, что ваша задача - помочь Бобу пройти настоящий тест на IQ, что означает, что индексы элементов начинаются с 1 (а не с 0).

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

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

@frontend_school #юмор

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

Пикачу на сёрфе

Сделан в виде svg картинок и анимирован с помощью сторонней библиотеки GreenSock.