codechef — на платформе доступно множество языков программирования, задачи можно решать прямо в редакторе кода, а встроенный AI-ассистент поможет найти и исправить ошибку в коде.

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

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

👩‍💻 Каждый думаю использовал мультиколонки в CSS, сейчас разберем одно свойство которое за это отвечает

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

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

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

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

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

📣 Code Ready | #css

Code Basics — образовательная платформа для изучения основ программирования

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

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

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

👩‍💻 Полный курс VS Code!

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


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

📣 Code Ready | #курс

Exercism — это платформа для изучения программирования через практические задания. Можно практиковаться на 70 различных языках, в том числе и на JS.

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

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

👩‍💻 Если у вас проблемы с грамматикой, то плагин Code Spell Checker точно поможет)

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

📣 Code Ready | #vscode

😂

С добрым утром! ☕️

👩‍💻 Язык HTML для новичков

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

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

📣 Code Ready | #курс

Неудобно читать JSON данные на сайтах? Тогда советую тебе JSON Viewer

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

⬇️ Скачать JSON Viewer

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

👩‍💻 Вот как быстро можно создать структуру кода с Html для Css

eCSStractor — это плагин для VS Code, который помогает разработчикам извлекать CSS-стили из HTML-файлов.

Он предоставляет инструменты для автоматического извлечения стилей из HTML-кода и создания соответствующих CSS-правил.

📣 Code Ready | #vscode

Знакомы с Wifiphisher?

Это python утилита для перехвата паролей от Wi-Fi, которая создает поддельную точку доступа и отключает юзера от оригинальной.

▶️ При попытке пользователя подключиться к интернету, у него возникает видимость точки доступа с тем же SSID, что и прежде, и при попытке войти в нее будет показана веб-страница с запросом пароля, якобы из-за «обновления прошивки». Введенный пароль перехватывается Wifiphisher.

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

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

UnDistracted — это расширение для браузера, которое помогает пользователям минимизировать отвлекающие факторы, скрывая ленты новостей и видео на Facebook и YouTube, чтобы сосредоточиться на более продуктивной работе.

⬇️ Скачать расширение

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

👩‍💻 А вы знали, что в VS Code можно делать свои заметки в коде?

Bookmarks — плагин, который позволяет создавать заметки прямо в коде, выделяя ключевые строки каждого файла вашего проекта.

Вы можете быстро перемещаться между помеченными местами и оставлять комментарии, чтобы не забыть важные детали.

Добавлять ярлыки можно с помощью команды Bookmarks: Toggle

📣 Code Ready | #vscode