Практический курс HTML верстальщик

Обучение профессиональной верстке сайтов

4 месяца

Длительность курса

1685$

Средняя зарплата за 2018 год по данным портала dev.by

Записаться на бесплатную неделю

Попробовать бесплатно
Кто такой HTML-верстальщик

Кто такой HTML-верстальщик?

Любой сайт или веб-продукт состоит из 2 частей: если говорить терминами IT-индустрии, то это фронтенд часть (frontend) и бэкенд часть (backend).


Фронтенд – эта внешняя часть сайта, которая видна пользователю на экране: картинки, ссылки, разделы, текст. Бэкенд – это программная часть, которая не видна пользователю и выполняется на стороне сервера.


HTML-верстальщик (или Html coder) создает фронтенд часть сайта, с которой взаимодействуют пользователи.


Именно с работы над фронтендом начинается программирование любого сайта. И это одна из самых важных, востребованных и высокооплачиваемых позиций в IT-компаниях.

Почему
стоит выбрать HTML-верстку?

HTML-верстальщик - человек с высоким доходом, свободным графиком и престижной профессией. Это работа в самой перспективной отрасли Беларуси. Общение с зарубежными коллегами и партнерами. Постоянный профессиональный и внутренний рост.


И при этом HTML-верстка это увлекательное занятие, которое по силам освоить каждому!

Почему HTML-верстка
Средняя зарплата HTML-верстальщика по областям

1717$

1086$

1255$

1351$

1135$

Средняя
зарплата по областям

* По данным портала dev.by за 2018 год

Ваш результат после курсов

Востребованная профессия

Вы получите профессию html-верстальщика в самой высокооплачиваемой отрасли Беларуси — IТ-индустрии

Портфолио

Вы подготовите личное портфолио проектов, в том числе выполненных для реальных заказчиков

Трудоустройство

Вы получите все навыки, необходимые для трудоустройства в офис или удаленно на позицию html-верстальщика (html-кодера) в реальную белорусскую или зарубежную IТ-компанию

Навыки

Знание XHTML, HTML5

Знание CSS2, CSS3

Резиновая верстка

Табличная и бестабличная верстка

Кроссбраузерный, валидный, семантичный код

Знание базовых принципов SEO

Adobe Photoshop (для нарезки дизайна веб-сайтов)

Как проходит обучение?

4

месяца

пн чт

Практические онлайн-занятия

пт

Домашнее задание

Проходите уроки в удобное время

Подробные комментарии по всем домашним заданиям

Постоянная обратная связь от преподавателя

3

недели

Итоговый
проект

Работа над итоговым проектом

Проверка промежуточных результатов

результат

Портфолио

Сертификат

Резюме

Практические навыки для устройства на работу

Программа обучения

Тема 1

Введение в профессию и работа с Adobe Photoshop

#

5 занятий

Введение в профессию HTML-кодер: особенности web, "безопасные" web-шрифты, основные части сайта

Знакомство с Photoshop: настройка рабочего пространства, создание и сохранение файлов, изменение размеров файла и объектов, история изменений, тримминг

Работа со слоями: понятие слоев, группировка слоев, непрозрачность слоя, стили слоя, направляющие

Работа с объектами: выделение, копирование и вставка объекта, перемещение объекта, выравнивание объектов, трансформирование объектов

Работа с инструментами и текстом, заливка фигур, лайфхаки при работе с Photoshop

Тема 2

Знакомство с HTML и табличной версткой

#

2 занятия

Структура HTML документа: doctype, части html-документа, заголовок страницы, кодировка страницы

Разметка и оформление текста: начертание текста, заголовки, списки, ссылки, изображения

Работа с таблицами: строки, ячейки, столбцы, атрибуты таблицы

Тема 3

Каскадные таблицы стилей (CSS)

#

4 занятия

Оптимизация графики под веб: gif, jpg, png

Основы работы с CSS: подключение CSS, правила задания стилей и классов, задание свойств для классов

CSS свойства: задание фона и границ, задание css свойств для текста, text-align, line-height, css свойства списков, width, height, задание отступов, display и другие

Блочные и строчные элементы

Тема 4

Бестабличная верстка и работа с формами

#

3 занятия

CSS свойства float, clear, overflow, "ложные колонки"

Создание формы и элементов формы: элементы input, select, textarea

Тема 5

Псевдоклассы и псевдоэлементы

#

2 занятия

Псевдоклассы: hover, visited, checked, focus, nth-child

Псевдоэлементы: after, before, свойство content, атрибут target и другие дополнения о css

Тема 6

Позиционирование и верстка с закругленными углами

#

3 занятия

Типы позиционирования: absolute, fixed, relative, static, cвойство z-index, background-attachment

Верстка с закругленными углами, онлайн-генерация веб-шрифтов и @font-face

Тема 7

Углубленная информация о HTML и CSS

#

3 занятия

Дополнительные свойства display, box-shadow, text-shadow, валидация кода, конвертер для теней, выравнивание по вертикали

3 способа "прижать футер к низу страницы", свойства минимальная/максимальная ширина/высота, "якоря" в HTML, CSS3 селекторы, селекторы по атрибутам тегов

Тема 8

Знакомство с Javascript и jQuery. CSS хаки и условные комментарии

#

2 занятия

Знакомство с Javascript и jQuery, создание выпадающего меню (на чистом HTML и CSS и с использованием Javascript), CSS хаки и условные комментарии

Тема 9

Семантические теги в HTML5 и CSS3 свойства

#

2 занятия

Семантические теги в HTML5: header, footer, nav, main, aside, article, section, добавление поддержки html5 тегов старыми браузерами

Создание градиентов с помощью CSS3, задание нескольких фонов на один элемент, анимация с помощью CSS

Тема 10

Резиновая верстка

#

2 занятия

Верстка с фиксированной шириной, адаптивная или резиновая верстка, относительные единицы измерения, медиа-запросы, плагин Window Resizer

Тема 11

Размещение сайта в Интернете. SEO-оптимизация сайта

#

1 занятие

CSS и HTML лайфхаки, свойство !important, схлопывающиеся отступы, настройка FTP-соединения для загрузки файлов на сервер, SEO-оптимизация, факторы ранжирования

После обучения вы сможете

Устроиться на работу HTML-верстальщиком

Стать фрилансером и работать на собственных клиентов

Создать сайт для своего бизнеса или проекта самостоятельно

Преподаватель

Наталья

Профессиональный Frontend-разработчик, Project manager, Scrum master. В настоящее время занимается управлением проектами и командой разработчиков в компании из Швейцарии, г. Цюрих. Имеет многолетний опыт работы с проектами для клиентов из Швейцарии и других стран Европы. В ежедневной деятельности постоянно работает с самыми передовыми технологиями веб-разработки, с набором персонала в организацию, в том числе на руководящие позиции. Делится своим профессиональным опытом на наших курсах.

Цены

Тариф

Стандарт

VIP

Стоимость

269 бел. руб.

9 000 росс. руб.

469 бел. руб.

15 000 росс. руб.

Разбор всех тем курса и домашних заданий

Личная обратная связь преподавателя

Безлимитный доступ ко всем урокам на протяжении курса

Сертификат об окончании курса

Стажировка на реальных проектах

Помощь в трудоустройстве

Гарантии

С каждым студентом заключается договор в соответствии с Гражданским кодексом Республики Беларусь

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

Первая неделя бесплатно! Вы сможете посмотреть, подходит ли Вам профессия HTML-верстальщика и формат обучения

Записаться на бесплатную неделю

Попробовать бесплатно

Остались вопросы?

Позвоните нам!


+375 29 941 21 11

info@kode.by