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

Кубики

Кубики постоянно создаются и, перекатываясь, исчезают. Выполнено с помощью JavaScript и Canvas.

@frontend_school #статья #JavaScript

Что такое API в веб-приложениях и зачем он нужен

Аббревиатура API расшифровывается как Application Programming Interface, или интерфейс для программирования приложений. Название, вроде бы, говорит само за себя, но лучше рассмотреть более детальное объяснение. Сегодняшняя статья специально опубликована для начинающих разработчиков, которые слышали об API, но пока ещё не знают что это и зачем.

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

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

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

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

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

@frontend_school #юмор

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

Худший в мире color picker

Забавный проект, который позволяет подобрать цвет и показывает код к нему. Интересен с точки зрения простоты реализации кода.

@frontend_school #статья

Webpack: руководство для начинающих

Вебпак — это сборщик модулей. Он анализирует модули приложения, создает граф зависимостей, затем собирает модули в правильном порядке в один или более бандл (bundle), на который может ссылаться файл «index.html». Эта статья поможет вам разобраться как работает webpack и как им пользоваться.

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

@frontend_school #задача №33

Пятница 13-е

Пятница 13-е считается несчастливым днём во многих странах мира, а в некоторых число 13 стараются и вовсе избегать - даже этажи не нумеруют этим числом.

Условие:
Написать функцию, которая принимает в качестве аргумента год (например, 2020) и возвращает число, сколько раз пятница 13-е случается в этом году.

Например:
При вводе 1812 года должна вернуться цифра 2.

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

И не стесняйтесь задавать вопросы в чате, если что-то непонятно!

@frontend_school #юмор

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

Загрузка в стиле илюминатов

Вариант загрузки, который проливает свет на то, почему шкала загрузки иногда "застревает". Выполнен с помощью CSS анимации и JS.

@frontend_school #статья #CSS

Вредные советы по CSS

Интернет полон различных туториалов и лайфхаков по работе с CSS. Это безусловно здорово, но что, если взглянуть на таблицы стилей с другой стороны? В этой статье вы найдете приёмы, благодаря которым сможете написать по-настоящему ужасный CSS для вашего сайта. И кто знает, может, это пойдёт вам на пользу!

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

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

По ссылке ниже представлено решение задачи №33 «Пятница 13-е».

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

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

@frontend_school #юмор

Изучаем машинное обучение за 30 минут бесплатно и без смс.

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

Кошачье пианино

Пианино не только интерактивно, но ещё и полностью функционально - оно воспроизводит звук в зависимости от нажатой клавиши. Реализовано на HTML, SCSS и JavaScript.

@frontend_school #статья #JavaScript

Порядок выполнения скриптов в HTML. Тег script и атрибуты async, defer, module, nomodule и src

С добавлением в JavaScript ES-модулей появилось не менее 24 способов подгрузить скрипты: с атрибутом src и без него; с async или без; defer или нет; type=module и nomodule. Все они немножко отличаются друг от друга.
В этой статье сравним, как встроенные в HTML тэги <script> обрабатываются в зависимости от набора атрибутов.

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