ВЁРСТКА АЛТИМЕЙТ АНРИАЛИ ГАЙД v1.0 beta

ВЁРСТКА АЛТИМЕЙТ АНРИАЛИ ГАЙД v1.0 beta

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

1. Традиционная паста для тех, кто прочел оп-пост и заинтересовался:

Гайд для тех кто нихуя не умеет, родился в мухосранске и не имеет друзей, ЕОТ, детей(факторов которые мешают уехать из мухосранска).
Многие жалуются на отсутствие образования и блата как преграду для получения хорошей работы, это не проблема вовсе.
Шаг 1.
В твоем мухосранске наверняка есть вебстудия, делают они говно, но нам больше и не надо. И туда могут взять без опыта. Устраивайся туда работать за еду. 10к в месяц на первое время достаточно.
Спрашивать тебя будут основы, которые легко узнаются через википедию, надо знать что такое клиент-сервер и что пхп генерит странички на сервере, напиши пару хеллоу ворлдов и посмотри видеоуроки перед тем как устраиваться.
На этом этапе тебе нужно заработать базовый скилл. Ты научишься верстать говностранички, возненавидишь IE, научишься google driven development, поймешь почему гимп не замена фотошопу, узнаешь jQuery. Из побочных знаний может появится скилл в похапе или знание какой-нибудь CMS вроде джумлы. Почему эти скиллы побочные и не нужны? Потому что они дешевые на рынке и таких спецов хоть лопатой греби, конкуренция очень высокая.
Работаешь там полгода, говноконтора к тому моменту может даже обанкротится, но тебя это не должно волновать. Ты уже имеешь скилл, который позволит тебе сделать тестовое задание. Для второго шага тебе понадобится накопить примерно 30к денег.
Шаг 2.
Возле твоего мухосранска наверняка есть город миллионник, куда добираться меньше дня. Билет будет стоить до тысячи рублей. Первым делом тебе надо найти работу и жилье. То и другое можно найти в интернете. Лучше пользоваться услугами риелторов, ибо просто так найти жилье будет нереально. Лучше искать комнату с бабушкой, а не однушку это примерно в два раза дешевле и плюшками иногда угощать будут. На аренду должно уходить до 10к в месяц.
Твоей следующей работой должна быть контора с красивым дизайном. Зп 20-25 должно будет хватить. На этом этапе главное для тебя составление хорошего портфолио и приобретение расширенного скилла. Чтобы устроится тебе нужно будет выполнить тестовое задание. Тебе его могут дать сразу же или можешь попросить сам. Собеседование можешь провести по скайпу или съездить на день туда. Твое текущее портфолио их ничем скорее всего не убедит и упор надо делать на тестовое задание. Спрашивать тебя будут про какие-нибудь оптимизации, БЭМ и прочую никому не нужную в студиях хрень, где просто лепят пирожки. Чтобы все это знать тебе достаточно сидеть на каком-нибудь хабре на прошлой работе.
В этом месте тебе нужно будет работать около года, и накопить около 80к рублей. Через год у тебя за плечами будет около полсотни сайтов и некоторые из них даже красивые. За это время ты научишься делать крутые штуки, будешь знать jQuery виртуозно, полюбишь IE, и будешь презирать пхп-быдло и прочий скам, если повезет будешь знать что такое тасктрекер и система контроля версий. Главное тут не задерживаться и приступать к шагу 3.
Шаг 3.
Иди на hh.ru делай резюме с портфолио со своими крутыми сайтами, с таким портфолио тебя возьмет любая московская контора, даже яндекс. ЗП искать 60-80к на первое время. Идти не обязательно в студию, а лучше даже не в нее. Можно пойти делать системы для какого-нибудь внутреннего учета или в мобильную разработку. Многие предоставляют для иногородних компенсацию за жилье на первый месяц, но все равно тебе надо будет сначала оплатить это из своего кармана. Компенсация составляет примерно 90к. Однушка стоит около 30к в месяц, но надо будет иметь сумму в 3 раза больше чтобы оплатить риелторов и страховой депозит. Насчет депозита можно договориться выплатить его постепенно. Так что первая трата будет около 60к, квартира+риелтор. Еще через полгода-год зп может удвоится, и пацан к успеху пришел.

