Mr. Vazovsky

Если хочется развиваться во фронтенде, то желательно уверенно знать хотя бы один из фреймворков: AngularJS, Angular2, VueJS, ReactJS. Ну естественно уверенное знание JS (JS5, JS6, JS7 будет плюсом).

Конечно ничто не запрещает начать хоть сейчас с простых вещей, но я бы рекомендовал пару лет поработать в IT-конторах с умными коллегами. Там очень быстро можно набраться опыта. А на фрилансе это гораздо сложнее - коллег нет, никто не подскажет. Если с ходу прыгнуть на апворк без особых знаний, то можно напороть делов, наловить плохих отзывов, закрепиться в низкооплачиваемой нише и потом будет сложно из всего этого вылезать.

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

Плясать от того, что разбить функционал программы на логические модули - это и будут ваши классы. Их уже разбивать по тому, что они делают - на методы и свойства. И так далее, по принципу "Разбиваем на модули, группируем однотипные модули, повторяем".
А остальному - почитайте про паттерны, по ходу их изучения все поймете сами. Хотя бы 5 паттернов вы должны понимать перед тем как браться за серьезный проект. Не знать наизусть - а именно понимать, что и для чего делается.

Не скажу за всех, потому что по-моему это индивидуально у каждого архитектора,
лично я составляю "mind map" то есть схему по блокам (блок - отдельный класс) кто чем занимается, что куда передаёт, сначала просто тупо следуя тз, что бы это примерно выполняло задание, потом уже рефакторинг - как сделать проще, какой блок выкинуть (например дублирует какой-либо другой), изменяю связи. Потому сажусь писать код ибо в схеме проще исправить, чем в сотнях строк кода. Ну и разумеется "опыт".