Отличная подборка для изучения основ вёрстки. Статья содержит как различные ресурсы, связанные с книгами,
так и различные онлайн-курсы и видеоуроки.
Книги, статьи:
- htmlbook.ru -
крупный веб-портал, посвящённый изучению в большинстве своем веб-программированию. Здесь
вы найдете множество информации об основах html и css.
- w3.org - это
организация, которая занимается вопросами совместимости браузеров и веб-приложений. Так же они
занимаются проблемами аппаратной и программной совместимости для доступа к сети.
- css-live.ru -
курс, рассчитанный на тех, кто только знакомится с вёрсткой, начинающих верстальщиков и тех, кто
нуждается в систематизации своих навыков.
- javascript.ru - сайт, на котором предоставлена грамотная
и структурированная информация для изучения языка javascript и смежных технологий. Там же вы
найдёте современный учебник JavaScript.
- html5boilerplate.com - самый популярный фронтальный
шаблон.
- habrahabr.ru - статья, где представлен перечень книг,
что можно почитать по веб-разработке.
Курсы/видеоуроки:
- codecademy.com – этот сервис предлагает интерактивный и
весёлый способ обучения. Он помогает научиться программировать всем тем, кто хочет основать
собственные технологические компании, не имея необходимых технических навыков.
- teamtreehouse.com – образовательный сервис, который учит
вас проектировать приложения и веб-ресурсы, он так же рассказывает, как эти полезные навыки
можно применить для создания своего собственного бизнеса.
- htmlacademy.ru – курсы для всех. Интерактивные задания
помогут освоить веб-технологии и создать сайт, а интенсивные курсы подготовят к старту карьеры в
IT.
- tutsplus.com- tutlpus.com является англоязычным аналогом
htmlacademy. А выделенный курс поможет вам освоить в короткие сроки основы верстки.
- html5+css3 – видеоуроки Дмитрия Охрименко, которые
расскажут, как создавать страницы с использованием новой семантической разметки основной на
HTML5 и CSS3. Также Вы узнаете, как можно разместить на странице видео или аудио, узнаете, что
такое Geolocation API и сможете разрабатывать интересные приложения, определяющие
месторасположение пользователя.
- Twitter Bootstrap – видеоуроки Сергея Швайцера. Это CSS
фреймворк для разработки кроссбраузерных веб ориентированных интерфейсов.
- rightblog.ru– курс для тех, кто хочет получить знания,
чтобы не разбираться самому в самоучителях, и сэкономить время и получить конкретные готовые
знания и навыки, можно пройти онлайн курсы.
- dash.generalassemb.ly – это увлекательный и бесплатный
онлайн-курс, который научит вас основам веб-разработки, в рамках проектов вы можете сделать в
вашем браузере.
- IDE, например, от JetBrains — Webstorm – интегрированная среда разработки,
на которой лучше начинать верстать, она будет на лету указывать на ошибки и недостатки верстки.
- initializr.com – генератор проектов на основе HTML5.
Он «из коробки» позволяет делать mobile first шаблоны, да еще и на последней сборке
boilerplate.
Выводы они же советы
Освойте css-фреймворк, а лучше парочку. Я мечтаю о верстальщиках, которые не будут каждый раз
изобретать велосипед, словно верстают под хайлоад, где каждый байт на счету.
Начните углубляться дальше в понятие семантики вёрстки, анализируйте css-фреймворки для вёрстки
(Bootstrap и подобные) на предмет разметки и в целом. Потом просто берите любой макет (благо в сети
PSD макетов хватает) и верстайте, верстайте, верстайте. Желательно чтобы у вас был человек, который
сможет оценить проделанную работу и указать вам на ваши недостатки.
И еще раз верстайте верстайте и верстайте! Всем удачной вёрстки!
Другие материалы по теме вёрстки:
10 способов
проверить знания HTML/CSS
Подборка материалов по HTML и
CSS