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

Автор: @energy_it

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

Реклама на бирже: https://telega.in/c/code_ready
Download Telegram
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
This media is not supported in your browser
VIEW IN TELEGRAM
codechef — на платформе доступно множество языков программирования, задачи можно решать прямо в редакторе кода, а встроенный AI-ассистент поможет найти и исправить ошибку в коде.

📌 Ссылочка: codechef.com

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍17🔥6🤝3
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Каждый думаю использовал мультиколонки в CSS, сейчас разберем одно свойство которое за это отвечает

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

Шорткат columns объединяет два свойства:

• column-width — ширина каждой колонки
• column-count — количество колонок


Также есть и другие дополнительные свойства, которые помогают создавать улучшенные колонки:

• column-gap — Задает расстояние между колонками
• column-rule — Задает стиль, цвет и ширину линии между колонками. Сокращение для column-rule-style/color/rule.
• column-fill — Управляет тем, как браузер распределяет содержимое между колонками.

📣 Code Ready | #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥7
😁52👍8🔥5
👍9🔥4
Что же выведет консоль?
Anonymous Quiz
14%
A
11%
B
57%
C
18%
D
👍17🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
Code Basics — образовательная платформа для изучения основ программирования

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

📌 Ссылочка: code-basics.com

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥61
🔥59😁25👍6