Code Ready | Frontend
20.9K subscribers
716 photos
322 videos
17 files
478 links
Авторский канал по Frontend разработке.
Ресурсы, гайды, задачи, шпаргалки.
Информация ежедневно пополняется!

Автор: @energy_it

РКН: https://clck.ru/3NJCKs

Реклама на бирже: https://telega.in/c/code_ready
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Держите сайт, где собраны все хорошие css анимации — Animate.css

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

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

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍28🔥10
👩‍💻 JavaScript курс 2024

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

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


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22🔥16
👩‍💻 Держите классную картинку, на которой расписаны все горячие клавиши для VS Code

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

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

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥20👍10
This media is not supported in your browser
VIEW IN TELEGRAM
Если надоело искать разные иконки самому, то вот вам хороший сайт — Tabler Icons

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

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

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18🔥7
👍7🔥2
Что же выведет консоль?
Anonymous Quiz
34%
A
44%
B
10%
C
12%
D
🔥22😁8👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Держите сайт, который поможет при изучении регулярных выражений — Regulex

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

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

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍26🔥1
0524(3).gif
2.2 MB
👩‍💻 Знаете, как просматривать SVG, когда редактировать их не слишком удобно?

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

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

📣 Code Ready | #vscode
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22🔥5
😁87🔥16🤝3
👩‍💻 Небольшая шпаргалка по методам Set

Также немного про сам set:

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

🔥 — если узнал новое
🤝 если уже пользовался

📣 Code Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥32👍7🤝6
This media is not supported in your browser
VIEW IN TELEGRAM
Идеальный ресурс с разными шпаргалками для программистов!

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

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

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥11
This media is not supported in your browser
VIEW IN TELEGRAM
Недавно я публиковал пост про плагин CodeSnap для скриншотов кода, но есть другая альтернатива — Carbon

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

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

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👍6
😁91👍16🔥9👎4
👩‍💻 Вёрстка сайта по макету из Figma

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

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


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17👍4
👩‍💻 Давайте покажу вам два основных метода для поиска элементов в массиве

В JavaScript работа с массивами упрощается благодаря встроенным методам, таким как filter(и find. Оба они предназначены для поиска элементов, но используются в разных случаях, рассмотрим:

filter() — создает новый массив, включающий все элементы, которые соответствуют заданному условию. Он удобен, когда нужно отфильтровать данные. Если подходящих элементов нет, вернет пустой массив.

find() — ищет первый элемент, удовлетворяющий условию, и возвращает его. Если ничего не найдено, результатом будет undefined. Но как только находит подходящий элемент, он останавливает выполнение.

🔥 — если было полезно
🤝 если уже пользовался

📣 Code Ready | #метод
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥37🤝16👍14