Любишь решать задачи по JS?

А представь, что все это в формате MMORPG бота, где ты можешь прокачивать своего пресонажа, батлиться с друзьями, проходить собесы в разные IT компании и главное - прокачивать себя как разработчика!

В Dev’s Battle ты найдешь:

👉 350+ задачек по JS
👉 300+ активных игроков
👉 7 компаний для собеседований. От Рабов Галерных до Facebook
👉 Прокачку и развитие внутриигрового персонажа
👉 Фан и общение с другими разработчиками

Все это бесплатно, с небольшим кринжом и крутым комьюнити!

😎 Залетай в Dev’s Battle, если, конечно, сможешь…

Tilt Hover Effect + Flying Chef

В JS создана логика изменения поворота карточек и положения элемента на карточке. Градус поворота зависит от положения курсора при наведении.

https://codepen.io/Hyperplexed/pen/MWrpKYM

Shiny Debit Card

Верстка банковской карты на HTML и CSS с бесконечной анимацией поворота.

https://codepen.io/jkantner/pen/GROreja

Polished.js — набор инструментов для написания стилей в JavaScript ✨

Предоставляет набор миксинов, цветовых функций, сокращений и т.д. Делает процесс авторинга стилей в JavaScript более простым.

Особенности / преимущества:
✔️Поддержка современных браузеров + IE11
✔️Совместима с фреймворками (emotion, jss, aphrodite, radium)
✔️Удобный API
✔️Поддержка TypeScript

https://github.com/styled-components/polished

https://polished.js.org/

CSS (Cascading Style Sheets) Visual Dictionary - 2018
#css

Fullstack React The Complete Guide to ReactJS and Friends

📖 Книга

@about_javascript

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

Ответ

Magnetic button animation - Анимация примагничивающихся кнопок при наведении, реализована с помощью CSS и JavaScript.

https://codepen.io/milanraring/pen/gOwGpdm

⚡️JavaScript уроки // 43 видео

Содержание:
▪️JavaScript обзор товара 360 градусов
▪️Каррирование в JavaScript. Создаем элементы с помощью carrying
▪️Делаем мультиязычный сайт c JavaScript
▪️JavaScript: читаем UTM метки, разбираем, декодируем. Разбираем ссылки интернет магазинов
▪️Мутабельные и иммутабельные методы объектов JavaScript
▪️Используем Template в JavaScript для клонирования элементов
▪️Swipe это просто
▪️Пингуем ресурсы с ping - JavaScript не нужен
▪️Callback это просто. Разбираемся в callback JavaScript
▪️Имитируем события в JavaScript. DispatchEvent

➖ Смотреть бесплатно

@about_javascript

​unavatar – сервис генерации унифицированных аватарок для юзеров

⤷ Ссылка на проект

@about_javascript | #Interesting #JavaScript

​VScode-Drawio – расширение для VS Code интегрирующее сервис для построения диаграмм draw.io

Очень полезен в тех проектах, где документация хранится рядом с кодом и содержит большое количество схем

⤷ Ссылка на проект

@about_javascript | #TypeScript #Code #Interesting

​Webtorrent – Потоковый торрент-клиент для браузера!

В браузере WebTorrent использует WebRTC (каналы данных) для peer-to-peer передач. Его можно использовать без браузерных плагинов или расширений. Это просто JavaScriptTM

⤷ Ссылка на проект

@about_javascript | #JavaScript #Torrent

Radio-кнопки с анимацией перепрыгивания, реализованные с помощью CSS.

https://codepen.io/jkantner/pen/rNaPadg

@about_javascript

Кнопка поиска с анимацией вывода поля для ввода.

https://codepen.io/MilanMilosev/pen/JdgRpB

@about_javascript

​css3d-game – 3D-игра, написанная на Vanilla Javascript и полностью отрисованная в HTML / CSS

Вы можете использовать инструменты разработчика чтобы проверить геометрию

⤷ Ссылка на проект

@about_javascript | #Interesting #JavaScript #CSS #Web #Game

ScrollTrigger: SVG Text Mask

Анимация скролла текстовой маски SVG. Реализована с помощью JavaScript и CSS.

#анимация #svg #javascript #css

https://codepen.io/creativeocean/pen/qBbBLyB