CSS-live.ru

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

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

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

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

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

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

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

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

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

  • 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 и другие популярные интернет-магазины. Надеюсь, вы еще не забыли, насколько долго можно ожидать перевод той или иной книги ;-)

Сайты и блоги

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

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

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

Из русскоязычных сайтов — htmlforum.ioweb-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. Это тоже может быть интересно:

279 комментариев

  1. Хочу Вас познакомить с новым проектом.
    yoprofi.com
    Сервис еще не стартовал. Но уже скоро откроется, и при старте будет доступно 200 уроков css и 210 html все уроки интерактивы. Подписывайтесь на новости. Рекомендуйте своим друзьям

  2. Спасибо автору огромное, htmlacademy — очень хороший проект для начинающих, я там учился и проходил интенсив у Николая Громова и благодаря ему очень многие сумбурные знания нашли свое место. Продолжаю изучать, но с опытным наставником дело конечно шло бы в разы быстрее!
    Поэтому если терпеливый сенсей готов взять падавана, пишите. :)

  3. Я хочу прорекламировать и посоветовать для начинающих отличные видео уроки по HTML и CSS, по которым училась сама — это автор Оксана Турова, уроки можно здесь найти http://psd-html-css.ru/html/uroki-html

  4. Добрый день,

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

    Вопрос следующий: Что бы Вы посоветовали в первую очередь подтянуть? css, html, немного php знаю, в java кодах копался, исправляя различные косяки, просто никогда не занимался версткой и разработкой сайта с нуля.
    Заранее благодарен

  5. Ерунда всё это и пустая трата времени!
    Профессия верстальщика давно уже умерла. Не понимаю — зачем вы поддерживаете этот миф и вводите людей в заблуждение?
    В данный момент востребованы js-программисты, научившиеся верстать, называемые фронтенд-разработчиками и маркетологи, способные делать табличную вёрстку(вёрстка писем).
    Чистых верстальщиков с небольшими знаниями js без опыта нигде не берут!
    Исключения составляют разве что говноконторы крайне низкого уровня, где сидят жулики и наживаются на новичках и извлекают барыши из ситуации, не платя сотрудникам; играя на их сознательности, наивности.

    1. Во-первых, статья трехлетней давности, еще даже «добутстрапных» времен. Во-вторых, вопрос пока еще холиворный, и хотя тенденция к отмиранию «чистой» верстки действительно есть, остается еще «верстка/разработка интерфейсов» и немало других сфер. Ну и среди упомянутых фронтенд-разработчиков немало также и верстальщиков, освоивших программирование на JS и смежных технологиях. И без понимания верстки во фронтенде тоже непросто..:)

      1. А многое ли изменилось в бутстрапных временах? Я вот, хочу заниматься не только вёрсткой, но хочу изучить сначала вёрстку достаточно хорошо и подробно, смогу ли я на вёрстке заработать, чтоб не спешить и изучать всё спокойно?

        1. На макбук, думаю, чистой версткой сегодня заработать действительно трудно. Но без еды и интернета грамотный верстальщик (особенно умеющий подключать jquery-плагины и быстро собирать эффектные лендинги) и сегодня едва ли останется (разве что будет очень лениться). Но зацикливаться на одной верстке, имхо, действительно не стоит, можно осваивать JS параллельно, разбирать чужие примеры или попробовать поучаствовать в опенсорсном проекте (как советуют здесь)… и добро пожаловать в мир фронтенд-разработки!

    2. Профессия верстака существует до сих пор и будет ещё… короче на наш век точно хватит. Другое дело, что ещё лет 10 назад нужно было знать HTML&CSS и всё. Лет 5-6 назад прибавилось к обязательным знаниям JavaScript. Сама профессия стала называться новомодным frontend-developer. О, как!
      Но по сути, это всё тот же верстальщик. Без знаний HTML&CSS нельзя называться фронтэндом.
      Отсюда, обязательный минимум: HTML/CSS/JavaScript.
      Остальное, по желанию и по необходимости на конкретном рабочем месте.

  6. Большое спасибо за статью со структурированной и полезной информацией!

  7. Добрый день, на сегодняшний день, какие сайты вы бы добавили в список для изучения вестрки?

  8. Спасибо! Несмотря на то, что на дворе 2016, а ситуация в IT сфере меняется очень стремительно, статья в своей сути полезная. И если кто её принимает в лоб и не в состоянии подумать и спроецировать на настоящее время и себя… Ну это его проблемы. Автору и всем кто ему помог респект и крепкого здоровья!

  9. Здравия. посоветовали бы какой простой верстальщик, попадаются голову сломаешь. Благодарю

  10. Как бы все норм… Ты офигенный верстальщик и т.д. и т.п.  Я не знаю, автор этого текста и этого сайта, один ли и тот же человек, НО МЛЯ!!! Трудно было сверстать тут кнопку «НАВЕРХ»???

  11. Для начало вполне пойдет notepad++. Для того, чтобы быстро просмотреть код у меня стоит «программа по умолчанию», как раз, notepad++. Очень хороший совет: начинать писать код руками в начале обучения! Я всегда стараюсь вбивать код руками, даже если есть возможность скопировать. Это хороший навык, который помогает запомнить синтаксис языка!

  12. Статья очень тронула. Она необходима для прочтения для любого конченного дурака, который вдруг захотел стать гением. Конечно, у кого как получится. И хочется пожелать всем успехов, а автору — здоровья и большого семейного счастья!

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

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

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