Leo

Гугл - frontend roadmap

Погугли frontend roadmap. Верстка это начало frontend.

По теме заработка: до 14-16 это фриланс только. Заказы на вёрстку есть. И без CMS большое количество. С 14 можно пробовать как стажор или junior в вёрстку или фнонтенд. Если будет портфолио хорошее и знания, то все реально.

Я на всякий случай дополню. SPA сейчас строится на Angular, ReactJS или Vue. Данный тип разработки позвонят компилировать приложение без перезагрузки страниц.

1. Если нет верстальщика, то фронт делает всё. Обязан уметь в любом случае. Хорошо уметь как минимум.
2. Это две разных технологии, которые пересекаются, но не взаимоаннигилируются, в идеале. Для большей части работы будет достаточно flexbox, но для правильного кода может быть полезным использования grid.
3. Фреймворк JS: ReactJS, менее популярны (но не менее хороши!) Angular и VueJS. Фреймворк верстки - Bootstrap, знать/уметь обязан, остальные плюс, но ты научишься при необходимости.
4. Знание принципа работы реляционных и нерялиционных баз данных, в принципе, нужно. Если ты хочешь работать с БД, это уже фулстек и не только SQL. Нужно уметь делать запросы к серверу (http, websocket).
5. Frontend roadmap забей в интернете. Я бы сказал что для Джуна фронта нужно знать один из JS фреймворков (и все что до фреймворка по роадмап) и все равно ты будешь фактически делать вёрстку + работу с фреймворком JS. Отмечу, уметь делать не значит идеально, это значит понимание.

Codeacademy

Краткость - сестра таланта.

Сайт должен оказаться на сервере, желательно, с прикрепленным доменом.

Загугли frontend roadmap. На том же репозитории Гита лежит для backend. Не знаю зачем тебе html-css при желании развиваться в сторону питона. Full stack конечно прикольно, но начни нормально.

Chrome F12, device Galaxy/iPhone, F5. Содержимое будет соответствовать мобильному. Не нужно изобретать колесо.

Также есть подключенные устройства и вход через Inspect. Не думаю что это тебе нужно.

Берём CMS WordPress.
Ставим платную тему (около 5к).
Делаем сайт визитку по шаблону (можно самому с геморроем, можно спецу 5к).
Ищем плагин для наличия "баланса" как волюты на сайте. Если не находим, то включаем WooCommerce и организовываем работу по системе купил услугу - получил услугу. (Либо сам, либо 2-5к человеку)
Ставим интеграцию с Я.деньгами. (нужно ИП или юр лицо, сама интеграция плагином, либо сам либо 2-5к)
Ставим JivoSite на сайт, настраиваем, оплачиваем ещемесясную плату 500ре.

Готово.

Потому что нормальной автоматической верстки нет.
Потому что нужно настраивать логику страницы.
Потому что нужен БЭМ.
Потому что есть куча стандартов нормального написания кода.
Потому что делать надо на препроцессоре CSS.
По ому что нужна совместимость.
Потому что быстрее в коде.
Потому что удобнее в коде
Потому что разделение труда.
Далее уже надоело)

Думаю дело в том что:
a - строка
button - блок

fill, но будут проблемы на safari. Лучше изначально покрасить.

Я далеко не гуру, однако, мне кажется ты заморачиваться сверх меры.

Про объединение png, суперсжатие jpeg: ты хочешь чтобы вся assets песила пару мегов?

Объединение svg тоже может принести много ненужных проблем.

Иконки хорошие у Angular Material, можно брать шрифт или svg. Если есть непосредственная необходимость доступа к ресурсу без интернета (мобильное приложение, например), то бери svg сразу.

P.S. Не забывай про проблемы совместимости с Symbol.