Главная » Обучение » Верстальщик HTML5

Верстальщик HTML5 - заработок по профессии

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

<audio src="music.mp3" controls>Браузер устарел</audio>

И вы увидите это:

Аналогично и с включением видео. Кроме того, добавилось много структурных тегов, позволяющих выделять блоки страницы по смыслу и содержанию, например, теги <header>, <article>, <footer>. Упрощено указание doctype и кодировки, добавлены новые атрибуты для тегов и события, которые до HTML5 нужно было обрабатывать с помощью JavaScript. Иначе говоря, работа верстальщика стала более насыщенной, а страница в чистом HTML5 более живой и гибкой.

Как стать верстальщиком HTML5

Для начала придётся изучить основы HTML и CSS. В качестве стартовой площадки для изучения рекомендую сайт самоучитель htmlbook.ru, где есть приложение для андроид и иос, что очень удобно. А также ресурс jsfiddle, предоставляющий очень удобную платформу для тестирования любых отрывков html-кода, css, javascript'ов с немедленным просмотром результатов.

html, css, js - визуальный редактор разработчика jsfiddle

После ввода новых данных, чтобы посмотреть результат нужно нажать кнопку "RUN" в строке меню вверху слева.

Для самостоятельного изучения HTML5 нужно придумать какой-либо проект и, получая новые знания, тут же применять их на практике. Неплохим вариантом будет скачивание готовых макетов сайтов в виде изображения или psd(photoshop), с переводом их в html-вёрстку. При интенсивном изучении и соответствующей практике, вы уже за месяц освоите практически все теги и их атрибуты. Кроме того, уже будете обладать немалым опытом по решению различных задач верстальщика. Ну, и не забывайте использовать справочники, без них не обходятся даже матёрые профессионалы.

Тем же, у кого с мотивацией и самоорганизацией не очень получается, можно попробовать видеоуроки по вёрстке. Очень помогает, особенно если ещё даже не совсем понимаешь разницу между вёрсткой, стилями и скриптами. Отличный вводный видеокурс по вёрстке на HTML5 и CSS3 - бесплатно от webformyself.

Где работать верстальщиком HTML5

Лучший вариант - найти нормальную вакансию у себя в регионе, поработать в офисе некоторое время - наберётесь опыта, переймёте полезные приёмы и инструменты. Как вариант - искать удалённо вакансию на hh.ru, career.ru. Неплохо будет брать подработку и на фрилансе - workzilla. Оплата на фрилансе, в основном, поменьше, но спокойно можно набрать свою базу постоянных клиентов, и тогда вам и искать работу не придётся.

Полезные ссылки


comments powered by Disqus
Яндекс.Метрика Рейтинг@Mail.ru Memory: 3 mb, MySQL: 0.0092 s, 10 request(s), PHP: 0.0562 s, total: 0.0654 s, document retrieved from cache.