Путь верстальщика

Основано на реальных событиях…

Будучи администратором одного из известных форумов, я часто сталкиваюсь с тем, что начинающие веб-технологи не знают, с чего начать своё обучение, какую читать литературу и в каком направлении им двигаться. Периодически мне доводится слышать один и тот же вопрос — «Как стать хорошим верстальщиком?». Краткий ответ может оставить у новичка ещё больше вопросов, поэтому одного или нескольких постов с ответами на форуме недостаточно, чтобы полностью описать все необходимые, на мой взгляд, пункты. 

В этой статье я решил исправить ситуацию и описать свой путь обучения, который считаю наиболее правильным и эффективным.

Верстальщик или веб-мастер?

Перед тем, как начать прокладывать свой путь верстальщика, нужно определиться, какого уровня вы планируете достичь, и что для этого вообще предстоит изучать. Многие, конечно, скажут: «Что значит «какого уровня»? Конечно же, самого высокого! Что за вопрос?». Но на практике это, как правило, не так. Здесь всё сводится к тому, как и насколько глубоко вы планируете погрузиться в этот мир и через что готовы пройти ради достижения своей цели. К сожалению, большинство предпочитает выпить пивка вместо того, чтобы почитать книжку, но при этом считают себя великими мастерами. Но — не будем о грустном и перейдём сразу к делу.

Лично для себя я могу выделить две категории верстальщиков — «обычный верстальщик» и «веб-мастер». 

Обычный верстальщик

Обычный верстальщик — это человек, который знает по минимуму. Вот технологии, которые, по моему мнению, подходят для этой категории разработчиков:

  • HTML;
  • CSS
  • jQuery (всякие плагинчики);
  • возможно ещё что-то по мелочи.    

Не густо, учитывая тот факт, что все эти вещи обычный верстальщик должен знать на среднем уровне. Обычно таким верстальщикам достаточно сверстать простенький макетик и «прикрутить» какой-нибудь плагин на jQuery. 

Мы не будем уделять много времени этой категории, потому что она того не стоит. Во-первых, она мне не симпатизирует, а во-вторых, в этой статье мы подготавливаем настоящего бойца, так что не будем здесь задерживаться, и перейдём к «веб-мастеру».

Веб-мастер

Вот это уже другое дело! Именно эта категория и является моей первостепенной целью, к которой я стремлюсь. На мой взгляд, веб-мастер должен обладать большими навыками, причём на очень хорошем уровне! Этот человек обязан знать много технологий и разбираться в их тонкостях. 

Давайте посмотрим на технологии, владение которыми входит в обязанности настоящего веб-мастера:

  • HTML5;
  • XHTML;
  • HTML 4.01;
  • XML;
  • AJAX;
  • CSS 2.1;
  • CSS3;
  • CSS-фреймворки;
  • JavaScript ;
  • JS-фреймворки (в первую очередь jQuery);
  • системы управления версиями (GitSVN и т.д.);    

А также я бы добавил в этот список PHP, хотя бы на уровне этой страницы. Главное — умение понимать код PHP и решить какую-либо простенькую задачку. 

Кроме того, веб-мастер обязан уметь работать с различными популярными CMS. Это умение не обязательно должно быть на глубоком уровне (написание плагинов к CMS или кардинальное изменение или расширение её функционала). Но, например, создавать адаптированные к CMS шаблоны из обычных HTML-страниц настоящий веб-мастер, без сомнений, должен уметь.

Нехилый такой списочек, не правда ли? Но не забывайте, что у каждого пункта (кроме PHP) есть свои ветки, которые могут включать в себя ещё много подпунктов, которые следует изучить, чтобы в совершенстве овладеть каждой технологией.

Как вы уже поняли, познать все эти вещи очень непросто. Это потребует от вас усидчивости, целеустремлённости и огромного желания изучать их. Но если вы хотите стать настоящим веб-мастером, то другого выхода у вас просто нет!

Ну что, вы всё ещё желаете стать верстальщиком? Подумайте, я подожду вас, правда:)

Английский язык

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

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

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

Ну и, конечно же, не стоит забывать, что все спецификации по технологиям написаны именно на английском языке.

Что читать?

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

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

Стандарты веб-технологий

Как говорят умные и матёрые дядьки: «Лучшая литература — это спецификация». И я лично с ними полностью согласен. Спецификация — это последняя инстанция и главный авторитет, который описывает поведение и логику всех свойств, методов или элементов в зависимости от технологии. Можно сказать, что спецификация — это закон, которому должны следовать все браузеры без исключения. Если поведение описано в спецификации, каким бы странным оно ни казалось — то это фича, а не баг (и у этой фичи наверняка есть своя логика), а если в спецификации написано одно, а в браузерах получается другое — значит, косяк именно в браузерах, и нужно штурмовать их разработчиков баг-репортами.

Книги

Несмотря на то, что книгам я отдал вторую по важности позицию, это отнюдь не означает, что им можно предпочесть спецификации и только. Напротив, я считаю, что книги являются отличным и, главное, очень важным дополнением к первым. Из книг можно многое взять и почерпнуть. По книгам можно легко изучать технологии, смотреть на то, как их авторы (а среди них часто встречаются и великие гуру) объясняют на примерах и раскладывают по полочкам даже самые сложные задачи и механизмы. Конечно же, полезность той или иной книги зависит от качества её материала и содержания, но если вы выбираете правильные книги, то не сомневайтесь, что они принесут вам только пользу! 

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

"Какие книги посоветуете?"

Мне задавали этот вопрос настолько часто, что я даже решил придумать свой алгоритм выбора хороших книг. Со временем любая книга теряет свою актуальность (хотя бывают и исключения), поэтому приходится советовать что-то новое. Но, так как за последними новинками я не поспеваю, то и советчик из меня, мягко говоря, никакой. Поэтому представим, что нам нужна актуальная книжка по CSS, и последуем моему алгоритму:

  • Заходим на ozon.ru.
  • Вбиваем в поиске «CSS3», жмём кнопку «Найти» и попадаем в книжный раздел по CSS3.
  • В горизонтальном списке ссылок нажимаем «по новинкам».
  • Идём сверху вниз, отсеивая книги по другим технологиям (да, такие попадаются), открываем и читаем информацию и комментарии по каждой книге. А также советуемся со старшими товарищами (можно даже на форумах), забрасываем понравившуюся литературу в корзину, чтобы в дальнейшем сделать заказ.      

