Почему не получается научиться верстать?

Question

[Алексей Гончаров]

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

Я все делал и практиковал обязательно. Но когда начинаю сам верстать макет который еще не верстали на ютубе, то начинаются какие то сложности. И не получается нормально сверстать, все получается криво и не качественно. Что делать?( Я огорчен тем что у меня не получается научится. Может быть так должно, что появляютcя легкие проблемы которые мне тяжело решить. Что мне делать? У меня не получается нормально научится верстать хотя бы не криво

Comments

[Sand]

Это крик души? Не расстраивайтесь, попробуйте найти ментора. Попробуйте воспроизвести макеты каких-нибудь сайтов из интернета. Практика, практика и ещё раз практика

[Антон Литвиненко]

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

[Алексей Гончаров]

Sand, какой блин ментор? Мне ментор сто лет не нужен, мне надо самому научиться. А не кидать деньги куда попало

[Алексей Гончаров]

Антон Литвиненко, 1 год учусь и что теперь делать мне? Вы не ответили на мой вопрос

[Антон Литвиненко]

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

[Алексей Гончаров]

Антон Литвиненко, да я самокритичен так же и должно быть. Потому что я должен сделать все идеально

[Strannyk]

Книжки читать пробовали?
Осторожно, они тоже денег стоят.

[Алексей Гончаров]

Strannyk, конечно читал книжки большие.

[Валентин]

Почему не получается научиться верстать?

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

[Вова Дружаев]

Оффтоп - вы в школе 10 лет русский язык учили и грамматику - и так не научились. Задумайтесь

[Алексей Гончаров]

Владимир Дружаев, интересно а это причем здесь. Я русский не знаю? Я что не правильно написал? К чему это?

[Алексей Гончаров]

Валентин, то что смотрю уроки читаю статьи это значит не учусь?

[Николай Миронов]

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

[Антон Литвиненко]

А спрошу пожалуй еще. там ниже вы гдето написали что это ради денег. даже хорошим верстальщиком со средним знанием js особо не заработаешь. Как у вас с javascript в целом и интересом к фреймворкам?

[Валентин]

Алексей Гончаров,

то что смотрю уроки читаю статьи это значит не учусь?

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

[Алексей Гончаров]

Антон Литвиненко, есть чуть чуть интерес или вообще нету тяжело понять

[Антон Литвиненко]

Алексей Гончаров, я к тому, что просто версталой с джеес на уровне для верстки потолок по зп это баксов 500. это хорошим версталой.

[Алексей Гончаров]

Антон Литвиненко, если нужно программировать не ради денег, а ради интереса. То как понять тогда что программирование мне нравится?

[Алексей Гончаров]

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

[Антон Литвиненко]

Алексей Гончаров, вы сами себе противоречите:
Мне нравится быть плотником, что теперь делать. Я пришел в IT ради денег что теперь делать?
Я вообще склоняюсь к тому что ваш вопрос это троллинг от нечего делать
Нечего вам делать в it в сорокет. Щас вы научитесь верстать, потом пойдут вопросы Почему меня не берут версталой без опыта работы? Вам снова предложат поработать за доширак, чтобы был коммерческий опыт, вы снова скажите что не хотите за доширак, у меня семья, дети, знакомые засмеют. Идите уже плотником

[Алексей Гончаров]

Антон Литвиненко, в тот раз я не серьезно ответил, теперь хочу узнать серьезно как понять что мне нравится программирование? Мне 21 год. И мне нужно выбрать профессию. Поэтому я программирую и не пойму нравится мне программировать или нет. Как понять что тебе нравится программирование и это занятие интересно для тебя?

[Антон Литвиненко]

Алексей Гончаров, судя по нику 39, а не 21. Как понять что нравится? Когда решая задачу ты не смотришь на часы и забываешь пообедать или поужинать, а когда ее решил, ты хочешь захвастаться жене, гляди какую я штуку накодил, смотришь, а уже 2 ночи и она спит давно.
Я вот не программист, мне не нравится программировать. Я плохо работаю с алгоритмами. Но какой-то несложный код в рамках задачи я написать безусловно могу, а что не могу сам написать могу нагуглить.

[mkone112]

есть чуть чуть интерес или вообще нету тяжело понять

Так нафига? Ты думаешь, что сможешь зарабатывать больше 40к, если не горишь этим?

то что смотрю уроки читаю статьи это значит не учусь?

Читать, и листать - разные вещи. Учишься если получаешь, новые умения. Верстать умеешь? Нет? Значит верстке не учился. Учебу, как и работу оценивают по результату.

[Алексей Гончаров]

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

[Антон Литвиненко]

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

[Вова Дружаев]

Алексей Гончаров, смотрю уроки = потребляю контент. Разучитесь потреблять контент. В наше время это навыков не принесёт. Практика нужна. Для начала 10 000 часов

[Алексей Гончаров]

mkone112, если верстаешь и натыкаешься на проблемы, то идешь в гугл решать проблему искать ответ это нормально? Просто брать готовый ответ с гугла наверно это не правильно, нужно самому решить проблему, но не получается. Что делать? Идти в гугл искать ответ если появится проблема в верстке??

[mkone112]

Ладно, я понял - это троллинг (кстати не самый смешной).

[Алексей Гончаров]

mkone112, это не троллинг, от этого можно разозлиться? Это вопрос

[Алексей Гончаров]

mkone112, просто ответьте надо искать готовый ответ в гугле?

Answer 1

[Сергей delphinpro]

Повторяя за кем-то написание кода, верстать не научишься.

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

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

Comments

[Алексей]

самый годный совет из всех, включая комментарии.

Answer 2

[Денис Инешин]

И сколько раз вы так сверстали проекты самостоятельно? 5? 10?
Сверстайте 100+ проектов, набейте свои шишки и научитесь.

Comments

[Алексей Гончаров]

1000 наверно не доделав до конца

[Денис Инешин]

Алексей Гончаров, никакого сарказма. Я за 17 лет сверстал более 1000 сайтов. Уверенно верстать без проблем я начал где-то после 50-100 сайта. А по началу каких только косяков не было. Но тогда и проблем было больше - верстать по IE5 гораздо сложнее чем сегодня под Хром.

[Алексей Гончаров]

Денис Инешин, то есть мне верстать с косяками своими?

[Максим]

Алексей Гончаров, а что под IE5 кто то ещё верстает ?

[Денис Инешин]

Алексей Гончаров, конечно, если вы видите косяки - вы ищете способы их решить, т.е. учитесь.

[Алексей Гончаров]

Денис Инешин, аааа, то есть это то что я делал 30 мин назад

[Алексей Гончаров]

I love SVG, нет, верстают под IE12

[Денис Инешин]

I love SVG, 17 лет назад верстали.
Я просто напомнил что раньше верстка была гораздо более хаотичная и непонятная чем сейчас.

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

[Алексей Гончаров]

Денис Инешин, а как вы раньше учились если не было раньше чем учиться?

[Денис Инешин]

1000 чего вы сверстали? За год невозможно столько сверстать.
Если учиться полный день 365 дней в году, то даже по сайту в день - 365 максимум выходит. А если с косяками - то значит ни одну из тех проблем что вы увидели - вы не решили.

Верстка выглядит так: верстаете - встречается косяк - и дальше пару дней гуглим, пробуем и так и эдак читаем мануалы, и т.д. пока не дохдит в чем была проблема. В таком темпе один проект можно делать дней 10-20 легко. Но именно так и учишься.

[Денис Инешин]

Алексей Гончаров, конечно какие-то крохи инфы гуглились, а дальше експерименты, собственные велосипеды, капание в коде чужих сайтов.

[Алексей Гончаров]

Денис Инешин, а вы профессиональный верстальщик, сможете сверстать любой сайт? Только без обмана. Просто интересно

[Ankhena]

Алексей Гончаров,

1000 наверно не доделав до конца

Сколько-сколько??? За год?
Чтобы довести до ума первый нормальный (с жизнеспособным дизайном) адаптивный проект из 2-3 страниц у новичков уходит около месяца.
Обдумать, сделать, исправить все косяки и т.д.

Тысячу проектов можно в лучшем случае успеть начать, написав что-то типа npm start и поменяв переменные на нужные.

[Максим]

Ankhena, даже с npm не реально

[Максим]

Денис Инешин, но что конкретно у вас не получается ?

[Денис Инешин]

Алексей Гончаров, с 3d на сайтах я не работал, в остальном возможно. Но я давно уже не верстальщик а FrontEnd разработчик. Я больше программированием занимаюсь.

[Ankhena]

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

[Алексей Гончаров]

Ankhena, все ваши советы очень сложно запомнить(( незнаю даже что делать. Не получается взять однозначный ответ. Мне нужно взять макет и верстать с косяками? Или мне нужно сверстать макет с косяками и улучшать. Или мне надо верстая макет уже решать косяки?

[Денис Инешин]

Алексей Гончаров, не заканчивать проект и не переключаться на следующий пока все косяки не решены.

[Ankhena]

Алексей Гончаров,

Не получается взять однозначный ответ.

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

Мне нужно взять макет и верстать с косяками? Или мне нужно сверстать макет с косяками и улучшать. Или мне надо верстая макет уже решать косяки?

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

[Алексей Гончаров]

Ankhena, как найти невидимые

[Ankhena]

Алексей Гончаров, спросить у старших товарищей/наставника или найти самому через некоторое время, с наращиванием опыта.

[Валентин]

I love SVG,

а что под IE5 кто то ещё верстает ?

А разве все устройства с win xp embedded ушли с эксплуатации?
Верстают, если задача есть. И под почтовые клиенты специально верстают (под аутлюк, даже направление такое есть - верстка email), и под embedded верстают (знаю сварочный аппарат для ВОЛС, он на winxp и до сих пор обновляется), и даже под старые КПК на WinCE, и под chm.

[Максим]

Валентин, я не про специфические задачи а про обычное web говорю - а xp для web наверно протух - а про вёрстку email проходили - знаем

[mkone112]

Валентин,

А разве все устройства с win xp embedded ушли с эксплуатации?

Там гораздо свежее ie чем 5й. Так-то и на коболе пишут. К массовому рынку и новичкам это не относится.

все ваши советы очень сложно запомнить

Тогда извини - с отраслью ты промахнулся.

1000 наверно не доделав до конца

Wtf? Ты с нулями не ошибся? Сколько лет ты этим занимаешься 10? Может стоило нормально сверстать штук 5-10 и пойти работать?

[Алексей Гончаров]

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

Answer 3

[Алекс К]

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

Answer 4

[kryamk]

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

Comments

[mkone112]

Верстка это же изи,

Это на курсах так сказали? Так-то и квантовая физика это не сложно. Берешь учебник - сидишь учишь.

[Алексей Гончаров]

mkone112, это здесь причем

Answer 5

[Вова Дружаев]

Устройся на вакансию за доширак + офис подмести после ухода. Там и научишься - когда в стотысячный раз вам дадут развалившийся сайт на бутстрапе фиксить.

Возраст то какой? Может уже всё... мозги подстроились только потреблять инсту и сериальчики?
Работа над собой не начинается с нытья про то "как я не могу". Я обычно говорю "смогу" и буксую в нужном направлении.

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

Comments

[Алексей Гончаров]

Мне нравится быть плотником, что теперь делать. Я пришел в IT ради денег что теперь делать? IT мне тоже нравится но чуть чуть. Мозги еще на высоком уровне.

[Алексей Гончаров]

И мне не нравится работать в каком то офисе за доширак.

[Вова Дружаев]

Ну значит это не твоё.
У меня хобби в работу переросло. Потому что я горел этим

[mkone112]

Мне нравится быть плотником,

Будь им.

Я пришел в IT ради денег

В it денег немного, тебе стоило пойти в финансы или политику.

IT мне тоже нравится но чуть чуть.

Уйдешь без денег - я тебя уверяю.

[Вова Дружаев]

mkone112, да тут выяснили что автор темы тролль 40-ка летний. Можно расходиться.

[Алексей Гончаров]

Владимир Дружаев, тебе надо ты и иди тебя не заставляют здесь отвечать

[Вова Дружаев]

Алексей Гончаров, вот и ответ - почему тебе не дается ничего))
Только спорить в итернетах он мастер

[Алексей Гончаров]

Владимир Дружаев, это не был спор, я ответил тебе чтобы ты ушел если тебе не нравится. Зачем срач устраиваешь

[mkone112]

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

[mkone112]

Владимир Дружаев,

Только спорить в итернетах он мастер

Хм, я не заметил что он спорит...

да тут выяснили что автор темы тролль 40-ка летний.

Он утверждает, что ему 21 - не знаю лучше это или хуже... Но то что тролль - 99%, но хуже всего - он не смешной совсем=( Поэтому, да:

Можно расходиться.

[Алексей Гончаров]

mkone112, зачем это говорить)) ну расходись я тебя не держу. Ты мне сто лет не нужен

Answer 6

[Павел Сайк]

Что бы начать верстать, надо понять модель самой верстки. Я бы рекомендовал начать с основ CSS 2.0 и взять в оборот следующую книгу CSS. Карманный справочник Эрика А. Мейера. Потом уже изучать 2.1, 3. И современные штучки. Без понимания модели не будет и качественной верстки.

Answer 7

[Тимур Худиев]

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

Comments

[Алексей Гончаров]

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

Answer 8

[Андрей Власов]

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

Также мне очень пригодился сайт www.csszengarden.com здесь вам предлагается скачать html-файл, и создать для него дизайн только с помощью CSS. Галерея дизайнов к сожаление не работает, но больше 200 вариантов можно глянуть перебирая адрес csszengarden.com/001 вместо 001 пишите 002 и так далее.