Оценка простой верстки. как развиваться верстальщику и оценивать свою работу?

Question

[Владимир]

Если кому не сложно оцените проект. Макет очень простой походу.
Первый проект, даже на создание такого простого сайта ушло не мало времени.
Что подправить, мб добавить что-то ещё, и куда развиваться дальше?

https://github.com/faradeifrontend/blueasy_psd = интересует насколько я правильно все структурировал в src/
ссылка на макет в readme или можно скачать из проекта.

Адаптив делал от себя, вообще не знаю или правильно.
+ скрипты по мелочи, чтобы шапка при скроле менялась и бургер меню.

Саму верстка публикуется из dist (вроде сжал как нужно)
на github pages = https://faradeifrontend.github.io/blueasy_psd/

Ещё бы хотелось оптимизировать для pagespeed 97/100 Пк, 68/100 мобильные = пока не знаю как это делать.

Answer 1

[Мир]

Развивайтесь в сторону css фреймворков.
Думаю что изучение bootstrap это лучшее направление, т.к. востребовано
Также рекомендую повышать чувство вкуса/гармонии и следить за направлением трендов.
Из спикеров мне понравился этот чел и этот

Как хорошо овладеете версткой можете перейти(или параллельно) к изучению JS, сначала нативный, то есть без фреймворков, затем добавьте фреймворки.

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

Comments

[Владимир]

Я как то прочитал во время обучения всю документацию по bootstrap, а применил на практике разве что сетку с классами container и row col. Пощупать просто.
По сути я все это могу flexboxом заменить и располагать так же.

Мне так показалось что bootstrap тупо для сайтов однодневок сделан или для каких нибудь php ников чтобы много времени не тратить на верстку.
Все остальные готовые классы для компонентов мне не особо нравятся как выглядят.
А подключать целую библиотеку в проект не очень хочется. Либо я что-то не так понимаю.

Js пробую учить паралельно пока так себе усваивается. И базовые основы вообще никак не применить в реальной верстке.

[Мир]

Владимир, всё не так просто как может показаться.
Просто - пока вы "сам себе на уме", а когда есть команда или есть вероятность что проектом будет заниматься другой верстальщик, то нужны некоторые стандарты.
бутстрап как раз таки закрывает 95% потребностей в веб разработке.
не стесняйтесь подключать библиотеку т.к. сейчас скорость интернета у многих хорошая LTE, 3G.. И популярные библиотеки подключаются через CDN + вероятнее всего они уже есть в кеше браузеров.

А на дальнейшее можете изучить шаблонизаторы twig, blade

[Мир]

Владимир, + препроцессоры

[Мир]

Что изучать верстальщику и в каком порядке?