16 cовременных ресурсов для обучения основам вёрстки

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

Книги, статьи:

  1. htmlbook.ru -  крупный веб-портал, посвящённый изучению в большинстве своем веб-программированию. Здесь вы найдете множество информации об основах html и css.
  2. w3.org - это организация, которая занимается вопросами совместимости браузеров и веб-приложений. Так же они занимаются проблемами аппаратной и программной совместимости для доступа к сети.
  3. css-live.ru - курс, рассчитанный на тех, кто только знакомится с вёрсткой, начинающих верстальщиков и тех, кто нуждается в систематизации своих навыков.
  4. javascript.ru - сайт, на котором предоставлена грамотная и структурированная информация для изучения языка javascript и смежных технологий. Там же вы найдёте современный учебник JavaScript.
  5. html5boilerplate.com - самый популярный фронтальный шаблон.
  6. 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

МЕРОПРИЯТИЯ

Комментарии

ВАКАНСИИ

Добавить вакансию

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