Комментарии 5
Вопрос к продвинутым разработчикам:
я знаю html, css, sass могу разобраться в js. умею заливать сайты, настраивать их вручную (htaccess, robots, sitemap и т.д.). Но я не могу сверстать сайт с нуля адаптивно, кроссбраузерно, чтоб его без проблем можно было дальше натянуть на cms. Подскажите, пожалуйста, какого автора в ютубе посмотреть, курс или книги для того, чтобы у меня не было неуверенности в этом вопросе.
умею заливать сайты, настраивать их вручную (htaccess, robots, sitemap и т.д.)
Ну это круто, но стоит посмотреть как деплоят современные веб сайты и особенно фронт.
npm, git, ci/cd, teamcity, jenkins и так далее. Хотя как фронту это не всегда его задача, и у каждой команды свои заморочки, но раз упомянули про умение делпоить. Деплоить закидывая куда-то файлы, это не гуд :)
было дальше натянуть на cms
Любая верстка "натягивается", но и то если вы js знаете, то фронтовые приложения сами по себе никуда не натягиваются.
Подскажите, пожалуйста, какого автора в ютубе посмотреть, курс или книги для того, чтобы у меня не было неуверенности в этом вопросе.
Есть шуточная тема, что вебе сделать синий квадрат можно десятком способов, каждый их них валидный в том или ином кейсе. (https://css-tricks.com/blue-box/).
Я бы рекомендовал просто практиковаться и для начала (верстать все, то хотите, тот же хабр локально сверстайте), что бы не городить свое и наверняка криво, разобраться с https://getbootstrap.com/. У него есть все необходимое для адаптивки и респонсив верстки. Принципы которые там используется достаточно обширны и популярны. Ну и сам bootstrap популярен.
Вот у бутстрапа и подсмотрите как они именуют классы. Еще есть БЭМ (от яндекса вроде, сводка правил по названиям классов), но я например его нигде в живу на проектах не видел.
Код сравнить можно с любым проектом на github или codepen. А если мы говорим про HTML и CSS то на любом веб сайте открыв devtools.
Дальше уже только идти и работать в команде, дома многое попросту не нужно и поэтому не понятно зачем и с чем сравнить
Из литературы — книга совершенный код. Но это уже малость перебор может быть :)
Дайджест свежих материалов из мира фронтенда за последнюю неделю №425 (20 — 26 июля 2020)