Javascript js frontend

Menu Button Interaction

Анимированное выпадающее меню, выполненное с помощью SVG, SCSS и JavaScript

#css #js

JavaScript Algorithms

Авторы: Oleksii Trekhleb and Sophia Shoemaker
Год издания: 2019

#javascript #english

JavaScript. Что будет выведено в консоль?

Ответ

Folded Paper Login Form

Форма входа в систему в виде сложенной бумаги, реализованная на чистом CSS.

#css

Liquid Radio Button

Радио-кнопка, сделанная из svg-картинки и анимированная библиотекой gsap.

#css #js

Наш чатик по ссылке: https://t.me/+a8aDKNJCcWExMmEy

​Сравнение методов require() и import() в JavaScript

Рассмотрели два метода JS и сравнили их.

#javascript

Clock

Часы, созданные из svg картинки и анимированные в SCSS. Направление стрелок задается в js и зависит от времени на устройстве.

#css #js

Задача

Напишите функцию sumTo(n), которая вычисляет сумму чисел 1 + 2 + ... + n.

Ответ

React to Python

Автор: John Sheehan, Jenna Sys
Год издания: 2021

#react #english

Platonic solids

Анимированный настраиваемый многогранник, выполненный с помощью CSS и JavaScript.

#css #js

​Производительность фронтенда: большое приложение на реактивном SSR-топливе

Как построить архитектуру фронта, чтобы приложение загружалось быстро и при этом выполняло требования поисковой оптимизации? Как мы можем это измерить?

Значительно повысить производительность можно при помощи серверного рендеринга, но какая будет цена у такой оптимизации? Какой инструмент выбрать — готовую библиотеку или собственное решение? Какие ограничения в дальнейшем могут быть вызваны выбором того или иного подхода?

На все эти вопросы ответил frontend-разработчик Виталий Старов на конференции FrontendConf 2021.

#javascript

Wavy Color Cube

Куб с анимацией переливающихся цветов в каждой из его сторон. Анимация реализована на чистом CSS.

#css

Deep Learning with JavaScript

Авторы: Shanqing Cai, Stanley Bileschi, Eric D. Nielsen, With François Chollet
Год издания: 2020

#javascript #english

Animated pie chart

Анимированная диаграмма, реализованная в виде svg картинки, которая анимируется библиотекой gsap.

#css #js

​Понимание условий асинхронной гонки JavaScript

Термин «состояние гонки» обычно применяется к конфликту при доступе к общим переменным в многопоточной среде. В Javascript ваш JS-код выполняется только одним потоком за раз, но все же можно создавать похожие проблемы.

Это распространенная проблема, когда люди просто вслепую делают свои функции асинхронными, не задумываясь о последствиях.

#javascript