Стоит заметить, что ozon.ru я выбрал ради примера. Само собой, вы можете выбрать любой хороший магазин на ваш взгляд. Главное — учесть мой простой алгоритм.

В случае, если вы всё-таки взяли себя в руки и выучили английский язык, то вашему взору откроются и другие вкусные местечки в интернете. Например, такие как amazon.com и другие популярные интернет-магазины. Надеюсь, вы еще не забыли, насколько долго можно ожидать перевод той или иной книги ;-)

Сайты и блоги

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

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

От себя же, пожалуй, посоветую некоторые из качественных веб-сайтов по нашим любимым технологиям:

Из русскоязычных сайтов — htmlbook.ruweb-standards.ruhabrahabr.ru, ну и, конечно же, не рекламы ради, а пользы для — css-live.ru:)

Практика

Как говорил когда-то мой учитель по шахматам: «Максим, запомни! Должно быть 30% теории и 70% практики». Вот и вёрстка требует примерно такого же соотношения. Я считаю, что время, потраченное на изучение вёрстки, должно быть распределено в примерном соотношении 20-30/70-80%, где 20-30% времени должна занимать теория, а 70-80% — практика. Заметьте, что практике я отдал намного больше времени, чем теории, потому как именно практика может закрепить все полученные знания и опыт. Правильная практика является отличной тренировкой, набиванием шишек и получением уроков жизни, благодаря которым уровень ваших знаний и умений, несомненно, будет расти.

Давайте же более подробно разберёмся, что представляет собой полезная практика, и какие пункты в неё входят.

Работа: фриланс или офис?

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

Фриланс, в отличие от офиса, имеет свои плюсы, которые, в целом, сводятся к свободе в распоряжении своим временем и отсутствию постоянного контроля начальства над головой. Тем не менее, в этом кроется и свой дьявол. Например, у фрилансера могут развиться плохие качества, которые будут мешать ему в дальнейшем обучении. Из-за отсутствия чёткого графика работы трудолюбие может перерасти в лень, как произошло с вашим покорным слугой (здесь стесняющийся смайлик). Или же, например, работа на фрилансе может превратиться в конвейерную рутину, которая будет похожа на круглосуточную цепочку: взял-сверстал-отдал, взял-сверстал-отдал и т.д. В последнем случае вы, возможно, даже не сможете успевать обдумывать, как сверстать тот или иной блок, поскольку вашей основной задачей будет поскорее сдать проект и тут же взять новый. Про чтение литературы я вообще молчу, так как в этом случае время на неё уже не останется. 

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

Наверное, здесь было бы логичным начать перечисление минусов работы в офисе, но я не стану этого делать. Это уже выходит за рамки статьи, а краткое обсуждение фриланса было, на мой взгляд, вполне в тему. Поэтому отдам эти вещи на откуп комментаторам, а сам с удовольствием перейду к более важным вещам.

Честно говоря, в этом пункте я хотел подчеркнуть одну очень полезную вещь, которая присутствует в работе в офисе и, к сожалению, отсуствует в работе на фрилансе. Она называется «коллективный разум», или «работа в коллективе». Человек, который работает дома — один, поэтому ему очень часто приходится полагаться на собственное мнение и опыт. Напротив, человек, работающий в коллективе, ежедневно волей-неволей участвует в коллективных дискуссиях, обсуждениях вёрстки, каких-то моментов, которые касаются рабочего проекта. У такого веб-разработчика постоянно есть возможность выслушать мнение более опытных коллег, увидеть их решения, попросить совета. Всё это, безусловно, даёт положительный эффект, особенно если задачи, которые вы решаете совместно, сложны и интересны, а работа протекает среди матёрых разработчиков.

Но, опять же, не стоит волноваться и делать выбор в пользу офиса. Не вздумайте! Наоборот, делайте правильные выводы из вышеописанных слов. Коллективный разум — это очень полезно, и всегда нужно стараться делиться и обсуждать свои решения с коллегами, и желательно с теми, которые опытнее вас на две головы. Даже если вы фрилансер, и у вас за соседним столом нет того, с кем можно было бы поделиться — не отчаивайтесь. Выход есть всегда, и одним из таких выходов является наш следующий пункт.

Форумы

Форумы — это одно из тех мест, где можно совмещать много полезных вещей. На них можно найти братьев по разуму, опытных коллег и, возможно, даже друзей. На форумах можно задавать необходимые вопросы, решать трудные для вас задачи (как свои, так и чужие). Самое главное — всё это можно делать не в одиночку, а вместе с большим коллективом. Разве это не то, о чём мы мечтали?  Но как использовать эти возможности эффективно? Пожалуй, стоит поделиться своей небольшой историей.

Несколько лет назад я, совсем зелёный, стал часто захаживать на один из форумов. Речь идёт как раз о том форуме, о котором я упоминал в начале статьи. Какова была моя радость, когда я понял, что попал в то место, где меня окружают люди! Не просто люди, а опытнейшие собратья, которые опытнее меня в тысячи раз. После этого я понял, что моему одиночеству пришёл конец.

В итоге, я поселился на форуме, и можно смело сказать, что он стал моим вторым домом. Я прекрасно помню, как задавал глупые вопросы (да и сейчас не стесняюсь этого делать), помню, как старался не пропустить ни одной новой темы, чтобы поучаствовать в ней, и сам старался помогать по мере возможности. Больше всего на форуме я любил набрасываться с коллегами на какой-нибудь интересный и сложный вопрос и дружно искать пути его решения. Таким образом, день за днем я узнавал для себя кучу новых и полезных решений. И поверьте, этот бесконечный цикл является отличной практикой!

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

