Верстка-Мастер. От теории до верстки популярных шаблонов

Станьте современным верстальщиком. Этот курс для вас если вы только решили связать свою жизнь с веб-разработкой, либо сменить свою деятельность на более высокооплачиваемую, востребованную и перспективную работу.

Для кого этот курс ?

Абсолютные новички

Вы только решили связать свою жизнь с веб-разработкой, либо сменить свою деятельность на более высокооплачиваемую, востребованную и перспективную

Начинающие верстальщики

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

Продвинутые верстальщики и фрилансеры

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

Бизнесмены, арбитражники, рекламщики

Вы собственник бизнеса, интернет-магазина, арбитражник или рекламщик. А также все те, кто ведут деятельность в интернете. Желаете самостоятельно хотя бы вносить мелкие правки в свои сайты, чтобы не прибегать к услугам сторонних веб-разработчиков, экономить свои время, деньги и нервы

Действующие веб-программисты

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

Почему вам стоит пройти этот курс ?

Быстрый старт даже для новичков

Менее чем за 2 месяца вы сможете овладеть профессией верстальщик с полного нуля, включая необходимую теоретическую базу

Пошаговый план действий

У вас будет четкий пошаговый план действий для верстки сайтов любой сложности: от лендингов до многостраничных порталов

Бесценная практика

Сверстаете макеты двух наиболее востребованных типов сайтов: Landing Page и интернет-магазина

2 работы в ваше портфолио

Получите 2 работы в портфолио – для того, чтобы устроиться на работу в веб-студию, либо начать зарабатывать на фрилансе

Современные технологии верстки

Вы научитесь быстро верстать сайты, применяя новейшие технологии верстки: Flex, препроцессор SasS и сборщик Gulp

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

Чтобы ответить на вопрос, кто такой веб-верстальщик, нужно понимать, что такое верстка и какое место в этапах создания сайта она занимает.

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

Это процесс перевода макета сайта, созданного дизайнером в графической программе, в HTML-страницу. При этом используются специальные языки, которые для этого предназначены: HTML, CSS, JavaScript.

Соответственно, верстальщик — это человек, который занимается кодированием HTML-страницы.

Как создаются современные сайты

Если упрощенно рассмотреть схему создания сайта, то можно выделить следующие этапы

ПЛАНИРОВАНИЕ

Собирается информация о будущем сайте: для чего он создается, кто будут его основные посетители, какой должен быть функционал и т.д. Результатом является техническое задание (ТЗ)

ДИЗАЙН

Дизайнером на основе технического задания создается дизайн будущего сайта. Делается это в графическом редакторе. Чаще всего используется Photoshop

ВЕРСТКА

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

ПРОГРАММИРОВАНИЕ

Полученный на предыдущем этапе HTML-шаблон программируется, либо устанавливается на готовую CMS (систему управления сайтом). Делается это с целью автоматизации процессов добавления, редактирования, удаления страниц и прочего. Это нужно для того, чтобы было проще управлять сайтом и с работой мог справиться человек без технических знаний

РАЗМЕЩЕНИЕ САЙТА В ИНТЕРНЕТЕ

После этого готовый сайт размещается в интернете на хостинге. Проект тестируется, исправляются ошибки, если таковые обнаружены

Современные стандарты верстки

По состоянию на конец 2018 года на верстку налагаются определенные требования, соблюдение которых де-факто является стандартом.

Верстка должна быть:

• Кроссбраузерной — страница должна одинаково выглядеть во всех браузерах.
• Адаптивной — также страница должна хорошо отображаться на экранах мобильных устройств: планшетов и смартфонов.
• Оптимизированной — верстка изначально создается оптимизированной под поисковые системы.
• Доступной – чтобы люди с ограниченными возможностями, например, инвалиды по зрению, также могли пользоваться сайтом.

Сегодня есть много технологий, которые применяются для верстки. Если раньше были HTML и CSS, то сегодня это HTML5 и CSS3, препроцессоры, технология Flex, различные фреймворки и так далее.

ЧТО ВНУТРИ

Основная часть видеокурса состоит из двух больших практических блоков:

• БЛОК 1. Верстка макета главной страницы интернет-магазина
• БЛОК 2. Верстка макета Landing Page

В этих практических блоках мы с нуля шаг за шагом будем создавать верстку PSD-макетов для главной страницы интернет-магазина и для посадочной страницы (Landing Page).

Если вы начинаете с полного нуля и у вас нет никаких знаний и навыков, то данный курс подойдет для вас идеально – вам следует начать изучение курса с бонусного блока.

А если вы уже изучали HTML и CSS, но не представляете, как именно применять полученные знания на практике, либо если вы затрудняетесь с реализацией сложных элементов, – данный курс закроет все ваши пробелы в знаниях и даст бесценные навыки в максимально короткие сроки.

Что конкретно вы получите

• Получите самые актуальные, применяемые и востребованные знания по верстке сайтов.
• Будете свободно верстать кроссбраузерные адаптивные сайты практически любой сложности.
• Научитесь быстро верстать сайты, применяя современные востребованные методы, подходы и технологии верстки.
• Сможете использовать при работе препроцессоры, а также применять менеджер задач Gulp, что существенно облегчит вам выполнение множества рутинных задач и автоматизирует процесс веб-разработки.
• Освоите современную теоретическую базу в области HTML и CSS, включая новейшие их версии, получите море практического опыта.
• В совершенстве овладеете версткой и приобретете бесценный навык верстать сайты для своих нужд.
• Получите 2 заслуживающие внимания работы в портфолио – для того, чтобы устроиться на работу в веб-студию либо начать зарабатывать на фрилансе.
• Сможете существенно повысить свой уровень верстки, что резко повысит шансы увеличить ваш заработок и успешно конкурировать на рынке труда и биржах фриланса.