Insanity

Незачто.
codenamecrud.ru

Все выше сказанное верно. Ищите стажировки, просматривайте вакансии и смотрите какие требования в конкретном месте.
Как показывает практика, с учетом того что основное направление Python в нашей стране это Web, знания одного только питона будет маловато, учите JavaScript, учите базы данных, УЧИТЕ АНГЛИЙСКИЙ. Как только уровень знаний будет более менее нормальным, начинайте с изучения фреймворков Django, Flask. Как только сможете написать свое первое веб приложение на одном из них, можно начинать ходить по собеседованиям( вероятность успеха крайне мала на данном этапе, однако одно собеседование может научить вас больше чем неделя штудирования документации), берите все тестовые задания которые дают, и выполняйте их, просите что бы Вам давали фидбєки, и указывали на ошибки.
О фрилансе на Питоне, ИМХО, лучше сразу забыт на первых этапах.
Из ресурсов могу посоветовать:
Марк Лутц - Изучаем Питон 4е издание.
www.diveintopython.net
djbook.ru/rel1.8

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

Абсолютно неправильное утверждение.
Какую прибыль принес компании дворник? А секретарь?
Зарплата сотрудника в компании вообще никак не зависит от прибыли приносимой сотрудником.

Зарплата эта та сумма за которую сотрудник данной квалификации согласен выполнять необходимый объем работ.

0) Ванилла js это и есть обычный js.
1) Начинать надо с одновременного изучения ваниллы и jQuery. По ванилле будете читать книги и всякие статьи, типа как работают замыкания, this, hoisting и так далее. А на jQuery вы собственно будете писать код, который будет что-то, да делать. Никто вам конечно не мешает забить на jQuery и по хардкору угарать только по ванильному жсу, но с огромной вероятностью, вместо того чтобы как то реально практиковаться в написании кода и выполнении каких-то простых задач, вы будете биться головой о стену, ибо для начинающего, работа с DOM (а только и этим можно заниматься поначалу) в ванилле это настоящая пытка. Очень важно пилить много велосипедов.
2) Параллельно прокачиваете css. Там просто поле непаханных возможностей и фишек. Со временем скорее всего придет понимание того, что чего то в обычном css не хватает. Тогда и начнете юзать препроцессоры. Можно конечно и сейчас сразу начать, но я не уверен что от этого будет хоть какая-та польза (а вот риск начать юзать вложенность в full-retard mode имеется).
3) Как только начнете писать хоть какой-то вменяемый js или юзать css с препроцессорами, тогда и придет пора автоматизации фронтэнда. Галпы, автопрефиксеры, склеивание/миницирование стилей/js и все такое. Об этом пункте вообще можно будет не париться долгое время, ибо все ваши задачи будут решаться установкой какого-нибудь генератора yeomana с маджонгом и гейшами.
4) Фрейморвки. Ангулары, реакты, эмберы и так далее. Будете их изучать на основе статей и пет-проджектов, ибо на нормальную работу, где эти самые фрейморвки применяют, с 90% вероятностью не возьмут без опыта владения ими. Учить их все естественно не надо. Достаточно хорошенько покопаться в 1-2, чтобы понять принципы работы основных частей.
4 пункт может с легкостью идти сразу за вторым, если вас больше интересует копание в жсе, и не особо интересно представление. Параллельно со всем перечисленным изучите стайлгайды, методолгии, модульные системы и все подобные вещи, которые необходимы для написания приличного кода.

А какие у вас цели?
Если хотите работать на хорошую компанию, то лучше смотреть по вакансиям, например, тут.
Я считаю что это — минимум, но целится лучше на что-то такое или выше.
В плане порядка изучения советую поступать таким образом("книгу" можно заменять на "сайт" или "документацию"):
1) прочитали книгу по CSS+HTML, сверстали несложный сайт
2) прочитали еще одну книгу по CSS+HTML , сверстали что-то посложнее
3) та же история с JavaScript, первая книга — выполняете упражнения, потом пишете что-то несложное, потом читаете другие книги в стиле best practices. Вот вам список книг и навыков, которые требуют от студентов в одной из фирм.
4) изучаете "плюшки", тут лично мои предпочтения: JQuery, SCSS, Jade, ES6, gulp, InternJS, BackboneJS. Тут все изучается по документациям, хотя книг по JQuery тоже много.
5) можете зацепить backend и NodeJS если вам интересно, минимум — понимать что и как там происходит, почитать про RESTful и MVC на серверах
6) базовые понимания и знания дизайна и сопутствующего софта
—> дальше пункты которые касаются слова "Хороший"
7) поиграться с 2D-3D графикой, анимациями и разными библиотеками с ней связанными
8) совершенствовать свои навыки во всех пунктах выше(оптимизация, best practices), изучать самые интересные решения на разных сайтах, интересоваться всем новым и много практиковаться

Если у вас нету реального опыта над "боевыми" сайтами и подобными вещами, то одназначно 1 вариант. Можно сколько угодно читать книжки и заниматься самообразованием, но без старта в офисе под присмотром более опытных коллег, результаты будут плачевными скорее всего. Это просто аксиома, надо поработать вначале 4-12 месяцев в офисе, пиля живые сайты/проекты и впитывая знания от "старших", а дальше будет намного проще.
2 вариант подходит только если вас действительно к этому тянет.
3 вариант звучит крайне сомнительно, ибо опыта для полноценного фриланса у вас по сути дела нет. С проектом то вы может и справитесь, но что вы будете делать после его окончания? Этот же заказчик вряд ли завалит вас новой работой, а скиллами для эффективного фриланса за 1 проект вы точно не обзаведетесь. Есть риск после этого погрязнуть в болоте под названием "русские фриланс биржи", где вы с большой вероятностью будете биться на смерть со школьниками за самые примитивные и убогие задачи, типа "сверстайте 10 страниц и натяните их на вордпресс за 5к рублей".
Вначале надо выбирать такую работу, где собственно будет много этой самой работы и развития (не без помощи более опытных коллег). А после получения стартового буста сориентироваться будет намного проще.
Ах да, если вы действительно хотите работать 5-7 лет в Краснодаре, то это эээ... весьма мрачное виденье своего будущего. Через 1.5-3+ года (зависит от области) можно будет без проблем начинать думать о фрилансе в валюте (при учете интенсивного развития).

У DevDocs есть расширения для Chrome и Firefox, позволяющие читать доки без подключения к интернету. Там много всего, не только фронтенд.

matthewhartman.github.io/base
concisecss.com
foundation.zurb.com
www.basscss.com
materializecss.com
pintsize.io
getuikit.com
ui.lumapps.com
purecss.io
imperavi.com/kube

... это из тех, что пробовал и изучал доки
+
таблица основных свойств usablica.github.io/front-end-frameworks/compare.html
+
сводная таблица сравнений https://docs.google.com/spreadsheets/d/18_nwvdIVbK...

Цвета:
www.thedayscolor.com
colourco.de
bada55.io

PHP
PHP. The Right Way
Сборник советов и фактов по оптимизации PHP-скриптов
40 советов по оптимизации вашего PHP-кода
github.com/ziadoz/awesome-php

JavaScript
JavaScript. The Right Way
JavaScript. Оптимизация: опыт, проверенный временем
24 совета javascript-разработчику
superherojs.com
github.com/sorrycc/awesome-javascript

HTML, CSS
HTML CSS: The Right Way
Советы front-end разработчику
Руководство по оформлению HTML/CSS кода от Google