Выставление своих работ на обсуждение

Ещё один важный совет из моей собственной практики, которым я хотел бы поделиться — выставление своих работ на всеобщий «суд». Например, на те же форумы. В качестве «подсудимого» может выступать всё, что угодно, будь то собственное решение какой-нибудь интересной задачи или даже вёрстка бесплатного макета. Смысл заключается в том, чтобы услышать о своей работе как можно больше полезных мнений и конструктивной критики.

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

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

Когда я брал очередной макет в руки, я старался поставить перед собой очень высокую планку в виде разных сложностей, которые сам для себя и придумывал. Например, я всегда считал, что макет с резиновой шириной верстать сложнее, поэтому часто верстал фиксированные макеты, как резиновые, даже если явно видел, что «резиной» там и не пахло. То же самое касалось и других вещей, типа вёрстки различных блоков и т.д. Даже браузеры я выбирал так, чтобы было сложно. Поэтому IE6+ для меня хоть и было страшным мучением, но оказалось очень полезной школой!

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

Дело в том, что моей целью было собрать как можно больше конструктивной критики, пинков, подзатыльников и всяческих мнений, касающихся моей ужасной вёрстки. Далее я канючил, выспрашивал у «судей» все интересующие и волнующие меня вопросы, и с огромным мешком замечаний отправлялся домой. Там я уже мог обдумать каждый совет в отдельности и сделать соответствующие выводы.

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

Из всего этого можно сделать выводы о том, что было бы очень полезно ставить перед собой очень трудные задачи, стараться решить их, а после этого не стесняться показывать свои творения народу, выставляя работы на обсуждение. Мой опыт доказал мне, что это очень эффективный способ стать сильнее и повысить качество своей вёрстки. 

Эксперименты

В конце 2011 года мне довелось попасть на встречу WebStandardsDays, где свой доклад под названием «Бесчеловечные эксперименты над CSS» читал выдающийся веб-разработчик Роман Комаров. В этом докладе речь шла, собственно, об экспериментах и их пользе. Идея Ромы мне показалось настолько интересной и толковой, что я решил выделить для неё отдельный пункт. Более того, она тесно переплеталась с тем, к чему я когда-то пришёл сам.

Попробую кратко донести суть его рассказа и добавлю немного своих мыслей.

Как правило, на основной работе у нас нет времени на исследования. Там перед нами стоят чёткие задачи, а время на их решение, к сожалению, ограничено. Поэтому на работе мы стараемся решать  задачи уже проторенными путями, т.е. способами, в которых мы уверены на 100%. Например, если нам необходимо сверстать блок, который мы уже верстали на прошлом проекте, то мы, не задумываясь, копируем код этого блока и вставляем в текущую работу. Тем самым, с одной стороны мы решаем нашу проектную задачу, но с другой — лишаем себя возможности получить новые знания и опыт. В итоге выходит, что мы просто стоим на месте. Для того, чтобы такого не происходило, нужны эксперименты, о которых рассказывал Рома.

Если мы не можем экспериментировать на работе, то где мы можем это делать? Правильно — дома, после работы.

Как правильно экспериментировать?

Я лично любил делать так. Открывал хорошую книжку или какой-нибудь известный сайт по веб-разработке, высматривал всякие примеры, трюки, уроки по CSS, читал условие задачи и приступал к её решению. Т.е. пытался решить задачу сам, не подглядывая в рабочий код. Причём моей целью было не просто отгадать уже существующее решение, а постараться найти своё, более простое и правильное, и желательно не одно.

Почему это эффективно сказывается на опыте?

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

Вывод из всего этого напрашивается сам собой — обязательно находите время для экспериментов. Это очень полезное и, однозначно, эффективное занятие.

Видео

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

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

У web-standards.ru есть собственный канал, где они выкладывают различные видео со своих докладов WebStandardsDays. Там собрано уже более 50-и видео файлов и их количество постоянно растёт.

Всеми известный Яндекс часто устраивает мероприятие Я.Субботник, где тоже проводится много докладов и записываются видео со встреч. Вы можете пройти по этой ссылке и насладиться ими.

Российские интернет-технологии (РИТ) тоже славятся своими звёздными докладчиками и полезными встречами. Их видео можно найти на вышеупомянутом канале web-standards.ru, а также есть возможность смотреть онлайн-трансляции их конференций.

Смело можно занести в свой список и конференции HTML5 Camp, где проходит множество очень интересных докладов о HTML5 и его будущем. Их видео вы можете поглядеть на их сайте, если пройдёте по этой ссылке

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

Доклады, мероприятия, конференции, сходки

Смотреть видео со звёздами веб-разработки, да ещё и не выходя из дома — это очень здорово! Но разве вам не хотелось бы увидеть их вживую и пообщаться с ними лично?  Мне бы очень этого хотелось! Почему? Попробую объяснить.

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

И если, например, в вашем городе ничего не намечается, а ехать куда-то далеко вам не хочется — ничего страшного. Даже в этом случае есть прекрасный выход. Мои коллеги с форума периодически проводят в своих городах сходки, мероприятия, где они собираются дружной компанией, сами готовят и делают доклады, обсуждают их и делятся своими навыками друг с другом. Причём, с каждой такой сходкой количество людей на них увеличивается, что, безусловно, говорит о пользе таких встреч.

Обычный редактор — в качестве HTML-редактора

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

Возможно, некоторые уже догадались, что я планирую предложить. Это видно из названия пункта. Суть в том, что в качестве начального HTML-редактора я рекомендую самый простой редактор. Да, вы не ослышались, я имел ввиду обычный редактор, без новомодных наворотов, в котором нет ни подсветки кода, ни нумерации строк, короче вообще ничего. Вся прелесть такого редактора в том, что он даёт нам полный контроль над кодом.

Конечно, у вас могут возникнуть вопросы: «Зачем такие трудности? На свете такое множество HTML-редакторов, которые могут облегчить нам жизнь, а ты советуешь нам какую-то фигню!».

