Вопрос Что делать, что учить, я в растерянности

Начни создавать сайт и когда возникнут проблемы, поймеш, что искать. Руби посоветовал бы учить но для начала с С начни

"Я знаю основы html, css" ...то есть ты еще ничего не знаешь!

Учи js, php. Развивался дальше. Самое главное практика, ищи какие нибудь задания по верстке и создавай

Дальше учись формулировать идеи и реализовывать их.

Как уже подметили, на деле ты ничего не знаешь. Адекватный "начальный" стак для новичка front-end разработке нынче примерно такой: 1. Знание HTML, Document Object Model и селекторов; 2. Знание CSS и актуальных технологий: grid, flexbox. Уметь в адаптивную верстку (на @media), знание @keyframes тоже будет очень полезным. В будущем желательно влиться в какой-нибудь препроцессор, например, SASS. 3. Знание JavaScript и его библиотек / фреймворков (нынче на голом JS никто уже давно не пишет, это считается как минимум глупостью). Некоторые любят в jQuery, достаточно неплохая библиотека, облегчающая работу с DOM. Имеет смысл влиться в неё (но только после основ JS). Дальше какой-нибудь React. Если понадобится, то D3 тоже очень полезная библиотека. Из фреймворков Vue.js или Angular (там уж сам почитаешь и посмотришь, что будет лучше. В целом, я бы сейчас на месте тех, кто не знаком и с тем и с тем, выбрал бы Vue.js). К этому всему конечно же нужно знание Gulp и npm. Возможно еще Grunt. Нелишним будет знание какого-нибудь инструмента для тестирования: Jasmine, Mocha, Jest. Дальше все зависит от твоих потребностей. Если хочешь идти и в back-end разработку, тогда нужно будет выбирать ещё из серверных языков. Самые популярные кандидаты — PHP, Node.js, Go, Java, Ruby, Python, C#. Тут уже все зависит от тебя. В целом, грамотно написанный бэк на PHP, не будет уступать грамотному бэку на Java (по крайней мере сильно). Для PHP есть популярные фреймворки Laravel и Symfony. Для Node.js — Express и Hapi, для Python — Django и так далее (на самом деле их много, как библиотек так и фреймворков, очень полезных, но не забывай, что нужно знать не только фрейворки и библиотеки, но и сами языки, то, как они работают, их особенности, поэтому стоит просто углубиться в матчасть, как работает сеть, передача данных, соединение, и т. д. и т. п.). И конечно все через практику. Практика и ещё раз практика. Верстка берется практикой, бэк углубленной теорией + практикой (там, всё-таки, много подводных камней, связанных со сложной оптимизацией, проблемами безопасности, разных парадигм программирования: Объектно-ориентированное программирование, Императивное программирование, Декларативное программирование, Структурное программирование, Функциональное программирование, Логическое программирование и т. д.). Благо документации нынче богаты на материал, форумов, полезных сайтов и видеоуроков куча. upd. А, разумеется, не стоит привлекать Java / C# в бэк для веба, если ты никогда не познавал эти языки. В целом, теоретическое знание C# полезно само по себе, это такой прародитель большинства нынешних языков, но в общем для тебя нет смысла на него налегать. Подобные языки (в т. ч. C++ и другие), используются в вебе очень редко, для сложных задач, чаще всего, когда нужно обрабатывать большие массивы информации (например, ВКонтакте написан на трансляторе, который "транслирует" PHP код в C++, он оптимизирован, что дало двукратный прирост для их задач). Если ты когда-нибудь дорастешь до уровня, при котором будешь принимать разработку в подобных сайтах, тогда уже сам сможешь решать и консультироваться на высоком уровне по поводу выбора той или иной технологии. А пока выбирай что-то типа PHP / Ruby / Go / Node.js. Причем знание одного бэк языка не означает, что ты не можешь знать и другой. Для разных задач часто можно выбирать разные технологии.

Определись от чего ты получаешь удовольствие! CSS или PHP С#
Без желания нет ничего!