CodeHype — это бесплатная платформа для изучения JavaScript и других языков. Краткие шпаргалки и заметки для быстрого повторения материала, примеры реальных проектов и задач, все супер полезно!

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

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

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

Remote – SSH даёт возможность с лёгкостью получать доступ, редактировать и передавать файлы на удалённый сервер, при этом оставаясь в знакомом интерфейсе VS Code.

📣 Code Ready | #vscode

Замыкания: сохраняем состояние без классов!

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

Проблемный вариант — данные хранятся в глобальной области. Любой код может изменить значение и сломать логику:

let count = 0;

function click() {
  count++;
  console.log("Clicks:", count);
}

Чтобы изолировать данные, создадим внутреннюю область видимости. Переменная count теперь доступна только функции, которая её замыкает:

function createCounter() {
  let count = 0;
  return function() {
    count++;
    console.log("Clicks:", count);
  };
}

Используем функцию, чтобы хранить состояние между вызовами. Каждый обработчик клика получит своё независимое значение:

const handleClick = createCounter();
button.addEventListener("click", handleClick);

🔥 Замыкания делают функции “умными” — они хранят данные и поведение вместе, формируя капсулу логики.

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

☕️ JavaScript Questions — огромная коллекция вопросов и ответов по JS!

От хитрых нюансов типов данных и замыканий до глубокой логики this и работы событийного цикла - здесь разжёвано то, что обычно путает даже опытных разработчиков. Каждый пример сопровождается пояснением!

Оставляю ссылочку: GitHub 📱

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

❤️ Codepip — крутой тренажёр для разработчиков!

Хочешь прокачать навыки HTML, CSS или JavaScript без скучных учебников? На Codepip учёба превращается в лёгкий и увлекательный процесс. Каждый уровень - это маленький челлендж, который заставит думать как программист и писать правильный код.

📌 Попробуйте сами: codepip.com

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

👩‍💻 Описываем форму фигуры с помощью атрибута!

Атрибут d описывает путь, который будет отрисован элементом <path>. Значение атрибута — строка со списком команд, написанных особым образом.

Доступные команды:

• Перемещение кисти — M, m;

• Прямая линия — L, l, H, h, V, v;

• Кубическая кривая Безье — C, c, S, s;

• Квадратичная кривая Безье — Q, q, T, t;

• Эллиптическая кривая — A, a;

• Закрытие пути — Z, z.

Числа в описании пути могут быть разделены пробельными символами или запятыми, причем нет ограничений в каких ситуациях запятую можно, а в каких нет.

📣 Code Ready | #атрибут