Star Trooper

Я предпочитаю работать на проектах длительных и в режиме фултайм. На фриланс биржах зарегистрирован, наверное, на всех. Но оттуда ничего дельного ни разу не приходило. Потому работал я в основном на клиентов, которых искал сам ручками по форумам, обявлениям и по знакомым знакомых (ЗЗ). Поиск проекта (согласен с Пума Тайланд ) - это перманентный таск в бекграунде. Потом ЗЗ пригласили меня в Toptal (было тогда еще по инвайтам only). Я прошел отбор и с тех пор проекты я беру там. С фриланс-бирж приходят приглашения время от времени. В основном - не по делу. Люди говорят, что на биржах есть какие-то свои тактики для новичков.

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

Я вот просто дождался заказа, который кроме меня никто за полдня (!) не забидил. Сутью работы было написание плагина для VS для подсветки синтаксиса доморощенного скриптового языка. Результатом заказчик был доволен, сказал что при появлении средств закажет для того же языка intellisense и поиск ссылок на переменные.

neatsoft и Пума Тайланд правильно говорят - исполнителей много только на "поточные" заказы - всякие натягивания верстки на Вордпресс и прочие дела. Разработчики ленивые, не хотят без острой необходимости в чем-то разбираться для выполнения задачи. Дело не только в тех специалистах, у которых 10 лет опыта, из которых 5 - фриланс, а еще в тех, которые выбрали в качестве своей специализации что-то другое, помимо того же веба. Даже обыкновенные десктопные приложения уже некому писать - будет либо конкретно дорого, либо по-дилетантски.

И да, пишите первыми нормальные заявки. Автобидеров сейчас довольно много, многие заказчики даже ставят "защиту" в описании заказа, чтобы видеть, что описание прочитано живым человеком.

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

Дикая конкуренция на биржах - миф, многие проекты так и остаются без исполнителя. На прошлой неделе срочно нужен был фронтендер на небольшую задачу с нормальным бюджетом (5 дней - $1000) и перспективой работы на постоянных проектах - найти фрилансера так и не удалось. Заказчик из Европы, адекватный, платежеспособный. Из 30 заявок не оказалось ни одного вменяемого предложения - одни индусы (которые по опыту заказчика на таких проектах лажают в 100% случаев).

Вещи, на которые необходимо обращать внимание на начальном этапе:
1. не стоит пристально изучать все описания проектов - установите собственные критерии, и выбирайте только те что нравятся;
2. описание понравившегося проекта нужно читать внимательно, а в заявке излагать свое понимание задачи (пересказ) и план ее решения;
3. ставьте реальные сроки захода во фриланс - от 3-х до 6-ти месяцев (такой промежуток времени требуется чтобы детально во всем разобраться и наработать рейтинг);
4. обещайте меньше, делайте больше;
5. и самый главный совет - начните прямо сейчас! не нужно бросаться учить английский язык или осваивать модные технологии - все что нужно само придет в процессе работы. Большинству заказчиков совершенно налевать сколько вы делаете ошибок в словах, владеете ли граматикой, и применяете ли паттерны проектирования. Главное - умение эффективно решать поставленные задачи - быстро, и без чрезмерного усложнения.

ps. Список проектов доступный на бирже - лишь вершина айсберга, там достаточно сложно оценить объем повторных заказов и длительных контрактов. Если первые пол-года потратить с умом, впоследствии расходовать время на поиски проектов больше не придется - будет очередь из заявок на выполнение заказов.

pps. Ищу опытного фронтендера для совместной работы над интересными проектами. Сам занимаюсь бэкэндом, базами данных, линуксом, архитектурой.

Я бы сделал как-то так: codepen.io/Kublyakov/pen/bEKXyE
border добавляется в :before с абсолютным позиционированием, тем самым размеры будут подстраиваться под размеры внешнего круга.
Если нужно, что бы текст внутри выделялся нормально, то для :before добавляется pointer-evens: none;
Ну отступы для текста думаю не нужно объяснять как добавлять)

https://jsfiddle.net/x1j5f9z1/2/

Используйте псевдоэлемент :before/:after с абсолютным позиционированием и извращайтесь с ним как хотите.

li.active:hover {
    background: #d0d1d4;
}
li.active:hover a {
	color: #fff;
}

Начните с этого: Какие есть практические курсы\уроки по html5 + css3 + javascript?
Имейте в виду это: Основные навыки фронтенд-разработчика

HTML5&CSS3, в любом случае самое первое, что стоит изучить. Html Book - неплохой вариант, для новичка, но всё же в идеале оф. сайт консорциума с документацией www.w3.org
Думаю, для хорошего верстальщика и front-end developer'a важно понимать "кухню".

Есть не плохая книга, мне лично очень нравится, Джон Дакетт "HTML и CSS". Книга не из дешевых, но лично мне очень помогла в изучение основ.

Далее, опять таки на мой взгляд, хотя бы на уровне синтаксиса - изучить JavaScript. Пока не говорю, про библиотеку JQuery. Но она по сути, важна. Книга - Бер Биро, Иегуда Кац "Подробное руководство по продвинутому JavaScript".

В плане опыта, тут уж наверное понятно, верстать и еще раз верстать, по мере решения определенных задач растет скилл, так сказать. Умение искать ответ в Google тоже немаловажный навык.

Хороший способ изучать чужой код и искать объяснение тому или иному действию. Лучше всего, код тех сайтов, которые действительно хорошо сделаны..

Свой код после верстки, можно проверить на валидаторе оф. сайта консорциума. Просто нужно вставить ссылку туда на свой сайт и он анализирует.

На YouTube, есть видеоуроки по многим направлениям. Из самых крутых на мой взгляд, Sorax

В целом терпение и желание именно заниматься версткой и front-end. Удачи )

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

vinceg.github.io/Bootstrap-Admin-Theme

попробуйте внедрять что то в своей рутинной работе.

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

частично с вами не соглашусь, я фрилансер с 18 лет (более 14 лет) ни разу не работал в команде но могу дать фору любому тим лидеру. просто постоянно разбираю новые решения и не останавливаю обучение никогда. работая в команде чаще всего становится спецом в продукте а не в технологии.
просто нужно всегда следить за новинками и читать туториалы, пытаться их реализовать.

мой совет идти в таком направлении:
html + css + js(нативный)
адаптивный css
препроцессор less или sass
js framework можно jquery, bootstrap
ajax, json, поверхностно xml
gulp, grunt etc..
а потом ныряйте в глубокую воду, шаблонизаторы типа mustache чтоб облегчить работу с большой датой.
и только потом node, angular и им подобные.

самое главное практика практика и еще раз практика.