Пустое название не создаёт запись
Добавьте обработку пробелов и понятную подпись ошибки возле поля. Проверьте ввод с клавиатуры и отправку формы через Enter. Валидация должна помогать исправить ввод, а не просто молча блокировать действие.
JavaScript · База без фреймворка · на русском
Обзор курса Антона Ларичева
Базовый курс Антона Ларичева для первого знакомства с JavaScript без немедленного перехода к React или другому фреймворку. Язык, работа с данными и браузерный DOM приводят к понятному результату — трекеру привычек. Формат заметно короче больших мастер-классов, поэтому удобен, когда хочется сначала закончить одну ограниченную программу и проверить интерес к разработке.
RusUdemyПомогаем оформить выбранный курс в личном аккаунте Udemy — без общих аккаунтов и предоплаты.Подробнее
База без фреймворкаАнтон Ларичев · русский язык · обновление июнь 2023
Тем, кому нужен первый законченный проект и ограниченный объём курса, а не сразу весь стек веб-разработки.
JavaScript можно изучать с нуля. Базовая вёрстка пригодится для заключительного проекта.
Трекер привычек на чистом JavaScript с формами и сохранением данных в браузере.
Последнее обновление — июнь 2023 года. Аудитория меньше, чем у крупных курсов подборки; асинхронность и углублённое ООП вынесены в отдельную программу автора.
На старте полезно ограничить число новых инструментов. Переменная, функция, событие и сохранение данных уже позволяют собрать небольшой работающий интерфейс. Важно только не путать его с серверным приложением: localStorage хранит данные в конкретном браузере, а не создаёт учётную запись или синхронизацию. После такой базы легче понять, зачем понадобятся запросы, компонентная структура и более сложные инструменты — но не обязательно изучать их одновременно.
Добавьте обработку пробелов и понятную подпись ошибки возле поля. Проверьте ввод с клавиатуры и отправку формы через Enter. Валидация должна помогать исправить ввод, а не просто молча блокировать действие.
Сохраните несколько привычек и обновите страницу. Затем протестируйте отсутствие данных и некорректный JSON в хранилище. Приложение должно либо восстановить запись, либо безопасно начать с пустого состояния.
Добавьте поиск и сортировку привычек. Проверьте, что смена порядка не теряет отметки и не мутирует данные неожиданно. Отдельно протестируйте преобразование массива без DOM.
Проверьте длинное название, крупный системный шрифт и узкий экран. Кнопки редактирования и удаления должны иметь разные понятные подписи, а важные действия — быть доступны с клавиатуры.
142 лекции и 19 разделов, всего 17 часов 39 минут. Основы языка дополняются scope, this и DOM; финальный проект использует формы и браузерное хранилище. Обновление Udemy — июнь 2023 года.
На дату проверки в карточке Udemy: 19 разделов, 142 лекции, 17 ч 39 мин видео. Это объём записей, а не срок освоения JavaScript. Самостоятельная практика потребует дополнительного времени; темы ниже сгруппированы редакцией, точное оглавление опубликовано на Udemy.
Доработайте трекер своим сценарием и опубликуйте его с понятным README. Затем выберите продолжение по потребности: асинхронность и устройство языка или практика более сложных браузерных интерфейсов.
Настройка окружения, Git и подключение JavaScript
Типы, операторы, условия и булева логика
Функции, массивы и циклы
Объекты и обработка данных
Стек вызовов, scope, this и замыкания
DOM, события и формы
Проект: трекер привычек с localStorage
Отправьте ссылку на JavaScript с нуля: основы и практика. Уточним текущую стоимость и поможем оформить выбранный курс в вашем личном аккаунте Udemy. Материалы и прогресс будут у вас.
Курс появляется в вашей личной библиотеке на Udemy. Никаких пиратских копий, общих аккаунтов или «серых» схем.
Вы оплачиваете покупку только после того, как курс появился в вашем аккаунте Udemy.
Обычно от первого сообщения до появления курса в аккаунте проходит около 10 минут.
В Telegram отвечает живой человек: можно задать вопрос и получить качественную поддержку по покупке.
Сначала согласуем условия. Общих аккаунтов и предоплаты нет.
Опыт работы с сервисом