[x] Фільтр на сторінці [Pokemons]/[Games] повинен фільтрувати чекбокси. Якщо ви не виконували завдання з зірочкою та у вас не працює фільтрація по інших полях (select, radio buttons, input search) - будь ласка задізейбліть їх (зверніть увагу щоб візуально відрізнявся disabled стан для пошуку)
[x] Ваш проект має складатись з 4 сторінок: [Calculator], [Pokemons]/[Games], [About], [Login]
[x] Кожна сторінка містить header та footer з клікабельними посиланнями
[x] Додайте адаптив для стилів свого проекту (ми будемо дивитись основні девайси: мобільний, планшет (768px), десктоп) + перевірте щоб не було горизонтального скролу
[x] Перегляньте чи не "стрибає" сторінка при натисненні input чи кнопок, якщо змінюється висота поля/кнопки - треба фіксити)
[x] Переконайтесь, що кольори на всіх елементах, включаючи hover, focus, active відповідають дизайну проекту + позбавтесь outline для інпутів
[x] додайте сторінкам min-width, наприклад 400 пікселів, щоб при її зменшенні виникав горізонтальний скролл
Що по коду?
[x] Видаліть непотрібний/непрацюючий код та коментарі
[x] Діставайте елементи за дата атрибутами
[x] Задавайте стилі лише на класи (не на елементи)
[x] Не використовуйте innerHTML для відображення того, що ви отримаєте з бекенду. Це може призвести до XSS атак. innerHTML='' - можна ;)
[x] Не пишіть функції в EventListener. Створіть функцію та викликайте її в лістенері
[x] Перевірте single responsibility для функцій: якщо функція виконує більше ніж 1 задачу - розділяйте її логіку на менші функції
[x] Зверніть увагу на неймінг змінних та функцій: вони мають бути очевидними та зрозумілими
[x] Використовуйте семантичні теги для контенту
[x] Позбавтесь непотрібних дівів, класів які не містять стилів
[x] Використовуйте лише цілі числа для стилів (відступи, розмір шрифту, ширина тощо)
Перегляньте як виглядає ваш проект після деплою, якщо все виглядає як ви того очікували - робіть реквест на final review
та собі какао з зефірками поки чекаєте відрук ментора
Як має виглядати проект?
min-width
, наприклад 400 пікселів, щоб при її зменшенні виникав горізонтальний скроллЩо по коду?
innerHTML
для відображення того, що ви отримаєте з бекенду. Це може призвести до XSS атак.innerHTML=''
- можна ;)Перегляньте як виглядає ваш проект після деплою, якщо все виглядає як ви того очікували - робіть реквест на final review та собі какао з зефірками поки чекаєте відрук ментора