с использованием синтаксиса ES-6, работа с анимацией и градиентами, различными видами теней
- HTML (HTML5)
- CSS
- JavaScript (ES6)
- Mobile First
- Технология построения сеток:
- Flexbox
- Grid Layout
- БЭМ вёрстка / Организация файлов БЭМ Nested
- Адаптивная вёрстка (с "резиновыми" элементами) (mobile, tablet. desktop, включая 4k)
- Самостоятельный дизайн
- Анимация фона (градиент) на чистом CSS
- Работа с градиентами и тенями (box-shadow, text-shadow, liner/radial gradient)
- Кроссбраузерность (последние 4 версии браузеров с использованием автопрефиксера)
- Использование синтаксиса ES6 (классы, модули import/export)
- Использование парадигм ООП, реализация скриптов на native JS (без использования фреймворков/библиотек):
- Добавление задачи
- Удаление всех задач
- Смена темы (яркая/темная)
- Добавление новых карточек пользователем при помощи ссылки с подписью
- Валидация форм при помощи JS Constraint Validation API (HTML5-атрибуты и JS-свойство ValidityState)
- Добавить удаление одной задачи
- Добавить чекбокс сделанной задачи
- Смена списков сделанные/оставшиеся задачи при нажатии на кнопку
- Подключить проект к серверу для сохранения информации после отправки формы
- Добавление анимации сделанной задачи
- Добавление анимации удаленной задачи