TGViewer
React JS React JS @react_tg · 16.3K subscribers
Post #1254 2.83K
JavaScript становится понятнее, когда из него получается не учебный фрагмент, а живое приложение. Трекер привычек — хороший формат для такой практики: есть интерфейс, данные, события, состояние, прогресс и сохранение результата в браузере.

29 июля в 20:00 МСК на открытом вебинаре OTUS соберём трекер привычек на чистом JavaScript — без библиотек и фреймворков. За 90 минут пройдём полный цикл фронтенд-задачи: создадим разметку, опишем данные массивом объектов, отрисуем список привычек из кода, обработаем клики, добавим растущий прогресс-бар и анимацию конфетти.

Отдельно разберём localStorage: как сохранить прогресс после перезагрузки страницы и почему этот же подход используется в реальных продуктах. По ходу занятия будет видно, как связаны HTML, CSS и JavaScript.

Урок проходит в преддверии старта курса «JavaScript-разработчик. Базовый уровень».

👉 Регистрируйтесь: https://otus.pw/1nZr/?erid=2W5zFKA4ykV


Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
  • ❤ 2
  • 🖕 2
More from @react_tg
  1. Sep 20, 2026Post #1282
  2. Sep 18, 2026Переключение тем Темы оформления с возможностью переключения, реализованные с помощью Post…
  3. Sep 18, 2026Сегодня последний день регистрации на КосмоХакатон 18–20 сентября, Петербург, Красноярск и…
  4. Sep 18, 2026JavaScript. Что будет выведено в консоль? Ответ: 20
  5. Sep 16, 2026Совет по CSS 💡 Знаете ли вы, что можно упростить длинные списки селекторов в CSS с помощь…
  6. Sep 16, 2026Команды нет — это не причина пропустить КосмоХакатон 18–20 сентября, Санкт-Петербург, Крас…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →