Простое сжатие

Вам дана строка, состоящая из повторяющихся символов. Создайте функцию, которая обработает эту строку и преобразует её в массив, состоящий из кортежей (число повторений, символ).

Примеры:
string1="aaaaaaaaaaaaaaaaaaaaaaaaaabaaaaaaaaaaaaaaaaaa"
output1='[26,"a",1,"b",18,"a"]'

string="aaaaaaaabaaaa"
compressed=[8,"a",1,"b",4,"a"]

https://www.codewars.com/kata/5914e068f05d9a011e000054/train/javascript

​Слайдер для сайта

#html #css #js #slider

https://codepen.io/thebabydino/pen/rNzRQWq

@about_javascript

Menu Animation

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

https://codepen.io/aaroniker/pen/abzZbzR

Пишем чистый код при помощи деструктуризации объектов в JavaScript

Деструктуризация — это синтаксис, который позволяет распаковывать значения из массивов или свойства из объектов в переменные.

Что нам это дает? Возможность писать более чистый и понятный код, экономя время и количество строк.

Читать

@about_javascript

Fit Text

Подгонка текста по ширине окна просмотра, реализованная с помощью переменных CSS и JavaScript.

#текст #css #javascript

https://codepen.io/shshaw/pen/LYVBVve

Broxus Elysium Hackathon в Белграде и онлайн

Broxus, один из главных разработчиков сети Everscale, бросает вызов всем талантливым девелоперам! В Белграде (Сербия) 14-17 июля пройдет хакатон, где участники будут бороться за призовой фонд в размере 30.000 долларов и специальный приз зрительских симпатий! 💸

Участие бесплатное!

На хакатоне участников ждут 3 трека:

- сделать MVP cross-chain даппа
- создать полезные инструменты разработки
- показать что такое лучший UX/UI

На площадке и в онлайне будут крутые менторы, которые поделятся опытом и советом. После награждения участников ждет вечеринка на дебаркадере с классным диджеем! В онлайне тоже не будет скучно!


👉 Узнать подробнее о хакатоне и зарегистрироваться можно на сайте: https://l1.broxus.com/hackathon

👋 Обсудить хакатон в телеграме https://t.iss.one/broxus_elysium и дискорде https://discord.gg/6dryaZQNmC

Dark mode toggle switcher

Переключатель светлого и темного режима, реализованный на чистом CSS.

https://codepen.io/demilad/pen/bZRjpb

​Tesseract.js – Библиотека для извлечения/распознавания текста на изображениях, поддерживает почти любой язык.

#GitHub | #JavaScript #OCR

@about_javascript

Plotly.js — Библиотека построения графиков на JavaScript с открытым исходным кодом

Позволяет добавлять различные виды диаграмм и графиков в проект.

Особенности / преимущества:
✔️Предоставляет более чем 40 типов диаграмм, включая трехмерные
✔️Доступна для JavaScript, Python, R, F# и т.д
✔️Построена на основе d3.js и stack.gl
✔️Открытый исходный код

https://github.com/plotly/plotly.js

@about_javascript

Что выведет консоль?

​​Open Video Downloader – Кроссплатформенный графический интерфейс для упрощения загрузки видео с различных медиахолдингов, созданный на Electron и node.js.

Особенности:
• Скачивание со всех платформ: YouTube, vimeo, twitter и многих других.
• Возможность загружать несколько видео / плейлистов / каналов за один раз
• Возможность выбора разрешения и формата, в котором вы хотите скачать
• Скачивание частных видео (в настоящее время проверено только на YouTube)
• Многопоточность (до 32 видео могут быть загружены одновременно)

@about_javascript | #JavaScript #Downloader #Useful

Activate Button animation

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

#кнопка #css #javascript

https://codepen.io/aaroniker/pen/ZVOrOZ

​Prettier - прекрасный форматировщик кода

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

JavaScript · TypeScript · Flow · JSX · JSON
CSS · SCSS · Less
HTML · Vue · Angular
GraphQL · Markdown · YAML

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

@about_javascript | #Code #Correction