Code Ready | Frontend
20.8K subscribers
731 photos
331 videos
17 files
489 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
Идеальный ресурс с разными шпаргалками для программистов!

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👍9🔥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😁26👍6
👩‍💻 Полный курс VS Code!

Основы работы в IDE VS Code, настройка (интерфейс, плагины, работа с кодом), рекомендации по использованию этого ПО в работе

Ссылочка на плейлист: YouTube 🖤


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥3
😁74🔥30👍2👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Exercism — это платформа для изучения программирования через практические задания. Можно практиковаться на 70 различных языках, в том числе и на JS.

📌 Ссылочка: exercism.org

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17👍4
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Если у вас проблемы с грамматикой, то плагин Code Spell Checker точно поможет)

Это расширение для VS Code, цель которого проверка орфографии, помощь выявить распространенные орфографические ошибки и поможет исправить их.

📣 Code Ready | #vscode
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥7
😂

С добрым утром! ☕️
Please open Telegram to view this post
VIEW IN TELEGRAM
😁80🔥3👍1
👩‍💻 Язык HTML для новичков

10 подробных уроков для изучения html с самого нуля. В курсе который предназначен для начинающих подробно рассматриваются основы HTML, включая создание и структуру веб-страниц.

Ссылочка на плейлист: YouTube 🖤


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
Неудобно читать JSON данные на сайтах? Тогда советую тебе JSON Viewer

Это расширение Chrome, которое автоматически форматирует неструктурированные JSON, делая их более читаемыми, и отображает данные в виде дерева, что позволяет легко навигировать по структуре и находить нужные элементы.

⬇️ Скачать JSON Viewer

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍23🔥8🤝5