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

Автор: @energy_it

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

Реклама на бирже: https://telega.in/c/code_ready
Download Telegram
Что же выведет консоль?
Anonymous Quiz
23%
A
15%
B
42%
C
20%
D
2🔥12🤝97👍1
⏹️Новая специализация, о которой почти никто не знает: проще вход, ниже конкуренция, выше чеки

В архитектурной сфере катастрофически не хватает разработчиков. Проектировщики и инженеры нуждаются в плагинах для софта, а программистов, которые умеют их писать, — единицы. Конкуренция минимальна, спрос растет, а чеки за проекты выше, чем в классическом аутсорсе.

▶️Освоив Revit API, вы сможете быстро войти в нишу, где каждый навык напрямую конвертируется в деньги.

На курсе «Программирование в Autodesk Revit» от EdTech-платформы STEMPS вы научитесь:

➡️Писать плагины и инструменты на C# для инженеров
➡️Автоматизировать рутинные процессы и проверки моделей
➡️Создавать востребованный софт для архитектурных и проектных бюро

👤Автор курса — Дмитрий Смирнов, CTO DynamicLabs, STEMPS, Atomtech, Plancy. Разрабатывал системы автоматизации и SaaS-системы для компаний на 700+ сотрудников.

🗓 Старт курса — 23 сентября.

📍Студенты получат документ о повышении квалификации.

🔥Успейте записаться на курс со скидкой 10%:
https://stemps.ru/
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍3👎1🤝1
📱 Анимация вращения объекта при скролле!

В этом гайде создаём интерактивную анимацию, где объект плавно вращается при прокрутке колеса мыши.

Ключевые моменты:
• HTML: минимальная структура с контейнером и анимируемым объектом.

• CSS: градиентный фон, плавные переходы и современный дизайн.

• JS: отслеживание wheel событий и применение CSS transform для вращения.


Подходит для лендингов, портфолио, интерактивных элементов и креативных проектов.

📣 Code Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥117🤝4
Меняем громкость системы в Node.js

Иногда нужно программно изменить громкость на устройстве, поставить 100%, выключить звук или приглушить. Это можно сделать через вызов системных команд.

Пример кода (для Windows):
const { exec } = require("child_process");

exec("nircmd.exe setsysvolume 65535"); // 100% громкости


Для Linux:
exec("amixer sset Master 50%"); // 50% громкости


Для macOS:
exec("osascript -e 'set volume output volume 30'"); // 30% громкости


🔥 Эти команды можно встроить в оповещение, автонастройку при запуске или управление медиа.

📣 Code Ready | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
14👍8🔥7
📱 Разберём ключевые методы работы с датами!

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

📣 Code Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥23🤝125
Forwarded from IT Ready
☕️ Чуть не забыл, знали, что каждый 256-й день в году отмечается День программиста?

И как раз сегодня — этот самый день!

Кстати, 256 не с проста:
Это 2 в степени 8, то есть максимальное количество значений, которые может хранить один байт — основа работы компьютеров.

В невисокосный год праздник выпадает на 13 сентября, а в високосный — на 12-е.


Так что, поздравляю всех программистов! ❤️
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4110👍8😁2
This media is not supported in your browser
VIEW IN TELEGRAM
😎 YeaHub — база знаний по всем IT-направлениям!

Здесь собрана огромная база реальных вопросов по бэкенду, DevOps, Data Science и другим направлениям. Всё структурировано по темам и приближено к формату собеседований в компаниях. Это именно тот ресурс, который нужно держать под рукой!

📌 Оставляю ссылочку: yeahub.ru

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥10🤝71
«О безопасности подумаем позже» — так рассуждают многие специалисты в погоне за быстрым релизом. Но такая спешка создает слабые места в коде, которые рано или поздно приводят к инцидентам.

18 сентября на техническом вебинаре «Когда разработчику нужно задуматься об ИБ? Observability безопасности» обсудим:

🛡 Ред флаги в работе программистов. 
🛡 Обеспечение безопасности на каждом этапе SDLC.
🛡 План действий для непосредственного первого звена в цикле разработки.

Также покажем, как платформа GMonit позволяет выстроить непрерывный процесс мониторинга приложений и находить уязвимости.

Время встречи: 17:00–18:00 (Мск)

🔗 Регистрация по ссылке!
👍1🔥1
Озвучка текста на странице!

Нативный JavaScript умеет читать вслух любой текст на странице, это часть Web Speech API.

Начнём с базового: озвучим строку с помощью SpeechSynthesisUtterance.
const msg = new SpeechSynthesisUtterance("Привет, мир");
speechSynthesis.speak(msg);


Добавим функцию, чтобы переиспользовать и задавать любой текст:
function speak(text) {
const msg = new SpeechSynthesisUtterance(text);
speechSynthesis.speak(msg);
}


Теперь можно вызывать так:
speak("Текущая температура: 22 градуса и ясно");


Далее прикрутим к горячей клавише. Пусть Ctrl + R озвучит рандомный совет:
document.addEventListener("keydown", (e) => {
if (e.ctrlKey && e.key === "r") {
speak("Не забывай пить воду и делать перерывы");
}
});


🔥 Голосовой ассистент в одну строчку готов. Можно подключать к уведомлениям, ботам, виджетам — или просто добавить в пасхалку на сайте.

📣 Code Ready | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥216👍6
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Нужно объяснить проект коллеге или самому не потеряться в большом коде?

CodeTour — плагин, который позволяет создавать пошаговые «туры» по коду прямо в VS Code. Можно выделять строки, оставлять комментарии и объединять их в последовательность шагов.

📣 Code Ready | #vscode
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20🔥138
Топ-каналы с инструментами для веб-разработчиков и программистов:


🖥 https://t.me/seniorFront - решай задачи, читай статьи и расти как фронтендер

🖥 https://t.me/frontendInterview - прокачай свои знания для собеседований

👩‍💻 https://t.me/sWebDev - находи лучшие библиотеки для работы

👩‍💻 https://t.me/web_craft - вдохновляйся и улучшай навыки

👩‍💻 https://t.me/python_practics - учи Python легко и эффективно


Подписывайся и развивайся с нами
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1
👩‍💻 Выделяем фрагмент текста «маркером» с помощью тега mark!

Тег <mark> выделяет или подсвечивает важный фрагмент текста. По умолчанию браузеры добавляют жёлтый фоновый цвет #ffff00 (yellow), похожий на выделение канцелярским маркером.

Где полезен:
При поисковой подсветке слов на странице;

Для акцента на ключевых терминах или предупреждениях;

В обучающих текстах и документации.


Можно реализовать текстовый поиск, выделяя цветом найденные фрагменты.

📣 Code Ready | #атрибут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15🔥76