Николай Миронов

Способ 1. Хотите быстрой прокачки — начните пилить свой проект. Только не для галочки, а так чтобы цепляло.

Приведу два примера. 1) Как преподавателю мне хотелось сделать площадку для себя и студентов, сайт где можно выкладывать ДЗ и результаты выполнения, ставить оценки и писать комментарии. Так я познакомился с WordPress и сделал первый шаг в веб-разработку. Лет 5 назад с друзьями очень увлекались квестами в реальности. В какой-то момент захотелось сделать сайт про свои успехи и агрегатор квестов. На тот момент я уже занимался сайтами, но такого интенсивного потребления информации как в момент запуска сайта не было ни до ни после.

Способ 2. Найдите тусовку с вашими интересами. Я говорю про митапы веб-разработчиков, найти можно «кружки» по люобому направлению, языку программирования или фреймворку. Сейчас с живыми встречами напряженка, но можно много интересного найти онлайн. Общение, обмен опытом, коллаборация и т.д.

Способ 3. Если вам уже есть что показать — попробуйте пойти на стажировку в крутую компанию. "Крутость" в данном случае зависит от ваших амбиций и текущей локацией. Получите бесценный опыт и понимание как оно в жизни устроено. С таким багажом будет проще выстраивать карьеру.

Способ 3б. Если стажировка кажется амбициозным проектом — возьмите заказ на фрилансе. Тут множество вариантов от условного Кворка, до поспрашивать по знакомым

Здравствуйте. Если вам понравилось верстать — развивайтесь в данном направлении, хороший исполнитель будет востребован всегда. Вариантов куда двигаться после того как освоите верстку ооочень много. Навскидку несколько направлений

1) Остаться верстальщиком и специализироваться на сложных дизайнерских макетах, где нужна PixelPerfect-верстка,поддержкой любых устройств и браузеров

2) Изучить несколько js-библиотек и добавить в свои возможности интерактив, анимацию при прокрутке, эффектые слайдеры нестандартные и вот это все. Для этого не обязательно становиться программистом, достаточно изучить документацию и практиковаться
Примеры библиотек
scrollmagic.io
https://scrollrevealjs.org/
https://masonry.desandro.com
https://kenwheeler.github.io/slick/
https://github.com/artpolikarpov/scrollyeah

3) Изучить фреймворк, например Bootstrap 4 или Bulma. Чтобы ускорить свою работу, раз и получать заказы конкретно под эти фреймворки, два.
https://getbootstrap.com/
https://bulma.io/

4) Научиться интегрировать вашу верстку с популярными CMS. И вот вы уже делаете не просто статическую верстку а сайты целиком.

5) Начать изучать актуальный стек технологий, чтобы стать фронт-енд разработчиком.

6) Плюнуть на верстку, начать заниматься веб-дизайном и собирать готовые сайты с помощью конструкторов (тильда, webflow, readymag, wordpress + elementor, etc), знания html+css тут только помогут

Несколько моментов
1) Нужно описать все принципиальные позиции, которые входят и не входят в разработку: например многоязычность или поддержка старых браузеров могут стать неприятной неожиданностью
2) Вопрос на сколько подробно нужно описывать каждый блок -- открытый, иногда достаточно так, иногда прикладываются скриншоты, важно описать полезное действие
3) Намного проще заложить на 10-20% больше в бюджете проекта на непредвиденные хотелки заказчика, чем прописывать все детали до последней запятой и потом все равно ссориться с заказчиком так как все учесть не возможно

Пример краткого ТЗ для сайта-одностраничника, описание блоков приведено не полностью, написано по уже утвержденному дизайну.

В стоимость разработки сайта входит

• Разработка дизайна
  
• Верстка, включая мобильную версию
  
• Программирование и настройка функциональных блоков
  
• Создание видео-руководства по наполнению сайта контентом
  
• Подключение статистики (Гугл-аналитика, Яндекс-метрика при предоставлении кодов счетчиков клиентом)
  
• Помощь в подборе доменного имени
  
• Регистрация домена на имя клиента
  
• Настройка доменной почты
  
• Оплата домена в зоне ru на 1 год
  
• Оплата хостинга на 1 год
  
• Все доступы к сайту и хостингу передаются клиенту после приемки работы и полной оплаты
  

Технические данные проекта

• Тип сайта: одностраничник
  
• Движок сайта: WordPress
  
• Язык сайта: русский
  
• Верстка: адаптивная, сайт корректно работает на мобильных устройствах
  
• Поддержка старых браузеров: старые браузеры не поддерживаются
  
• SEO: установка модуля Yoast SEO
  

Описание функциональных модулей

Шапка сайта

• Шапка сайта фиксируется при прокрутке
  
• Возможность поменять подпись и логотип
  
• Возможность поменять телефон
  
• Возможность добавить пункты меню
  
• Формат мобильного меню: «гамбургер»
  

Верхний слайдер

• Автоматическая прокрутка слайдов
  
• Количество слайдов 1-5
  
• Возмжность управлять текстом и фотографиями каждого слайда
  

Блок о компании

• Возможность задать заголовок
  
• Возможность изменить текст
  
• Возможность изменить цвет подложки
  
• Возможность изменить положение текста (слева или справа)
  
• Возможность задать фотографии
  

Скорость загрузки это проблема «обвеса» в виде тем и плагинов, а не самого WordPress.

Для вашей задачи подойдут стартовые темы на основе Bootstrap. «Стартовая тема» означает, что в ней нет лишнего оформления, и содержится только базовый функционал WordPress и необходимые файлы. Такая тема предназначена для дальнейшего изменения и доработки под конкретную задачу.

Посмотрите на стартовую тему _Tk. Установив тему вы получите все преимущества как WordPress так и Bootstrap

• Сетка, компоненты и модули Bootstrap уже установлены на сайте
  
• У вас уже созданы отдельные файлы под Шапку, подвал, запись блога, страницу, архивы и т.д.
  
• Для меню, виджетов, наполения страниц и много другого уже есть админка
  
• Вы можете воспользоваться плагинами кеширования для ускорения загрузки сайта
  

Странный у коллег ответы, вставлю свои 5 копеек. Чтобы сделать полноценный современный сайт с CMS нужно решить кучу вопросов: написать админку, авторизацию, восстановление пароля, вывод новостей, страниц, меню, добавить для всего удобное администрирование и так далее.

Написать все это на чистом php потребует времени, и скорее всего вы не один раз заглянете на Тостер, СтэкОверфлоу или подобные сайты. Так как вы будете писать решение первый раз в нем будут дыры в безопасности и гарантированно сомнительный интерфейс (вряд ли в команде у вас есть ux-дизайнер)

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

Изучение WordPress != изучению php, это разные пути развития. В php вы пишите чистый код, в вордпрессе используете функции более высокого порядка на которые люди до вас за 15 лет развития системы потратили десятки тысяч человеко-часов