Codrops — бесплатная база примеров кода на HTML, CSS и JavaScript

Всё, что собрано на сайте, собрано вручную. При этом помимо базово JS, можно найти материалы по jQuery, React, Vue и Angular.

Стоимость: #бесплатно

#js #html #web

Как создать редактор кода для 40+ языков с помощью React

Онлайн-платформа выполнения кода позволяет писать и сразу запускать код на любимом языке программирования. В идеале можно увидеть вывод программы, например двоичного поиска на JavaScript.

https://habr.com/ru/company/skillfactory/blog/670380/

#js #react #ru

@react_tg

Сборник шпаргалок для фронтенд-разработчика

В этих шпаргалках собраны не просто методы, функции и базовый синтексис, но и их подробное объяснение с примерами.

— Шпаргалка по тегам HTML5
— Шпаргалка по методам JavaScript для работы с DOM
— Шпаргалка по работе с медиа в браузере
— Шпаргалка по HTTP-заголовкам, связанным с безопасностью
— Шпаргалка по доступности веб-приложений
— Шпаргалка по Internationalization API
— Шпаргалка по Temporal API и Dayjs

Сохраняйте себе в закладки, чтобы не потерять.

#js #html #фронтенд

Полезная библиотека для понимания работы JS

js2flowchart — библиотека визуализации для преобразования любого кода JavaScript в красивую блок-схему SVG. Вы можете изучать чужой код, делать рефакторинг или писать документацию, не путаясь в функциональности. А начинающим — неплохая шпаргалка по foo, while, if:

https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart

#js

🍔 Beat Burger

Приложение на React, анимированное библиотекой gsap. При нажатии на элементы проигрываются звуки.

#react #js

https://codepen.io/ste-vg/pen/MWpxKYR

@react_tg

Стильный слайдер для сайта

#html #css #js #slider

https://codepen.io/theseventh/pen/LYVqMYb

@javascriptv

⚡️ React Morph Clock

Оригинальные часы, созданные из svg-картинки на React.

#js #react

https://codepen.io/Siddharth11/pen/MjjdyW

@react_tg

🎉 MeteorJS 3.0 — Долгожданный релиз спустя 3 года! 🚀

Наконец-то вышел MeteorJS 3.0, избавившись от Fibers в пользу async методов, что позволило обновить NodeJS до версии 20! 🎉 Теперь все методы и работа с БД выполняются асинхронно, улучшена документация, добавлена поддержка ARM на Linux. Для релиза выполнено 160 задач и обновлено множество пакетов. Это огромный шаг вперед для разработчиков! 🌟

📌Обсуждение на GitHub
📌Новая документация

#react #meteor #js

@react_tg

⚡️ Прелоадер, на котором буквы загрузчика пытаются догнать друг друга.

Примеры применения:
▪ загрузка страницы в электронной библиотеке;
▪ загрузка страницы интернет-магазина с канцелярскими товарами.

#прелоадер #ожидание #загрузка #js

https://codepen.io/arlinacode/pen/rrRoOQ

@react_tg