Learn javascript — это один из самых крутых русскоязычных учебников по современному JavaScript: от основ до замыканий, промисов и событий. Всё с примерами, задачами и подробными объяснениями.

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

📣 JS Ready | #ресурс

👩‍💻 Знаете, что в VS Code можно рисовать схемы и проектировать архитектуру прямо в редакторе?

Excalidraw — плагин, с которым можно создать чистое полотно, рисовать фигуры, стрелки, писать текст и визуализировать логику приложения без сторонних инструментов.

Идеально, если нужно накидать структуру БД, связи между модулями или продумать архитектуру на лету — прямо в процессе работы.

📣 JS Ready | #vscode

Автосохранение текста с задержкой и локальным хранилищем!

Научим JS сохранять данные из поля ввода через некоторое время после последнего изменения — и восстанавливать их при загрузке страницы.

Создаём функцию debounce (задержка вызова):

function debounce(fn, delay) {
  let timer;
  return function(...args) {
    clearTimeout(timer);
    timer = setTimeout(() => fn.apply(this, args), delay);
  };
}

Инициализируем поле ввода и восстанавливаем данные из localStorage:

const textarea = document.createElement('textarea');
document.body.appendChild(textarea);

textarea.value = localStorage.getItem('autosave') || '';

Сохраняем данные с задержкой 1 секунда после ввода:

textarea.addEventListener('input', debounce(() => {
  localStorage.setItem('autosave', textarea.value);
  console.log('Данные сохранены!');
}, 1000));

🔥 Очень полезно для UX — не терять тексты при случайном закрытии вкладки, и не грузить хранилище или сервер слишком часто.

📣 JS Ready | #практика