Но не стоит паниковать. Я даю такой совет не ради того, чтобы поиздеваться над кем-то, а, наоборот, чтобы начинающий верстальщик воспользовался им, как одним из способов стать сильнее. Ведь если вы ещё не забыли, то в этой статье мы готовим настоящего бойца мастера.

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

Со временем скорость печати будет расти вместе со знаниями. Позже, переходя на современный редактор, вы ощутите весь кайф от предыдущих мук и поймёте, насколько оказывается полезен простенький редактор  на начальном этапе.

Наставник

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

Честно признаться, веб-разработка всегда была для меня очень трудным для понимания занятием. У меня нет должного образования, и я никогда не дружил с математикой и другими нужными в «этом мире» науками. Поэтому, будучи новичком, я почти сразу пришёл к тому, что мне просто необходим веб-сенсей.

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

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

Наши занятия приносили свои плоды. Ибо с каждой выполненной задачей я двигался вперёд, причём немалыми шагами. Конечно же, я старался выполнять всё как можно качественнее, но, несмотря на это, я и сейчас точно уверен, что мой рост от этих занятий являлся нашей общей заслугой. Ведь мой учитель постепенно передавал мне свои навыки, опыт и знания, которыми обладал сам, а я впитывал их, как губка. 

Безусловно, польза от наставника вполне очевидна. Но где найти такого гуру-альтруиста, который возьмёт вас в свои подопечные и будет тратить на вас своё драгоценное время? Возможно, мне просто повезло, и я оказался в нужном месте, в нужный час. Но, на мой взгляд, отчаиваться не стоит. Нужно просто пытаться, как когда-то делал ваш покорный слуга. Если люди будут видеть ваше старание и целеустремлённость — незамеченными вы не останетесь!

Заключение

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

Я безумно рад, что наконец-то смог развёрнуто описать всё то, что мне не удавалось за долгое время. Но, несмотря на это, очень надеюсь, что в комментариях вы поведаете мне и читателям и свои полезные советы. С радостью приму любую критику и замечания. Ведь всё-таки я мечтаю стать настоящим «веб-мастером»;)

Благодарности

Хочу поблагодарить моих коллег Илью Стрельцына (SelenIT) и Рашида Берёзкина (Great Rash) за помощь в написании этой статьи. 

А также выражаю отдельную благодарность Александру Старцеву (hypnocolor) за иллюстрированное оформление статьи и корректировку моего великого и могучего русского языка.

 

P.S. Это тоже может быть интересно:

