Дневник разработки: сайт-визитка. День 1
На курсе в Яндекс Практикуме нам советовали делать упор на практику и пет-проекты. Сдала очередную проектную работу, а на этой неделе — каникулы, и я решила посвятить их разработке своего первого проекта.
Выбрала простой одностраничный сайт-визитку — исходила из соображений практичности: рекрутер или тех лид сразу может оценить навыки (+ удобная навигация по всем моим соцсетям и контактам).
Начала писать на нативном JS с компонентным подходом — специально, чтобы после модуля по React можно было заняться рефакторингом и сравнить, как меняется структура кода.
Перед вёрсткой продумала лэйаут в Excalidraw — приучаю себя сперва рисовать схему и продумывать архитектуру, а потом уже писать код. Завтра расскажу про первый баг, выявленный при тестировании.
Делюсь чертежом (с наполнением футера я пока не определилась, а в остальном схема готова)
· 17.07
Упс... Интересно, а сколько сейчас "весит" эта визитка со всем необходимым?
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
коммент удалён
· 17.07
Алексей, проверила! Сайт весит ≈844 KB на 19 запросов, грузится за ~309 мс. Lighthouse при этом дал 99/100 по Performance 😄 Но картинки точно ещё можно ужать — это в ближайших планах. И можно будет поработать с доступностью
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
ответ удалён
· 17.07
Одна страница - 309 мм... долго как-то... А на сервере?
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
ответ удалён
· 17.07
А это и есть замер на сервере — сайт уже задеплен на Vercel, я открывала продакшн-версию, локально 594 мс
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
ответ удалён
· 17.07
Совсем запутался - а зачем такой страничке JS и почему такой большой? Померьте для сравнения страничку по ссылке http://www.walks.ru/wm_dr/ У меня она открывается быстро, но мне жаловалась, что она вообще не открывается... Хостинг недорогой и виртуальный... Но всё же...
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
ответ удалён
· 18.07
Алексей, JS нужен для интерактива — переключение тёмной/светлой темы, раскрывающиеся карточки проектов — это чистым HTML не сделать. Плюс я специально пишу компонентным подходом как учебную задачу, чтобы потом сравнить с React — так что вес тут не самоцель, а побочный эффект обучения. На страничке по ссылке у меня не срабатывает правый клик вообще. А про то, что у кого-то она вообще не открывается — вопрос возможно к виртуальному хостингу
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
ответ удалён
· 18.07
Про интерактив понял. Будет интересно сравнение с Rect... подозреваю, что оно будет не в пользу React..
Но мне больше интересно про "страничку по ссылке"? - что должно быть по "правой кнопке"? - работает ли "левая кнопка" Сколько времени заняла первая загрузка?
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
ответ удалён