Содержание

Как научиться вёрстке сайтов с нуля? — Хабр Q&A

Из собственного опыта:
начинал с книг, статей, htmlbook — дало начальную базу, позволяло с большего править готовые шаблоны.
Потом появились интерактивные курсы:
— codecademy.com показались слабыми: пройти лишним не будет, но особо не продвинетесь.
— teamtreehouse.com — неплохие курсы, активно развиваются, но платные.
— htmlacademy.ru — очень крутые: отлично подается теория, много практики, основной раздел бесплатный. К тому же сервис русскоязычный.

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

Успехов!

Ответ написан

более трёх лет назад

И самое главное — не забывать делать рабочий макет под IE6 и wap 480*х, зря мы чоль страдали, пусть поколение понимает проблемы

Ответ написан

Думаю что знакомство с фреймворками на этапе обучения и первых шагов будет лишним.
Как писали выше — htmlbook.ru и www.w3.org/
Так же могу порекомендовать css-live.ru/ и javascript.ru/ потому что опытному верстальщику необходимы хотя бы базовые знания о яваскрипте.
В качестве базового шаблона на начальном этапе я бы рекомендовал html5boilerplate.com/

Ответ написан

Хорошие видео уроки (англ):
tutsplus. com/course/30-days-to-learn-html-and-css/

Ответ написан

Комментировать

В дополнение к вышесказанному, лучше начинать верстать в IDE, например, от JetBrains — она будет на лету указывать на ошибки и недостатки верстки. Для новичка это будет особенно полезно.

Ответ написан

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

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

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

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

Успехов Вашему другу 🙂

Ответ написан

Комментировать

Комментировать

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

Ответ написан

Комментировать

Вообщем, htmlbook.ru — да, стандарты — да. В отношении фреймворков добавлю еще initializr.com.
Он «из коробки» позволяет делать mobile first шаблоны, да еще и на последней сборке boilerplate.
Ну и про наших людей из «Веб–стандартов» не забываем.

Ответ написан

более трёх лет назад

Комментировать

самое лучшее и дружелюбное из того что я видел!
https://dash.generalassemb.ly

Ответ написан

Комментировать

Для тех кто хочет получить знания, чтобы не разбираться самому в самоучителях, и сэкономить время и получить конкретные готовые знания и навыки, можно пройти онлайн курсы. Вот хорошие курсы по обучению верстке сайтов на HTML5/CSS3: rightblog.ru/htmlcourse

Ответ написан

Комментировать

Посмотрите уроки Охрименко по html5+css3 , а так же по Bootstrap .

Ответ написан

Комментировать

Советую почитать книгу «HTML и CSS. Разработка и дизайн веб-сайтов» Дакетта Джона. Там намного проще понять все эти заковырки с HTML и CSS, и по итогу самостоятельно сможете сверстать сайт.
Еще одна подходящая книга — «HTML5, CSS3 и JavaScript. Исчерпывающее руководство» (4-ое издание (2014)) Дженнифер Нидерст Роббинс. В ней изучите техники создания сложных веб-страниц.
Также рекомендую отдельные курсы по HTML и CSS kursfinder.ru/html-css/ — можно выбрать как бесплатные, так и платные, в зависимости от вашего бюджета. Преподаватели вам там тоже накидают хорошей литературы:)
И также почитайте «Типичный верстальщик» (загуглите).

Ответ написан

Комментировать

введение в FlexBox и практика

Будь вкурсе свежих уроков!

В категории: Курсы Frontend — HTML, CSS и JavaScript

Будь вкурсе самого свежего материала. Где мы отправляем статьи, видео и много чего интересного.

Закрыть

1

2

3

4

5

6

7

8

9

10

11

Чат в телеграм

спроси эксперта сейчас