This media is not supported in your browser
VIEW IN TELEGRAM
Уже были разные сайты, и пришло время быстренько изучить Git
learngitbranching — небольшая браузерная игра, которая поможет вам изучить Git. В ней вы познакомитесь с основными командами, которые пригодятся вам в повседневной работе.
📌 Оставляю ссылочку: learngitbranching.js
📣 JS Ready | #сайт
learngitbranching — небольшая браузерная игра, которая поможет вам изучить Git. В ней вы познакомитесь с основными командами, которые пригодятся вам в повседневной работе.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20❤8🔥5
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤15👍10🔥8🤝1
❤8👍7🔥5👎4
В интерфейсах с формами важно понять — пользователь что‑то изменил или всё осталось как было? Это влияет на логику сохранения, показ предупреждений и экономию запросов.
В этой задаче:
• Сравним объекты по значениям, а не по ссылкам.
• Обработаем разный порядок ключей.
• Научим функцию понимать вложенность.
• Сделаем компактную и универсальную. реализацию.
Конечный результат — лёгкая функция, которую можно сразу использовать в любых интерфейсах с изменяемыми данными.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍17🔥10❤6🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
Даже скачивать ничего не нужно, ведь всё уже встроено в редактор. Как и что можно настроить показано на видео выше от Miguel Ángel Durán
Please open Telegram to view this post
VIEW IN TELEGRAM
👍23❤7🔥3😁2
Озвучка текста на странице!
Нативный JavaScript умеет читать вслух любой текст на странице, это часть
Начнём с базового: озвучим строку с помощью
Добавим функцию, чтобы переиспользовать и задавать любой текст:
Теперь можно вызывать так:
Далее прикрутим к горячей клавише. Пусть Ctrl + R озвучит рандомный совет:
🔥 Голосовой ассистент в одну строчку готов. Можно подключать к уведомлениям, ботам, виджетам — или просто добавить в пасхалку на сайте.
📣 JS Ready | #практика
Нативный 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("Не забывай пить воду и делать перерывы");
}
});🔥 Голосовой ассистент в одну строчку готов. Можно подключать к уведомлениям, ботам, виджетам — или просто добавить в пасхалку на сайте.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥19👍11❤8
Сегодня создадим систему событий, которая позволяет модулям общаться друг с другом напрямую. Такой подход упрощает архитектуру и делает код независимым и масштабируемым.
В этом посте:
• Создаём класс-рассыльщик событий.
• Подписываемся и отписываемся от событий.
• Реагируем на события в разных модулях.
• Изолируем и расширяем логику через события.
Идеально для: динамических UI, плагинов, игровых и интерактивных систем.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤16👍15🔥7🤝1