ITVDN logo
Видеокурсы по
программированию

Доступ более чем к 7700 видеоурокам от $19.99

Подписка
ITVDN logo
Видеокурсы по
программированию

Доступ более чем к 7700 видеоурокам от $19.99

Подписка

Верстальщик сайтов

выбрать другую профессию

Верстальщик сайтов

Верстальщик сайтов – это специалист, который занимается созданием веб-страниц.

Верстальщик работает в команде с веб-дизайнером и программистом. Сначала дизайнер “рисует” сайт — придумывает тему, располагает необходимые элементы на нужных местах. После утверждения макета сайта за работу берётся верстальщик. Он при помощи различных элементов языка разметки web-страницы переводит графические элементы дизайна (рисунки, шрифты, таблицы и т.д.) в понятный для браузера формат. Можно сказать, что он создаёт текстовый макет того, что придумал дизайнер. После того, как страница свёрстана и проверена в различных браузерах на правильность отображения, она передаётся в работу программисту, который подключает необходимый функционал.

Для верстальщика очень важно уметь делать вёрстку под разные “движки” web-сайтов, учитывать тип устройств, с которых пользователи станут заходить на сайт. Вёрстку страниц нужно делать с учётом разного разрешения экранов и версий браузеров, придерживаться определённых стандартов.

Верстальщику необходимо знать такие компьютерные языки:

  • языки разметки HTML, XHTML, XML;
  • каскадные таблицы стилей CSS.

В своей работе верстальщик использует текстовые редакторы или редакторы HTML для составления кода веб-страниц, графические программы для работы с графикой и браузеры для проверки итога своей работы.

Работа верстальщика не очень сложная, но требует определенного уровня подготовки и большого внимания к деталям. На хороших специалистов практически постоянно существует большой спрос.

Основные требования работодателя к верстальщику сайтов:

  • Отличное знание HTML, CSS, Bootstrap
  • Умение работать с макетами (Photoshop, Illustrator, Sketch)
  • Навыки кроссбраузерной верстки, адаптивной верстки
  • Хорошее знание JavaScript, HTML5, CSS3/SASS
  • Знание Git
  • Умение писать прозрачный и легко поддерживаемый код, а также работать с чужим кодом, его оптимизацией
  • Английский на хорошем разговорном и письменном уровне (Intermediate)
  • Знание ES5/ES6 и TypeScript будет плюсом

Верстальщик веб-страниц может занимать такие должности:

HTML-верстальщик/HTML-coder
HTML/JS Developer
Web Developer
Frontend Developer
JavaScript Developer
Junior/Middle JavaScript Engineer

ПРОГРАММА ДЛЯ СПЕЦИАЛЬНОСТИ Верстальщик сайтов

HTML & CSS (renewed)
Этот видео курс покажет Вам как создавать веб-сайты с помощью HTML5. На протяжении всего курса тренер максимально просто объяснит что собой представляет язык разметки HTML, какие основные теги используются при верстке страниц и как пользоваться каскадными таблицами стилей.
Александр Петрик
9 видеоуроков
Практический курс по верстке лендинга
Задача этого курса – последовательная верстка лендинга с нуля. В течение девяти уроков мы сверстаем с вами лендинг, который будет корректно отображаться на разных устройствах. Вы научитесь работать с препроцессорами PUG, SASS, с популярным сборщиком проектов Gulp, также затронем валидацию формы на JavaScript и «оживим» лендинг. Благодаря курсу вы научитесь работать с самыми современными и востребованными технологиями, а также поймете принципы качественной верстки.
Сергей Рубец
9 видеоуроков
Создание адаптивного сайта с Bootstrap 3
Трудно встретить законченный сайт без адаптивной версии, сейчас век мобильности и большинство читателей, покупателей используют для веб-серфинга свои гаджеты, а те, кто хочет предоставлять свои сайты на обозрение с экранов всех мобильных устройств, выждеты прибегать к адаптивности сайта при помощи Bootstrap. Цель всех работ - корректно отобразить информацию на любом устройстве. Данный видео курс предназначен для обучения современным приемам и подходам адаптивной верстки, в нем продемонстрирован простой процесс создания адаптивной версии сайтов при помощи возможностей Bootstrap. Кроме того, Вы увидите к каким проблемам можно прийти, если Вы захотите реализовать адаптивной дизайн без использования Bootstrap.
Александр Пономаренко
5 видеоуроков