Обучение вёрстке сайтов с нуля

Знакомый решил освоить ремесло верстальщика, попросил помочь в этом деле.
Подскажите хорошую литературу для обучения основам вёрстки. Желательно более менее современную :)
  • Вопрос задан
  • 150755 просмотров
Пригласить эксперта
Ответы на вопрос 16
@mishapsv
Из собственного опыта:
начинал с книг, статей, htmlbook - дало начальную базу, позволяло с большего править готовые шаблоны.
Потом появились интерактивные курсы:
- codecademy.com показались слабыми: пройти лишним не будет, но особо не продвинетесь.
- teamtreehouse.com - неплохие курсы, активно развиваются, но платные.
- htmlacademy.ru - очень крутые: отлично подается теория, много практики, основной раздел бесплатный. К тому же сервис русскоязычный.

У этих же ребят есть интенсив по верстке сайтов с нуля. Прошел его.
Если есть возможность оплатить - очень рекомендую. Реально вырастете за месяц. Плюс у вас останутся записи вебинаров и бесплатный доступ на все последующие интенсивы.
Могу поделиться промо-кодом "344a1a5b"(без кавычек) - скидка 800р.

Успехов!
Ответ написан
beliyadm
@beliyadm
И самое главное — не забывать делать рабочий макет под IE6 и wap 480*х, зря мы чоль страдали, пусть поколение понимает проблемы
Ответ написан
Думаю что знакомство с фреймворками на этапе обучения и первых шагов будет лишним.
Как писали выше — htmlbook.ru и www.w3.org/
Так же могу порекомендовать css-live.ru/ и javascript.ru/ потому что опытному верстальщику необходимы хотя бы базовые знания о яваскрипте.
В качестве базового шаблона на начальном этапе я бы рекомендовал html5boilerplate.com/
Ответ написан
@TipTop
В дополнение к вышесказанному, лучше начинать верстать в IDE, например, от JetBrains — она будет на лету указывать на ошибки и недостатки верстки. Для новичка это будет особенно полезно.
Ответ написан
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
Как уже было сказано выше — htmlbook.ru. Там есть раздел «шаг за шагом» или практикум… его стоит просмотреть. Познакомиться с тегами что есть, со свойствами.

Дальше углубляться в понятие семантики, смотреть css фреймворки (Bootstrap и подобные) на предмет разметки и вообще… Потом просто взять какой макет (благо в сети фришных PSD макетов хватает) и верстать верстать верстать. Желательно что бы у него был человек, который сможет оценить проделанную работу и указать на недостатки.

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

И последнее но не наименьшее — ему нужно будет попытаться одеть верстку на какой-то движок/проект. Обычно это хорошо помогает выявлять недостатки в структуре документа.
Ответ написан
@slimboy
Сам начинал с этого учебника: http://www.postroika.ru/html/content2.html Может и не самый современный, но азы познавать лучше всего на самых простейших примерах. А уж зная технологии и прицнип, легко научиться новому.

Там и подача хорошая, и сам сайт теплый ламповый )

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

Успехов Вашему другу :)
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn
Teamlead команды разработчиков iAmStudio
Для тех, кому нужен пинок под зад могу предложить его получить у меня. Я сам когда-то получил первый толчок от специалистов в КА Шаг, и htmlbook просто круто помог все это закрепить. Ну и практика, естественно.
Ответ написан
AmdY
@AmdY
PHP и прочие вебштучки
А вторым этапом должно быть освоение css фреймворка, а лучше парочки. Я мечтаю о верстальщиках, которые не будут каждый раз изобретать велосипед, словно верстают под хайлод, где каждый байт на счету.
Ответ написан
M1nstrel
@M1nstrel
Вообщем, htmlbook.ru — да, стандарты — да. В отношении фреймворков добавлю еще initializr.com.
Он «из коробки» позволяет делать mobile first шаблоны, да еще и на последней сборке boilerplate.
Ну и про наших людей из «Веб–стандартов» не забываем.
Ответ написан
rambreperpy20
@rambreperpy20
Есть хорошие курсы, попробуй.
Все классные и новые книги(особенно по HTML 5) на английском.
Поэтому не забудь английский.
Ответ написан
@Nobles
Для тех кто хочет получить знания, чтобы не разбираться самому в самоучителях, и сэкономить время и получить конкретные готовые знания и навыки, можно пройти онлайн курсы. Вот хорошие курсы по обучению верстке сайтов на HTML5/CSS3: rightblog.ru/htmlcourse
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы