Мета закинута
Автор не відписував в цілі 1 рік 6 месяців 4 дня
Завершить проект Bouncy
Я уже на пороге того чтобы начать работать html-верстальщиком, в перспективе хочу стать full-stack разработчиком. На данный момент для достижении своей первой карьерной цели мне требуется сформировать хорошее портфолио, изучить некоторые вспомогательные фреймворки, так же не мешало бы заделать пробелы в JavaScript и попрактиковаться в программировании интерактивных элементов на сайтах. Единственное, я затрудняюсь определить сроки цели т.к некоторые этапы разработки буду делать впервые и не исключаю что количество этапов будет расти. Еще с 16.10 поступаю на обучение программист JavaScript в GeekBrains, времени на портфолио будет меньше пока ставлю на 1.11 а потом посмотрим, буду стараться закончить раньше.
Сейчас сайт сверстан, имеется адаптив, неплохая кроссбраузерная поддержка, запрограммированы некоторые интерактивные элементы(табы, слайдер) осталось доделать, протестировать и обсудить с экспертом результат работы.
https://github.com/AnnaVasilchenko878/bouncy ссылка на проект
Критерій завершення
Завершенный сайт который удовлетворяет основным требованиям для презентации в портфолио а именно:
- Адаптивность, кроссбраузерность
- Оптимальная скорость загрузки
- Валидация
- Прочее (работа при отключении JS)
- Код ревью от специалиста
Особисті ресурси
- Время 2 часа в день, по выходным примерно 5 (могла бы больше но у меня 2-x летний ребенок, выходные она с бабушками)
- Деньги на наставника для код ревью и помощь с отладкой (никто не будет тратить бесплатно свое время), до 2000руб/час
- Ноутбук
- Желание
- Афобазол (на всякий пожарный))
Екологічність мети
- Этот проект отлично войдет в портфолио
- Я получу хороший опыт
- Я буду на шаг ближе к главной цели
-
Блок already
-
Реализовать закрытие окна по кнопке-
Доверстать дизайн модального окна-
Оформить валидацию номера телефона и маску ввода -
Блок promo
-
Решить какую роль выполняет кнопка стрелка (схлопывает этот блок или плавно скролит дальше, может ее вообще убрать из макета)
-Реализовать задуманное -
Блок subscribe
- Оформить валидацию ввода емейла с отправкой на почту
- Сделать модальное окно с выводом успешно/не успешно -
Блок featured project
- Настроить hover где выбранное изображение растягивается а соседние сжимаются и это все не вываливается
- Ниже оформить модальное окно email на подписку
-
Блок our price
-
Нужно определиться с реализацией функционала (развертывание при клике или hover эффект)
- Выполнить -
Блок contact-us
- Оформить валидацию всех вводимых данных
- Настроить чтобы данные приходили на почту -
Блок map
- Добавить адаптивную google карту
-
Блок header
- Добавить меню навигации в мобильную и планшетную версии
-
Блок portfolio
- Сделать Masonry раскладку с разными изображениями на планшетной и декстопной версиях
- Сделать из этого блока слайдер на мобильной версии -
Привести в порядок слайды в слайдерах
- Поменять тексты, картинки чтобы было видно что слайды разные
- Найти изображения несуществующих людей для блоков и командой с отзывами, (сомневаюсь что мой сайт увидит кто-то помимо работодателя но 10к не хочется платить)
-
Тест на кроссбраузерность
- Opera
- Chrome
- Firefox
- Safari (если получиться)
- Edge
- Мобильные браузеры
-
Валидация
- Html
- SCSS
- JavaScript
-
Прочие работы
- Рефакторинг scss, js, html,
- Реализовать дополнительные улучшения
- Сделать векторный спрайт
- Оптимизировать код (сжать изображения, шрифты и прочее)
-
Тест на скорость загрузки
-
Код ревью
- Получение оценки работы от специалиста
- Рекомендации
- Обнаружение ошибок
-
Рефакторинг и отладка
Не пропустіть нові записи!
Підпишіться на ціль і стежте за її досягненням
