Хочу верстать сайты. С чего начать?

Много кто мне задает подобные вопросы. Я хочу зарабатывать на вёрстке. С чего начать?

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

Начни с настроя!

Нельзя взять и научиться чему-то, если тебе лень. «Пойду лучше сериал посмотрю или покатаю в CS, а учиться потом начну, ну или завтра, хотя лучше после нового года» . Ага, удачи.

Пойми это. Результат будет не сразу, его вообще не будет заметно.

Ты будешь зарабатывать — боль в течении несколько месяцев, ну или год.

Пропусти это через себя. Снимите розовые очки. Многие смотрят на сына маминой подруги, который зарабатывает кучу денег на верстке и думают, что также смогут, а после 1-2 недели обучения сдаются и прекращают учиться. «Мне это не по силам» - говорят они. «Да и в школе с математикой плохо было», «к тому же я не программист»… вот их оправдания.

Скажи лучше себе: «Мне это не по силам, потому что у меня недостаточно знаний», «Я не могу зарабатывать так, как он, потому что не умею делать то, что умеет он, но я иду к этому и сделаю это!», «Гарри Поттер тоже не сразу нагнул Волана».

Это топовое окружение, эти люди решают, что могут и они это делают.

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

Он тоже как ты когда-то сидел и смотрел на «сына подруги» его матери) Да, весь этот успех и багаж знаний — это вершина айсберга, но не стоит забывать, что под водой гораздо бОльшая часть!

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

Ноооооо… Это приятная боль, каждый раз когда ты страдаешь, ты будешь чувствовать развитие.

Что необходимо знать, чтобы «верстать»?

• HTML5 — язык гиперразметки, так сказать, скелет сайта. Здесь пишутся текста, описывается структура сайта.
• CSS3 — каскадная таблица стилей. То, что отвечает за внешний вид выше упомянутого скелета, как он будет выглядеть, где будут находиться его элементы (позиционирование) и так далее.
• Умение использовать сетки, плагины.
• Основы языка JavaScript и знание основ библиотеки jQuery. В верстке отвечает за динамичность. Вызов модальных окон после нажатия кнопки, за сложную анимацию, которую трудно реализовать через css.
• Умение пользоваться как минимум одним редактором. Я использую Visual Studio Code, иногда Sublime 3 (думаю, лучший выбор для верстальщика).
• Основы работы с графическими редакторами. Графические редакторы нужны тебе для того, чтобы извлекать всю нужную информацию из макета.

• Методологию БЭМ. Можешь не использовать, но стоит освоить.
• Изучив то, что я описал выше, ты сам поймешь, что тебе нужно еще освоить, я же советую изучить препроцессоры и сборщики. (Я использую Sass + Gulp).
• Углубиться в js. Освоить один из фреймворков. Изучить основы PHP, MySql и, конечно же, CMS!) Рекомендую : MODX, Wordpress, Opencart. Изучив эти три системы управления контентом, ты быстро разберешься и в остальных.

Это все круто, да, но откуда брать мне нужную информацию?

Кратко и по делу:

• Курсы (в интернете бесчисленное множество), есть платные и бесплатные. Если нужен совет в выборе курса или литературы, можешь спросить у меня.
• Наставник, который будет направлять , давать актуальный материал для обучения, отвечать на вопросы и объяснять непонятные моменты.
• Гугл и Яндекс)
• Книги (лучше совмещать с первым вариантом, отличный микс)
• Брать заказы и обучаться по ходу) Только осторожно.

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