На весь план дается полтора-два года, все это время надо постоянно въебывать. Полезность вышки для осуществления плана сомнительна, т.к. ничего нужного для реализации плана она никогда не даст, за корочку на работу тебя не возьмут, а за портфолио возьмут. Верстка и JS выбраны т.к. обладают нужным вауэффектом для того чтобы быстро произвести впечатление на работодателя. Верстка и JS выбраны т.к. сейчас тотальный дефицит специалистов данного рода на рынке, поиск подходящего специалиста в дс занимает около полугода и всегда можно найти подходящию вакансию в мамбах-хуямбах, вконтакте и прочих гигантах. Верстка считается среди программистов лоу-левел работой, которую может выполнить любой, таковой она и является на первых этапах. Начиная с шага 2 программисты которые будут работать вместе с тобой не смогут выполнять твою работу в связи с чем ты будешь чувствовать свое превосходство. Твои скиллы перестанут быть нужны только в случае если в рашке запретят интернеты, только нахуй тогда жить?


2. Первичные обучающие материалы в хаотичном порядке. Все можете не проходить, выбирайте то что нравится. Проходится за недельку - две вечерами, дает первичное представление что, как и почему, поймете нужно ли оно вам. Не обзательно дрочить от начала до конца по очереди, заебало одно, попробуйте другое.

http://dash.generalassemb.ly/
http://learnlayout.com/
http://learn.shayhowe.com/
http://www.wisdomweb.ru/
http://htmlacademy.ru/ - ультрагоднота
http://eloquentjavascript.net/
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые джве недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.


3. Для тех кто прошел шаг 2 есть литература и много видео. Вероятно на этом шаге вы встретите много информации из шага 2, но гайд рассчитан на дебилов, так что повторение вам только поможет. На этом этапе можно смело начинать верстать и срать очевидными вопросами в тред. Поехали:

https://mega.co.nz/#!NVIkySKQ!uksvWXFK20OKSeWvoLVXKloihG8Zn2Yx7-FPMS43kyI - Интенсив от htmlacademy. Один из работников сказал, что не против раздачи. Если раздачи не будет - пишите в тред. Что такое интенсив от htmlacademy, посмотрите на их сайте.

Курс профессионального javaScript. Кантор Илья - автор learn.javascript.ru
http://rutracker.org/forum/viewtopic.php?t=4654156
http://www.ozon.ru/context/detail/id/20279391/  - "Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript и CSS" Весьма неплохая книга, бегло позволит ориентироваться в основах веб-технологий и понять, как же все это говно вместе работает.
http://rutracker.org/forum/viewtopic.php?t=4214664 - "CSS ручной работы" Дэн Седерхольм
http://www.ozon.ru/context/detail/id/5647176/ - "Большая книга CSS" Дэвид Сойер Макфарланд

Обучающее видео на английском. Все нужные технологии в подробных видеоуроках. Выбирай по душе и обмазывайся:
От lynda.com
http://rutracker.org/forum/tracker.php?f=1564&nm=lynda+com
От Tutsplus.com
http://rutracker.org/forum/tracker.php?f=1564&nm=Tutsplus.com

Учебное задания УЛЬТРА ХАРДКОР ЛЕВЕЛ. Если считаешь, что тебе мало ОБЫЧНОЙ учебной хуйни. Сделай это и положи к себе в портфолио. Будет что показать на собеседовании:
http://htmlforum.ru/index.php?showtopic=47141
Появились новые тренировочные задания с ТЗ:
http://htmlforum.ru/index.php?showtopic=47974
http://htmlforum.ru/index.php?showtopic=47965

ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:

Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod

