Хочу поделиться с вами наверное одним из лучших репозиториев по JS — awesome-javascript

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

Оставляю ссылочку: github.com 😸

📣 Code Ready | #репозиторий

👩‍💻 Знаете как можно перенести html элементы в javascript всего одной командой?

Для этого есть плагин Selector Js, который предоставляет функционал из нескольких команд, позволяющих переносить html элементы по именам классов, id или имени тега.

Для его работы необходимо установить плагин, выделить нужный фрагмент html и выбрать подходящую команду.

📣 Code Ready | #vscode

Держите сайт, где собраны все хорошие css анимации — Animate.css

Это библиотека CSS-анимаций. Она предоставляет множество готовых эффектов анимации для элементов веб-страниц.

📌 Ссылочка animate.style

📣 Code Ready | #ресурсы

👩‍💻 JavaScript курс 2024

Плейлист из 22 уроков охватывает различные аспекты JavaScript, начиная с основ и заканчивая более продвинутыми темами. Курс предназначен для новичков и продвинутых пользователей.

Ссылочка на видео: YouTube 🖤

📣 Code Ready | #курс

👩‍💻 Держите классную картинку, на которой расписаны все горячие клавиши для VS Code

Сохраняйте и пользуйтесь! ❤️

⬇️ Скачать pdf версию

📣 Code Ready | #ресурсы

Если надоело искать разные иконки самому, то вот вам хороший сайт — Tabler Icons

Это набор из более чем 5250 бесплатных высококачественных SVG-иконок, которые вы можете использовать в своих проектах.

📌 Ссылочка: tabler.io/icons

📣 Code Ready | #ресурсы

Держите сайт, который поможет при изучении регулярных выражений — Regulex

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

📌 Ссылочка: jex.im/regulex

📣 Code Ready | #ресурсы

👩‍💻 Знаете, как просматривать SVG, когда редактировать их не слишком удобно?

Для этого есть плагин SVG Previewer, который упрощает задачу и предоставляет удобный функционал при работе с svg файлами.

Он может помочь в изменении масштаба, фона, а так же размер самого файла.

📣 Code Ready | #vscode

Идеальный ресурс с разными шпаргалками для программистов!

Roadmap,sh — сайт, на котором собран план обучения для всех IT направлений. Все темы схематично отображены в нужной последовательности для поэтапного изучения.

📌 Ссылочка: roadmap.sh

📣 Code Ready | #ресурсы

Недавно я публиковал пост про плагин CodeSnap для скриншотов кода, но есть другая альтернатива — Carbon

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

📌 Ссылочка: carbon.now.sh

📣 Code Ready | #ресурсы

👩‍💻 Вёрстка сайта по макету из Figma

Плейлист, состоящий из 8 практических уроков, в которых вы с нуля сверстаете сайт на html, css и js используя готовый дизайн из программы Figma.

Ссылочка на курс: YouTube 🖤

📣 Code Ready | #курс