268 Комментарии

  1. А вот Инглишь я бы все равно на первое место поставил… Исходя из личного опыта…
    Года два топтался на месте читая русские туториалы и смотря видеоуроки наших "гуру", залез в буржунет и офигел… Теперь читаю почти только "ИХ" блоги…

    1. Марина

      А что за буржунет? Можно ссылку, пожалуйста?

      1. Олег

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

  2. S-senj

    Статья полезная. Автору огромное спасибо! :)
    P.S.: с простейшим html-редактором соглашусь ) так же учился в обычном блокноте, потом в notepad++, а затем только перешел на более специализированные программы

    1. Александр

      Я тоже начинал с блокнота, но перешел к "специальному" редактору, только когда познакомился с Sublime Text 2 и это лучший редактор из тех что я встречал, ради этого редактора я начал изучать python, чтобы уметь писать плагины и сниппеты к нему, а там и php подоспел (но больше благодаря AlfredApp), потом Zen Coding, в общем понеслось…

    2. Сергей

      Согласен. А кто же все-таки автор?
       

  3. Павел

    Отличная статья! спасибо :)

    1. Альберт

      да ладно? ))

  4. mors

    Да, отлично написал, из своего опыта и многих других — есть, что взять и над чем подумать. Спасибо!

  5. Francesco

    You write so hneostly about this. Thanks for sharing!

  6. Андрей

    У меня вопрос такой, можно сказать идеологический. Стоит ли с самого начала изучения проникнуться спецификациями и стандартами или главное начать, например, верстать а валидацией проникнусь потом? Или лучше сразу валидация, а потом верстка?

    1. psywalker (Автор записи)

      Если есть возможность, знания инглиша, то лучше сразу начать читать западную литературу и спецификации. А тренироваться верстать параллельно. Что касается валидации.

    2. Полина

      У меня тоже проблемы с английским, но на начальных этапах изучения верстки информацию о валидности кода можно почерпнуть и из русскоязычных источников. Например, на том же http://htmlbook.ru указывается спецификация для каждого тега и атрибута. Также для того, чтобы использовать в своей работе данные из таблиц на сайте http://www.w3.org/  глубокого знания английского не требуется. Имхо, нельзя сначала писать "просто код", а потом уже "глубоко вникнуть в спецификацию" и переучиваться. В то же время, если на начальных этапах тратить слишком много усилий на чтение скучных и сложных спецификаций, то потом уже никакая верстка тебя не обрадует.
      P.S. Не подумайте, что я против изучения английкого! Сама его сейчас штудирую…

  7. Алекс

    Я на форуме не нашёл ветки где можно попросится в ученики. Ну в общем буду рад любой помощи.

    1. psywalker (Автор записи)

      А такой нацеленной ветки на форуме не существует. Я написал пост в разделе "Коммерческие услуги" :)

  8. fuzz

    Странно,  что там на западе нет верстальщиков и технологов. Там ты или девелопер или веб-дизайнер.

    1. chiffenok

      мне так кажется наоборот , странно что у нас это есть, хотя что тут странного россия всегда в чем то до отличается)

  9. Valentina

    Спасибо, хорошая статья. Только единственное что не могу ни как понять, какой смысл сейчас изучать css3, если ни один браузер не поддерживает его полностью. Может вы знаете, когда решится этот вопрос?

    1. psywalker (Автор записи)

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

  10. Nick

    Требуеться наставник! Прошу откликнуться

  11. Videotutor

    Пост и картинка в тему: ВЕБ мастера – кто они?

    1. psywalker (Автор записи)

      Ссори, но по ссылке ошибка:(

      1. VideoTutor

        У автора этого блога стоит скрытие ссылок в комментах. Можно прейти вручную на ашттп://_videotutor.ru/veb-mastera-kto-oni/

  12. Алекс

    Эх очень познавательная статья….. спасибо автору. 
    И я бы тоже пошёл бы к кому-нибудь в ученики
    Выполнял бы всё, что требуется 

  13. Vlad

    Спасибо за статью, очень познавательно и просто интересно было читать. Если можно, посоветуйте с чего начать с английским?  

    1. psywalker (Автор записи)

      Я бы вам посоветовал вот этот учебник. Отличная вещь. В нём есть все времена, темы и прочее по инглишу. Читаете урок и сразу же делаете упражнения по нему. + обязательно пополняйте словарный запас. Для того чтобы встать немного на ноги, должно хватить.

      1. Vlad

        Спасибо, буду дерзать.

        1. kiryl

          Еще хорошая вещь Effortless English System , доступно на торрентах. Для развития речи незаменимо.

      2. Кэп

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

      3. Валентина

        Ссылка на учебник нерабочая. Будьте добры, напишите его название.
        А статья у Вас получилась потрясающая! Мне очень понравилась. Читается легко и интересно.

        1. psywalker (Автор записи)

          Валентина, странно, у меня ссылка рабочая, но нет проблем, вот нужная информация о книге.

          Название «English Grammar in Use with Answers»

          Автор: Raymond Murphy

          Языки: Английский

          Издательство: Cambridge University Press

          ISBN 978-0-521-53289-1; 2010 г.

    2. Евгений

      Если нужен граммотный английский то только Советский учебник английского языка Бонк Н.А.

  14. Newbie

    Огромное Вам спасибо за статью. Я с недавних пор начал изучать HTML5 и рад что наткнулся на эти слова поддержки, мотивации и просветления. Теперь то я буду знать к чему стремиться и как это сделать более эффективней.
    Еще раз спасибо))

  15. bushman

    Спасибо, очень вдохновляющая статья, помогает увереней двигаться вперед!

  16. Дмитрий

    Во первых определитесь о ком идет речь, о верстальщике HTML и его пути или о веб-мастере.
    Во вторых верстальщик HTML -это верстальщик HTML, веб-мастер — это веб-мастер, не надо путать понятия!
    И в третьих я исключительно не согласен что  верстальщик должен знать: 

    JavaScript ;
    JS-фреймворки (в первую очередь jQuery); 

    верстальщик HTML -это верстальщик HTML.

    1. psywalker (Автор записи)

      Во-первых, речь идёт о советах, которые могут помочь обычному верстальщику стать мастером своего дела. Вначале я лишь затронул долю знаний обычного верстальщика, которому необязательно читать все дальнейшие советы. Но если всё-таки этот "обычный верстальщик" захочет добиться чего-то большего, то все советы как раз ему понадобятся в этом нелёгком деле.

      Во-вторых, все новые технологии (тот же HTML5, кстати) уже временами тесно связаны с JavаSctipt. Например, те же Audio, Video, Canvas и даже API форм и т.д. требуют знания JavaScript для работы с ними. Имхо, если вы всё-таки собрались серьёзно обосноваться в этом веб-мире, то JavaScript вам необходим.

      1. Дмитрий

        Тогда, логично было бы назвать статью "Путь веб-мастера" ведь про веб-мастера, а не про обычного верстальщика идёт речь в статье, верно?

        1. psywalker (Автор записи)

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

          1. Solli

            Тогда более корректно говорить про backend разработку. 

            1. Solli

              Тогда более корректно говорить про backend разработку. 
              Поправка — конечно же фронт энд

              1. psywalker (Автор записи)

                Нет, Front-end — это тоже неоднозначная вещь. Когда-то я сам задавался этим вопросом и вот результат:)

                1. Wizard

                  Полностью согласен с Solli. Front-end разработка была бы более уместна в данном случае, так как именно Front-end разработчики сейчас занимаются HTML 4.01, HTML 5, CSS 2.1, CSS 3, JavaScript, jQuery, и возможно другими фреймворки типа dojo или MooTools и им подобным. HTML — верстальщики в свою очередь за частую тольком даже не умеют работать с jQuery. ИМХО.

                  1. psywalker (Автор записи)

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

    2. Тимур Чехин

      Дмитрий, полностью с вами согласен.

      Верстальщик должен знать HTML и CSS в современной, так сказать, редакции. JQuery (JS) — это уже программирование, и к вёрстке оно вообще никакого отношения не имеет.

      Автор, в вашем понятии веб-мастер — разнорабочий. Вот к примеру, вы говорите про PHP. Я вообще не вижу смысла в PHP без MySQL. А это уже чистой воды веб-программист.

  17. Вася

    Автор почему-то постеснялся написать, что книги можно находить и на торрентах. Неужели свободу информации не признает? Скоро копиразм совсем захавает мозги людям. Воровать — нехорошо. А вот самообразовываться — это уже другое. Это как в Африке отказать детям в обучении потому, что они не имеют денег на учебники. В стране полно людей, особенно за Уралом, у которых нет возможности тратить лишние деньги.

    1. psywalker (Автор записи)

      Цель автора была донести начинающим коллегам, что книжки нужно читать полезные и актуальные. А где их брать, это уже дело другое. Поэтому ваша предъява неуместна;)

      1. Вася

        Даже на хабре не "брезгуют" такое писать, так как, внезапно(!), многие начинающие вообще не знают, что торренты существуют и являются кладезем знаний (а не только порнографии).
        Ну да ладно…Теперь по существу, так сказать.
        Не увидел в статье слово "гугл" и упоминания сайта stackoverflow. Для начинающих эти две вещи стоит указать, впрочем, не только для начинающих. Весь интернет завален дурацкими вопросами именно потому, что люди, пишушие статьи, считают, будто умение правильно писать в поиске запросы приходит с рождением, и не пишут об этом ни слова.
        Насчет необходимости владения CSS-фреймворками любому веб-мастеру я бы поспорил. Изучить, как сделаны, — безусловно. Но использовать их получается, только когда нет четкого макета, а есть заказ вида "сверстай мне как-то побыстрее" или что-то похожее. Не каждый веб-мастер берет такие заказы — они постепенно приводят к деградации, так как превращают работу в рутину. Обычно у веб-мастера есть набор заготовок (модулей блоков) и исходный шаблон, в котором есть шапка, главная часть и подвал. Это куда гибче и удобнее.
        "Кроме того, веб-мастер обязан уметь работать с различными популярными CMS" — плавно перешли от верстальщика (точнее, фронтенд-разработчика) к бэкенду. Неправильно это. Не "обязан", а "неплохо бы" в том смысле, что умение, например, готовить еду тоже было бы полезно. Этих популярных CMS куча. Надо использовать не все подряд популярные, а те, которые не требуют верстки под них. Такие как модикс, друпал, например. Для прочих же "кнопочных популярных" существуют армии школьников, натягивающих верстку. Ради бога, каждому свое, но тратить время на эту ересь в ущерб саморазвитию — дело, мягко говоря, сомнительное для уважающего себя фронтендера.
        Кстати, насчет рутины: именно это является самой частой причиной фейла веб-мастера как фрилансера. Скука заедает, становится лень прогрессировать, и начинает требоваться надсмотрщик и поводырь. Тут уж все зависит от характера и воли. Надо всегда стремиться браться за сложную и интересную работу, а не клепать по 10 сайтов в неделю за 1000р за штуку, образно выражаясь.
        P.S. Вообще, статья и так и так одна из лучших в своем роде (по крайней мере, из тех, что я встречал), так что к моим замечаниям вполне можно относиться философски :)

        1. psywalker (Автор записи)

          Кстати, на счёт "гугла" и stackoverflow есть тоже полезная статейка. Советую её тоже почитать в качестве дополнения:)

          1. Вася

            Все-то у вас есть. Благодарю за ссылку. Нет, серьезно, — прямо телепатия какая-то — я только написал, чего, по моему мнению, не хватает, а тут оказывается, что такая статья имеется. Вижу, почему я ее в поиске раньше не встречал — не так давно появилась на свет.

            1. psywalker (Автор записи)

              Рады были помочь. Читайте на здоровье:)

  18. Ирина

     
    Добрый день! Не могли бы Вы ответить на мой вопрос: за сколько времени я могла бы хоть немножко научиться верстать (я прочла только "учебник" по HTML и CSS)? А то мне надо решить: остаться на работе с небольшой зарплатой, но возможностью часок-другой посвятить самообразованию (ну и вечером, конечно) или искать работу с большей зарплатой, но с полной занятостью (если нет шансов стать верстальщиком, а мне очень интересно этим заниматься). Заранее спасибо!

    1. psywalker (Автор записи)

      Здравствуйте, Ирина! Всё зависит от человека, его возможностей, желания и упорства. Если у вас всё это в достатке, то засев конкретно за это дело, через полгодика уже сможете начать верстать потихоньку.

  19. Ирина

    Спасибо за ответ! Я стараюсь, жалко, что нет очных курсов по этой профессии. (по крайней мере, у нас в Томске я их не нашла).

    1. psywalker (Автор записи)

      Да ничего страшного. Вёрстка — это такое дело, что здесь и курсы никакие не нужны. Все самоучки практически:) Всё зависит от вашего желания и стараний:)

  20. Анна

    Привет. статья просто замечательная! Со школьных времен полюбила математику, и даже после экзамена, в котором я сразу пошла по неверному пути и у меня случился "столбняк" по решению и на экзамене я ее так и не смогла решить, я не могла спокойно засыпать, и каждую ночь перед сном делала чертеж "в голове", и пытаясь решить, эта задача меня, мучала в буквальном смысл:да как это?, я, да не могу решить задачу?в итоге, спустя несколько дней, в очередную из ночей я ее РЕШИЛА! это меня настолько взбудоражило,что хотелось петь и танцевать. я просто была счастлива. Недавно, изучив html начала параллельно изучать css и php. и прочие основы веб дизайна.
    и что я заметила? мне нравиться только УЧИТЬСЯ! может нет какого либо толчка чтоб заниматься практикой, но у меня наоборот 80%теории и 20% практики, прочитав статью, мне, скажу честно, стало немножко завидно, потому что у тебя был учитлель, наверняка и сейчас, есть с кем советоваться. по своему опыту знаю, что мало кто хочет заниматься и даже просто обьяснять что либо на форумах, не говоря уже о постановлении какой либо задачи.
    Хотелось бы найти учителя, который смог бы "дать" практику!
    а читать я люблю безумно!

  21. nimizida

    кто же вас содержал это всё время, когда вы учили и познавали? любящая жена?  вы так много учили и познавали..  на какие шиши? вы жили годы? )))   

    1. nimizida

      Я делаю то, что хотят клиенты. Всегда. Если даже не знаю как делать) я научусь, не тупее друих..
      ваше представление идеально — для меня это идеал моей работы)) но не сбивайте молодёжь)) они будут плыть долго-долго…

  22. Вадим Чагодов

    Часто в Сетке, особенно на сайтах "помойках" типа gidepark, subscribe, grabr пишут о себе блогеры, "…являюсь "Вэб-мастером"". Знаете, если обратится к ним то ничего и близко с их опытом деятельностью и не связано с "Вэб-мастер", просто бытовуха такова, что, если ты купил курс человека "N" то создав вэб-сайт, ссори, даже не создав, а запустив готовый движок по инструкции, они считают себя "Вэб-мастерами". Или второе, "Вэб-мастер" по тому, что пишу статьи и являюсь сеошником и блогером. Снова ссори, какой ты нафиг "Вэб-мастер" ??? "Ты" либо райтер, рерайтер, копирайтер то есть лансероид, либо просто статьё-писака. Автор извини, но как-то неохотно и не комфортно, что занимая ряды "Вэб-мастеров", к тому же ряду себя причисляют бложегончики, которые по инструкции отрисовали, содрав где-то обложку на движёк, таксебесайт. Ну не косой взгляд в небо из-под лобъя на счастье "блондинок"…
    Thank You Very Much!

    1. art

      Вадим, я тебя прекрасно понимаю. Более того, в любой сфере есть они…они самые;))…специалисты-дилетанты-и-псевдоспециалисты и их собратья-близнецы, но в кавычках. Из твоей маленькой и далеко нескромной мысли я вижу, что ты сможешь найти различия между первыми, вторыми, другими и белыми. Суть в том, кем ты сам хочешь стать. А автор статьи…он поделился не только своим опытом, как повадырь, но и подбадривает отстающих, кому сложно идти по этой дороге….. пойми, поддержка, какой бы она ни была, порой очень……. необходима….  

    2. psywalker (Автор записи)

      Вадим Чагодов

      Кстати, если вы внимательно читали статью, то могли заметить, что её автор нигде не упоминает о себе, как о крутом мега мастере. Напротив, автор пишет, что он сам ещё молод и что стать настоящим мастером своего дела — это его цель! А советы, которые он описывает — могут всем нам в этом помочь, друзья:)

  23. Алексей

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

  24. Антон

    А в каком порядке лучше изучать языки приведённые выше?

  25. Семён

    Помню сначало писал код в блокноте, когда у меня ещё не было интернета и я не знал никаких удобных редакторов. Потом я понял какой это кайф работать в notepad++ и в dreamweaver. Cпасибо автору за статью! Было очень интересно почитать. :)

  26. Александр

    Здорово!))) Узнаю себя на этапе самообучения :)
    Всё очень хорошо описано для новичков!

  27. Виталий

    И всё же не понял с чего лучше начинать, с книг или со спацификации ?
    И хотелось бы услышать объективное мнение о литературе.
    С каких книг начинать?

    1. Виталий

      спецификации*

  28. Евгений

    Малодчина! Отличная статья! Позвольте добавить только  10-ти пальцевый слепой набор как кириллицы так и латиницы, в быстрой работе просто не заменим. Соло на клавиатуре дает свой результат рекомендую.

  29. Сергей

    Я бы тоже поучился у какого-нибудь веб-мастера, чтобы научиться верстке. Не подскажите к кому можно обратиться? Первоначальные знания есть)

  30. Геннадий

    Чтобы научиться — нужно делать. Ставите перед собой задачу — например, для начала создать личный сайт на простом бесплатном движке, на вордпрессе или на джумле. Читаете руководство и пошагово делаете. Что не понимаете, кидаете запрос в инет, ответы есть практически на все. То есть я глубоко убежден, что научиться можно только пытаясь решить конкретные задачи, которые ставит перед тобой заказчик или ты сам. А паралельно можно изучать теорию, если это необходимо. Но чаще всего это нужно только для решения нетривиальных задач. А для простых движков достаточно знания HTML. Станете ли вы вебмастером — я не знаю, но сайты будете делать не хуже их, если захотите.

  31. Junior

    Спасибо за статью! Интересная и полезная. 
    А у меня вопросы к гуру, профи и просто верстальщикам: 1. реально ли за месяц на фрилансе стать вестальщиком, зарабатывающим 500$ в месяц? 2. А через полгода стать неплохим веб-мастером, чего-то стоящим? Если примерно 8-10 часов в день посвещать данной професии, и если есть основа css, html, английский для чтения, знание азов javascript, php, нет достаточной практики.
    Я понимаю, что все зависит от конкретного человека, его способностей, желания и упорства. Но мне интересно именно ваше мнение, поделитесь, плиз.

    1. Галина

      У вас должно быть сверстано хотя бы 10 сайтов (для портфолио) — нет реальных заказов — верстайте что-то левое. А там ищите работодателя, размещайте резюме. Может случиться так, что вам дадут сайт на "попробовать" — если не справитесь, не уложитесь в сроках, то уж сами виноваты. Для 500$ в месяц — нужно сверстать ~25 страниц (в зависимости от региона и страны свои цены 10-50$ за страницу обычно) — вот и считайте уложитесь в месяц или нет. Так что верстайте, складывайте работы — будет, что показывать + опыт как-никак.

  32. Вэлл

    Хочу сказать спасибо за интересную и… вдохновляющую на еще большие труды и ученья статью!)) Вы правы, главное не стоять на месте и уметь всегда придать себе ускорение (даже пинком :)), когда вдруг начинаешь останавливаться.

  33. Madrabbit

    У меня вопрос новичка. На каких "кошах", то есть макета тренироваться делать первый(ые) свои сайты? Если у меня нет собственных макетов и идей, какой первый сайт сверстать? 

  34. Gibz

    Madrabbit, Советую смотреть псд. Хорошая практика. Или же заходишь на какой-нибудь сайт бесплатных шаблонов, выбираешь шаблон по вкусу и вперед :)

  35. jack.anderson

    Спасибо! Одна из интереснейших статей в Рунете.

  36. jack.anderson

    Сейчас верстаю свой сайт в стиле модифицированного MS-DOS. Позже дам ссылку. Всех желающих покритиковать, милости прошу! Критику просьба направлять по электронной почте es2012d@gmail.com

  37. el.cujo

    Спасибо за статью!

    Предхистори:

    Мне 28, сам PR-менеджер, в нормальных конторах работал и как-то устроился в еще более "нормальную" (тогда мне было 24 года) и меня попросили взглянуть на сайт и попробовать его изменить (!), типа остались инструкции по добавлению новостей на сайт. Я вообще никогда не работал с сайтами, даже новости через CMS не вывешивал, полнейший 0, а инструкции оказались такими, что необходимо было лезть на хостинг и в файловом менеджере копировать части кода и редактировать в них текст да ссылки.

    Задолго до этого… В свое время я поступил в РУДН на физ.-мат., на бюджет (забавно — был последним в списке зачисленных). Моя "классная" говорила, что есть склонность, т.к. по ее просьбе я скромно выводил функции и теоремы на несколько уроков, ничего не делая в школе и дома; писал забавные мини-игры — мультфильмы на Macintosh lc 475 (не впомню что за редактор). Ветер в голове и "неопределенность" сделали свое дело и я не стал учиться — 8 часов математики в день (с домашними заданиями) было для меня перебор и я пошел служить в армию… тогда я не знал перспектив, не знал, что сейчас я мог бы быть состоявшимся программистом на "пенсии" — типа руководителя проектов или просто владельца какой-либо интеллектуальной собственности!). 

    Вернемся к работе в компании. Армия диградирует могз, если не заниматься, после нее еще несколько лет, а я вот взял и подумал — пусть мне и 24, но с кодом разберусь и не только новые новости добавлю, но сайт переделаю, он был ужасен. Со временем смог редактировать и html и css, помогал интернет. Конечно же, я говорю о примитивном, практически бездумном всталении новых <tr>; li; a:hover и всего, что мог найти и считал что если чуть глючит по кабаритам шапки в IE7, то это нормально, ведь это IE.

    Сюда зашел вот почему — выдача Яндекса на запрос типа "не поздно ли стать веб-программистом? У меня хостинг куплен, ковыряюсь там с CMS, начал изучать PHP (пару дней). Дел ясное — позднова то  я спохватился, но чего не отнять, так это желания — хотя бы для себя научится. Создать надежный кроссбраузерный сайт-визитку-блог для своей девушки-парикмахера, для салона красоты может понадобится. Да и в компаниях, что я работаю, часто приходится имень дело как минимум с CMS (да, вот такой вот PR) и самому приятно удивить работодателя, когда ты ему и цвета в сайте поменяешь и с шириной блоков поможешь, встроешь карту, менюшку сделаешь из слайдера, зарегистрируешь сайт н поисковиках, встроешь счетчики, "подпишешь" страницы-заголовки-фотографии и т.п., правда — финансово никто не поощрял, ну да ладно, мне нравилось заморачиваться и это приносило плоды вработе сайта.

    Дело вот в чем. Любому понятно,что знания мои скудны, но я зашел посмотреть видео "Доклад Вячеслава Олиянчука «Причеши свой код. Правила хорошего тона в CSS», прозвучавший на встрече Web Standards Days 13 декабря 2011 года в Москве" и увидел там такие эллементарные рекомендации, как строчный код CSS.

    Я не хочу выступить с критикой, мне лишь стало приятно, что есть статьи, которую комментирую и что мое желание изучить PHP, SQL, AJAX не такие уж и бредовые, т.к. даже я выл согласен с автором видео, хотя многое в кодах, что были представлены, мне непонятно… вот такой вот оптимизм.

  38. Dat

    Максим мне понравилась ваша статья. Но я нигде не увидел, через сколько лет, месяцев вы стали принимать заказы и получать оплату за работу. То есть когда для вас этот вид работы стал постоянным. Просто мне и другим, кому нужна поддержка было бы полезно знать. Я понимаю, что все это очень индивидуально, но вы человек с опытом и наверняка уже вывели для себя средние числа.

    Спасибо за труд!

  39. Zet

    Благодарю вас за грамотно-изложенный материал, который действительно мотивирует продолжать заниматься и не останавливаться ни в коем случае. Особенно понравился момент, где вы пишите: " и с огромным мешком замечаний отправлялся домой….", довольно таки знакомая ситуация по началу. Часто бывает, что именно таких статей для прочтения не хватает на просторах интернета, т.к каждый на рынке пытается занять свою нишу и мало кто из серьезных программистов горит желанием помочь начинающим верстальщикам и девелоперам. Вашу статью можно использовать как "Настольную книгу или мануал…" , который будет мотивировать и мотивировать. Перечитал статью два раза и не удивлюсь, если прочту её еще раз. Еще раз огромное спасибо за изложенный материал.

  40. Ярик

    Спасибо тебе!

  41. Николай

    Git и Ajax как отдельные вехи мастерства?  Мощно :D

  42. Ксандр

    Огромное спасибо за статью!!! Прочитал несколько раз и каждый раз как в первый… 

  43. Алена

    Спасибо автору за хорошую статью! Подскажите, пожалуйста, с чего начать изучение Html? Html? HTML5? HTML 4.01? Теряюсь, какой учебник покупать. Спасибо.

  44. Алим

    Молодец, таких статей в жизни не видел, спасибо!

  45. Юрий

    Очень полезная и интересная статья, спасибо Максим !

  46. u-b0at

    Интересная статья. Есть пару вопросов:

    I. HTML-верстальщик — это отдельная профессия или же это один из этапов развития до Web-Mastera? Автор по "верстакам" как-то пренебрежительно прошёлся, а в Москве, например, найти просто грамотного HTML-верстальщика становится большой проблемой с каждым годом.

    II. Верстальщик также должен уметь работать в графических редакторах. Fireworks, например. Автор почему-то проигнорировал этот факт — почему?

    III. Статья озоглавлена "Путь верстальщика", но не словом не обмолвился как стать этим самым обычным верстальщиком, которые так "не симпатичны" автору. С чего начинается Великий Путь в обычные "верстаки"?

    Кстати, множество работодателей в упор не видят разницы одним IT-шником и другим. Читая вакансии, порой думаешь, что HTML-верстальщик = Web-Designer = Web-Master = Контент-менеджер  

     

  47. Валерий Васильев

    Автор, спасибо за статью) Я сам всему учился, но вот этот курс z-click.ru/csspractik.htm мне очено помог. Хочу посоветовать его всем "сайтостроителям", особенно начинающим.

  48. Егор

    На данный момент утроиться верстальщиком в Москве без опыта нереально! Даже при условии наличия портфолио.

    Везде требуют Javascript.

    Фразы типа "Компания X приглашает на работу html-верстальщика с начальным уровнем знаний (Требуемый опыт работы 1-3 года)" просто убивают!

     

  49. Сергей

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

  50. Сергей

    Пользуюсь NotePad++. Он меня устраивает более чем. Также, там можно файлы отправлять сразу на сервер, что очень удобно. Ну и вообще, очень удобный редактор.
     

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.