Еще видео для начинающих:
http://psd-html-css.ru/

Верстка по БЭМ
http://habrahabr.ru/post/203440/

Обычная верстка:
Внимание! Тут сделано с ошибками, но можно получить общее представление о том, как выглядит по шагам верстка
http://habrahabr.ru/post/202408/

Тот же самый шаблон, но уже на bootstrap:
Внимание! Тут сделано с ошибками, но можно получить общее представление о том, как выглядит по шагам верстка на bootstrap .
http://habrahabr.ru/post/211032/

Видео урок верстки шаблона на BOOTSTRAP+LESS с самого нуля. Язык английский, но очень понятный. Очень мало сложных фраз и неизвестных слов:
http://thefreecourses.blogspot.ru/2013/09/psd-to-html-for-designers.html

===========================
Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках:
>Идите нахуй.
или
>Используйте блять cssdesk или jsfiddle. Делать тут нам больше нехуй, кроме как выкачивать css
===========================

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

http://frontender.info - годный ресурс по фронт-енд тематике
http://habrahabr.ru/post/114256/ - чеклист верстки. Если ваше говно проходит хотя бы половину пунктов, вы без проблем найдете работу в своем задрищенске.
http://habrahabr.ru/hub/webdev/
tympanus.net/codrops/ - тут есть годная еженедельная подборочка новостей из мира фронт-енда, рикаминдую
http://www.smashingmagazine.com/ - многое отсюда так или иначе переведено на русский, ресурс полезный для развития
http://css-tricks.com/ - тут можно найти много готовых шаблонов для решения часто встречающихся задач
http://ru.bem.info/ - БЭМ, методология фронт-енд разработки от Яндекса, рикаминдую прочесть доки, наверняка вы нихуя не поймете, но фраза "я прочитал конечно документацию БЭМ, но в силу своего уровня пока понял оттуда совсем немного" звучит на собеседовании гораздо лучше чем хлопание глазами.
http://goratchet.com/ - mobile first фреймворк от создателей бутстрапа.
http://getbootstrap.com/ - бутстрап. без комментариев, маст хэв.  Популярный фронт-енд фреймворк, можно положить его в сонову вашего проекта или быстро накидать сайтец, если дизайн не важен.
http://www.ibm.com/developerworks/ru/ - очень неплохой ресурс от всем известной компании, есть там и статьи про веб-разработку.
http://sass-lang.com/, http://lesscss.ru/, http://lesscss.org/, http://learnboost.github.io/stylus/ - тоже полезные шутки, значительно прокачивают ваш CSS. Так называемые препроцессоры. Я пользуюсь less.

5.Ультралевел.

Загляните в программач, там постоянно висит тредж где добрый кун учит ньюфагов php, там не очень сложно, но базовые знания пыха это плюс  	  вам при трудоустройстве. Также советую хоть немного освоить линух, консольку, гит, и поковырять гитхаб. Если собираетесь заниматься всей этой хуйней по хардкору, за разработчика(я все-такие не стану называть нас программистами, лол) лучше скажет профиль на гитхабе, чем резюме. Но это конечно работает когда у вас хотя бы годик опыта будет. Еще из личных наблюдений, с опытом верстальщик растет во фронт-ендера, а там ебля с фотошопом уже не нужна, а если и будет нужна, то вам вполне могут поставить мак ну или на крайняк будете пердолить фотошоп в виртуалке, вроде в треде был анон, который так делал. К чему это я? К тому что со временем вы забудете что такое венда, так что вполне неплохо готовиться к этому сейчас.

Такие дела.

ПРЕДЫДУЩЕИЕ ТРЕДЫ В АРХИВАЧЕ:

1. http://arhivach.org/thread/3525/
2. http://arhivach.org/thread/8593/
3. http://arhivach.org/thread/13819/
4. http://arhivach.org/thread/17750/