1

Этап 1

Блок already

2

Этап 2

Блок promo

3

Этап 3

Блок subscribe

4

Этап 4

Блок featured project

5

Этап 5

Блок our price

6

Этап 6

Блок contact-us

7

Этап 7

Блок map

8

Этап 8

Блок header

9

Этап 9

Блок portfolio

10

Этап 10

Привести в порядок слайды в слайдерах

11

Этап 11

Тест на кроссбраузерность

12

Этап 12

Валидация

13

Этап 13

Прочие работы

14

Этап 14

Тест на скорость загрузки

15

Этап 15

Код ревью

16

Этап 16

Рефакторинг и отладка

1

Этап 1

Блок already

2

Этап 2

Блок promo

3

Этап 3

Блок subscribe

4

Этап 4

Блок featured project

5

Этап 5

Блок our price

6

Этап 6

Блок contact-us

7

Этап 7

Блок map

8

Этап 8

Блок header

9

Этап 9

Блок portfolio

10

Этап 10

Привести в порядок слайды в слайдерах

11

Этап 11

Тест на кроссбраузерность

12

Этап 12

Валидация

13

Этап 13

Прочие работы

14

Этап 14

Тест на скорость загрузки

15

Этап 15

Код ревью

16

Этап 16

Рефакторинг и отладка

07 октября 2022 30 ноября 2022
Цель просрочена на 727 дней

Цель заброшена

Автор не отписывался в цели 2 года 12 дней

Общая

Завершить проект Bouncy

Я уже на пороге того чтобы начать работать html-верстальщиком, в перспективе хочу стать full-stack разработчиком. На данный момент для достижении своей первой карьерной цели мне требуется сформировать хорошее портфолио, изучить некоторые вспомогательные фреймворки, так же не мешало бы заделать пробелы в JavaScript и попрактиковаться в программировании интерактивных элементов на сайтах. Единственное, я затрудняюсь определить сроки цели т.к некоторые этапы разработки буду делать впервые и не исключаю что количество этапов будет расти. Еще с 16.10 поступаю на обучение программист JavaScript в GeekBrains, времени на портфолио будет меньше пока ставлю на 1.11 а потом посмотрим, буду стараться закончить раньше.

Сейчас сайт сверстан, имеется адаптив, неплохая кроссбраузерная поддержка, запрограммированы некоторые интерактивные элементы(табы, слайдер) осталось доделать, протестировать и обсудить с экспертом результат работы.

https://github.com/AnnaVasilchenko878/bouncy ссылка на проект

 Критерий завершения

Завершенный сайт который удовлетворяет основным требованиям для презентации в портфолио а именно:

- Адаптивность, кроссбраузерность

- Оптимальная скорость загрузки

- Валидация

- Прочее (работа при отключении JS)

- Код ревью от специалиста

 Личные ресурсы

- Время 2 часа в день, по выходным примерно 5 (могла бы больше но у меня 2-x летний ребенок, выходные она с бабушками)

- Деньги на наставника для код ревью и помощь с отладкой (никто не будет тратить бесплатно свое время), до 2000руб/час

- Ноутбук

- Желание

- Афобазол (на всякий пожарный))

 Экологичность цели

- Этот проект отлично войдет в портфолио

- Я получу хороший опыт

- Я буду на шаг ближе к главной цели

  1. Блок already

    - Реализовать закрытие окна по кнопке

    - Доверстать дизайн модального окна

    - Оформить валидацию номера телефона и маску ввода

  2. Блок promo

    - Решить какую роль выполняет кнопка стрелка (схлопывает этот блок или плавно скролит дальше, может ее вообще убрать из макета)
    - Реализовать задуманное

  3. Блок subscribe

    - Оформить валидацию ввода емейла с отправкой на почту
    - Сделать модальное окно с выводом успешно/не успешно

  4. Блок featured project

    - Настроить hover где выбранное изображение растягивается а соседние сжимаются и это все не вываливается

    - Ниже оформить модальное окно email на подписку

  5. Блок our price

    - Нужно определиться с реализацией функционала (развертывание при клике или hover эффект)
    - Выполнить

  6. Блок contact-us

    - Оформить валидацию всех вводимых данных
    - Настроить чтобы данные приходили на почту

  7. Блок map

    - Добавить адаптивную google карту

  8. Блок header

    - Добавить меню навигации в мобильную и планшетную версии

  9. Блок portfolio

    - Сделать Masonry раскладку с разными изображениями на планшетной и декстопной версиях
    - Сделать из этого блока слайдер на мобильной версии

  10. Привести в порядок слайды в слайдерах

    - Поменять тексты, картинки чтобы было видно что слайды разные

    - Найти изображения несуществующих людей для блоков и командой с отзывами, (сомневаюсь что мой сайт увидит кто-то помимо работодателя но 10к не хочется платить)

  11. Тест на кроссбраузерность

    - Opera

    - Chrome

    - Firefox

    - Safari (если получиться)

    - Edge

    - Мобильные браузеры

  12. Валидация

    - Html

    - SCSS

    - JavaScript

  13. Прочие работы

    - Рефакторинг scss, js, html,

    - Реализовать дополнительные улучшения

    - Сделать векторный спрайт

    - Оптимизировать код (сжать изображения, шрифты и прочее)

  14. Тест на скорость загрузки

  15. Код ревью

    - Получение оценки работы от специалиста

    - Рекомендации

    - Обнаружение ошибок

  16. Рефакторинг и отладка

  • 632
  • 07 октября 2022, 10:28
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?