Бонус: как начать с нуля в вебе
Для портфолио и понимания процессов стоит реализовать парочку настоящих проектов. Что такое настоящие проекты? Ну, это те проекты которые заказывают люди, с реальными требованиями, а не абстрактные todo-листы или алгоритмические задачки из туториалов.
Как это сделать, если ты новичок и не сидел в офисах днями? Тут есть свои хитрости. Для начала стоит выбрать примерные проекты, хороший набор это:
1) Аналог Yelp. Это пример типичного живого проекта, сайт с рейтингами и обзорами, возможность их писать, места на карте, фоточки, рейтинги, категории, поиск, даже API. Полный набор, очень хорошо научит понимать как писать проекты с рейтинговыми системами и работой с пользователями и их отзывами. И такое можно часто встретить на фрилансе, типа очередного подборщика ресторанов, аптек, фитнес центров.
2) Типичный магазин-платформа (Avito). Ну тут всё очевидно, магазины не писал - жизнь прошла зря.
3) Scrapers, parsers и прочие инструменты. Очень часто нужна в проектах, плюс узнаешь многое про работу с другими сайтами или их API.
4) Сайт построенный на API. Например, напиши сайт-парсер какого-нибудь AirBnB или опять таки Avito, который по нужным запросам найдет и сформирует более детальный подбор товаров, отследит их среднюю цену и выдаст предложение выгоднее того, которое существует сейчас. Т.е. проанализирует данные лучше оригинала.
Это золотая четверка реальных проектов которые будешь встречать сплошь и рядом, которые затрагивают такие важные аспекты, как работа с пользователем, формирование подборок, обработка данных и т.д. Чтобы не наплодить говнокода - best practices и гугл. Гуглишь лучшие практики разработки на своём языке, фреймворке, HTML и CSS. Учишься правильно структурировать данные, разбивать код, писать API. Изучаешь паттерны (MVC, MVVC, MVP), правильную структуру БД, примеры на реальных проектах. Материала в Интернете валом, главное - уметь искать.
У тебя же впереди сейчас долгий путь: надо осваивать ORM, JavaScript (без него в веб-разработке никуда, к нему jQuery), парочка фреймворков типа Angular и React, Redis, MongoDB, покрытие тестами (BDD), Git, Mercurial, etc.
Ну, это может звучать как очень много, но на деле в первом же проекте ты освоишь 90% указанного выше, просто потому что без него никак и на нем уже есть множество готовых решений которые ты можешь легко адаптировать. Как и ответы на 99% возникающих проблем, которые уже решили за тебя другие на StackOverflow.
Бонус: как начать с нуля на мобильных платформах
Самым хорошим туториалом и первым аппом в портфолио будет клиент для какого-нибудь API типа Flickr c многопоточной загрузкой фоток в ленту, просмотром профилей и комментированием.
Next:
Бонус: как не умереть раньше времени, сидя днями дома