Курсы ВЕБ

Курс Web-дизайнер-программист(1+2+SEO)

(Полный профессиональный курс)

очно в Киеве или онлайн

перейти на украинский сайт

После окончания обучения выдается диплом и заявки на работу. 

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

Введение

• Взаимосвязь индивидуальности человека и дизайна. Физиологическое и психологическое воздействие дизайн-объектов.
• Развитие творческих способностей слушателей курса.

Стратегия и тактика дизайна

• Дизайн-инструментарий. Техника выполнения рисунка, графики, росписи, коллажа, макета и т.д.
• Методы визуализации дизайн-идеи: форэскиз, клаузура, дизайн-проект

Цвет и стиль в дизайне

• Психологические и оптические характеристики цвета и его воздействие на человека. Внеокулярное зрение
• Символика цвета. Цвет в дизайне – исторический экскурс
• Колориметрия. Типология и структура цветовой гармонии. Основы цветоведения: спектральный круг Освальда, Гете. Сочетаемость цветов
• Гамма и колорит
• Закономерности развития стиля. Формула стиля. Стили – колоссы, стили – реакции

Художественные средства и законы композиции

• Принципы гармоничной композиции.
• Анализ красоты У.Хогарта.
• Контраст, нюанс, симметрия и асимметрия, равенство, ритм
• Пропорция, масштабность, модуль
• Пространственные отношения. Баланс и законы равновесия композиции
• Статичная и динамичная композиция
• Баланс восприятия и законы равновесия
• Выделение главного
• Правило трех частей
• Целостность композиции
• Пропорции. Золотое сечение
• Зоны композиции
• Композиционный, оптический и другие центры композиции
• Компоновка элементов композиции. Правило «трех частей»
• Цветовая гармония. Схемы
• Гармония взаимоотношения фигуры и фона. Схемы

Комбинаторика. Формообразование

• Конфигуративная и цветотональная комбинаторика.
• Формообразование и его закономерности
• Моделирование биоформ.

Исторические стили в изобразительном искусстве

• Закономерности развития стиля. Формула стиля.
• Романский стиль
• Готический стиль
• Ренессанс
• Барокко и рококо
• Классицизм
• Романтизм
• Реализм 19 века
• Модерн
• Импрессионизм

Световой дизайн

• Свет в дизайне – исторический экскурс
• Основы современного светового дизайна
• Взаимовлияние света и цвета
• Влияние воздушной среды на светотень
• Организация световой среды
• Светотеневая моделировка форм в перспективных и аксонометрических изображениях

Основы рисунка и скетчинг:

Введение в курс. Технологии рисунка. Рисование основных геометрических фигур

• Знакомство с техникой рисунка. Виды рисунка.
• Основные методы рисования.
• От точки к штриху. Виды штриховки.
• Силуэт и линия. Линейное построение геометрических фигур.
• Композиция в рисунке.
• Учебный проект 1: Система упражнений по постановке руки и штриховке.
• Учебный проект 2: Плоскостная композиция из геометрических форм.

Перспективное изображение плоских и объемных геометрических форм

• Основы линейной перспективы. Виды перспективы.
• Этапы перспективного построения.
• Линейное изображение плоских и объемных форм в пространстве.
• Особенности компоновки и рисования геометрических тел в перспективе.
• Перспектива с одной, двумя, тремя и более точками схода, обратная и другие виды художественной перспективы.
• Учебный проект 3: Рисунок архитектурных форм в перспективе.
• Учебный проект 4: Рисунок по представлению объемных геометрических форм.

Приемы проработки воздушной перспективы. Разнообразие композиционных и технических решений

• Воздушная перспектива, расширение представлений и приемов
• Использование приемов изображения перспективы в пейзаже.
• Передача воздушной массы, облаков, различного времени суток, атмосферных и сезонных явлений.
• Графическое изображение пейзажа в различных школах.

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

• Построение теней.
• Светотеневая моделировка различных форм. Тональная градация.
• Поэтапное выявление объема.
• Тональные отношения между предметами.
• Способы создания иллюзии глубины пространства.

Светотеневая проработка сложных объектов. Различные условия освещения предметов, рефлексы и взаимные отражения

• Светотональные возможности художественных материалов
• Анализ светотеневой моделировки объектов в работах мастеров
• Учебный проект 2: Творческое задание на светотень
• Учебный проект 5: Рисование с натуры группы геометрических тел в пространстве.

 Рисование объемных предметов сложной формы

• Дизайнерский рисунок и эскизное проектирование.
• Рисование сложных форм с натуры и по воображению.
• Рисование классических форм.
• Особенности рисования драпировки.
• Учебный проект 6: Учебная постановка предметов сложной формы с драпировкой.

Передача фактуры

• Создание фактур с помощью различных видов штриховки.
• Создание иллюзии отражения и прозрачности.
• Учебный проект 7: Рисование с натуры и по воображению объектов с различной фактурой.

Изображение пространства. Пейзаж

• Виды пейзажа.
• Изображение пейзажа в различных техниках.
• Учебный проект 8: Серия рисунков в различных техниках.
• Учебный проект 9: Рисунок пейзажа по представлению.

  Рисунок интерьера

• Этапы перспективного построения пространства.
• Проявления воздушной перспективы в интерьере.
• Учебный проект 10: Рисунок интерьера в смешанной технике с проработкой деталей и фактур.

Реалистичность и достоверность

• Дизайнерский рисунок и эскизное проектирование.
• Особенности построения перспективного изображения объектов архитектуры и отдельных элементов среды – реалистичных и фантазийных.
• Убедительность в изображении стеклянных объектов, зеркал, отражений, эффектов свечения.
• Управление степенью обобщения изображения
• Историческая достоверность
• Светотеневая моделировка интерьерной среды
• Работа над образом и выразительностью
• Учебный проект 11: Выполнение творческого задания по теме.

Основные принципы и приемы скетчинга

• Зачем в дизайне используется быстрый рисунок: творческие и рациональные принципы
• Как дизайнерский скетч влияет на клиента/потребителя: управление восприятием и выбор оптимального метода визуализации
• Типы изображаемых объектов и их специфика. Объекты реального мира, персонажи, знаки и текст, экспрессивные условные элементы и другие
• Возможности различных приемов и техник, их комбинирование и модификация для достижения наилучшего результата. Материалы и инструменты для ручной работы
• Практика: постановка основных приемов визуализации в решении универсальных задач дизайнерской графики

Стилизация и выразительность

• Визуальный стиль и стилизация как основа дизайнерской работы
• Современные актуальные стили скетча и их разновидности
• Подражание и имитация как прием творческого саморазвития дизайнера. Путь к разработке авторского стиля исполнения
• Обзор возможностей графических программ для стилизации и создания скетчей
• Нахождение баланса между конструктивностью и экспрессией в дизайнерском рисунке. Логика и креативность в создании привлекательного образа
• Практика: реализация индивидуальной дизайнерской задачи в ряде вариантов и в различных техниках по выбору, в соответствии с заданной концепцией

  Специфика ключевых направлений профессионального скетча

• Особенности традиций, технические требований и трендов в ключевых направлениях дизайнерского скетча:
  • архитектура, интерьер, ландшафт
  • фирменный стиль, логотипы, айдентика
  • презентационная графика и иллюстрация
  • леттеринг
• Работа над передачей пластики и движения, поиск резервов выразительности рисунка
• Практика: разработка концепции и реализация скетча в направлении, выбранном слушателем
• Особенности традиций, технические требований и трендов в ключевых направлениях дизайнерского скетча (продолжение):
  • промграфика и проектирование объектов
  • фэшн, бьюти и гламур
  • персонажи и комиксы
• Повышение скорости и продуктивности работы
• Перспективы дальнейшего развития
• Практика: разработка концепции и реализация скетча с нуля и до оформленного оригинал-макета

Основы живописи и работы с цветом:

Приемы и техники живописи

• Введение в курс живописи.
• Виды живописи.
• Основные методы живописи.
• Красочные материалы живописи. Общие сведения о красках.
• Особенности работы акварелью, гуашью, темперой, акрилом, маслом, акварельными карандашами.
• Подвижные и рельефные свойства красок.
• Работа с палитрой, смешивание красок.
• Нестандартные приемы и техники живописи.
• Упражнения на развитие фантазии, креативности, чувства цвета.

Колористика

• Цвет в искусстве.
• Цвет и свет.
• Качественные и количественные характеристики цвета.
• Колорит.
• Гармония и дисгармония цветов.
• Разработка различных колористических решений.
• Творческие задания.

Монохромная живопись

• Гризайль.
• Светотональные возможности одной краски.
• Анализ монохромной живописи в работах мастеров.
• Творческое задание на монохромию.

Полихромная живопись

• Полихромная живопись и ее особенности.
• Отношения цветов. Контраст и нюанс. Виды контрастов.
• Анализ взаимодействия цветов в работах мастеров живописи.
• Творческое задание на полихромию.

Эмоциональность и экспрессия цвета в живописи

• Анализ творческого метода различных художников.
• Выбор и использование средств композиции в живописи. Динамика и статика. Цветовой ритм и доминанта.
• Ассоциативное воздействие цвета в живописи.
• Выполнение творческого задания.

Живопись с натуры

• Особенности работы красками с натуры.
• Компоновка – правила и рекомендации.
• Жанровый натюрморт (взаимное расположение предметов, разработка нюансов, цветовых рефлексов, световоздушной среды, выявление материальных качеств предметов)

Цветообразование формы и пространства

• Форма и цвет. «Лепка» формы цветом.
• Локальные цвета.
• Создание глубины пространства цветотональным решением.
• Оптические свойства цветов.
• Творческое задание.

Декоративная живопись в школе живописи

• Особенность и приемы декоративной живописи.
• Передача тональных отношений.
• Использование авторского колорита.
• Творческие декоративные композиции. Отработка приемов и навыков.

Выразительность живописного произведения

• Подходы и способы повышения выразительности живописного этюда.
• Выполнение этюда пейзажа.

Робота в системе Adobe Photoshop:

 Знакомство с программой 

• Что такое растровая и векторная графика. Особенности растра. Какие задачи решает программа Фотошоп.
• Создание нового документа, его параметры.
• Интерфейс программы, его настройка, работа с палитрами.
• Открытие документа. Переключение между открытыми документами, изменение их масштаба и прокрутка.
• Просмотр и изменение размеров готового документа.
• Команды «Размер Холста» и «Размер Изображения». Быстрое добавление рамки к рисунку.
• Обрезка рисунка с просмотром инструментом Crop Tool. Поворот рисунка.
• Обрезка с изменением перспективы. Ее использование для устранения дефектов съемки и в художественных целях.
• Практическая работа: Исправление перспективы изображения. Удаление лишних частей фотографии с помощью обрезки.

Выделение отдельных элементов рисунка

• Зачем нужны выделенные области.
• Знакомство с инструментами выделения. Выделение стандартной формы (Прямоугольник, Эллипс…) Сдвиг, изменение размеров и поворот выделенной области.
• Изменение границ выделения. Сложение и вычитание выделенных областей.
• Что такое растушевка и зачем она нужна.
• Создание виньетки.
• Создание выделенных областей произвольной формы инструментами группы Лассо.
• Выделение по цвету. Инструменты «Быстрое Выделение» и «Волшебная Палочка». Настройка их точности.
• Трансформация выделенных объектов. Разница между командами Free Transform и Transform Selection.
• Практическая работа: Трансформация и перекрашивание элементов рисунка.

Работа с многослойным изображением

• Что такое слои и зачем они нужны.
• Способы создания слоя. Копия слоя. Зачем нужен пустой слой.
• Быстрое выделение объектов на слое. Перемещение слоев в стопке. Как спрятать и выкинуть слой.
• Как применить трансформацию сразу к нескольким слоям. Связанные слои. Группировка слоев. Склеивание слоев.
• Сохранение файла по слоям. Форматы, поддерживающие многослойное изображение.
• Практическая работа: Фотомонтаж с использованием слоев.

Эффекты слоя. Добавление текста к фотографии

• Общие настройки слоя. Зачем нужны прозрачности и режимы смешивания красок.
• Эффекты слоя. Применение теней и ореолов. Использование эффектов для создания текстурных поверхностей. Применение нескольких эффектов к одному слою.
• Стили слоя. Создание собственного стиля.
• Добавление текста к рисунку. Виды текста. Особенности работы с текстовым слоем.
• Форматирование текста. Способы растрирования текстового слоя.
• Защитные знаки. Создание личного защитного знака.
• Практическая работа: Фотомонтаж с использованием текста и эффектов слоя.

Рисование в Фотошопе

• Настройка рабочих цветов. Предупреждения о возможном искажении цвета.Работа с готовыми образцами из палитры Swatches. Как взять цвет из фотографии.
• Рисующие инструменты. Кисть. Ее настройки. Рисование на планшете. Привязка параметров кисти к планшету.
• Дополнительные библиотеки кистей. Создание авторской кисти.
• Использование инструмента Pattern Stamp для решения художественных задач. Подгрузка дополнительных узоров.
• Инструмент History Brush. Его использование для локального восстановления рисунка.
• Виды и способы применения заливок.
• Градиенты. Их роль в дизайне. Создание авторского градиента. Частичная прозрачность градиентов.
• Практика: Фотомонтаж с элементами рисования.

Ретушь и коррекция рисунков

• Инструменты размытия и повышения резкости. Их использование в портретной ретуши. Локальное осветление и затемнение рисунков. Изменение насыщенности отдельных элементов фотографии.
• Удаление элементов рисунка инструментом Клон.
• Интеллектуальная ретушь. Убирание морщин. Чистка старых фотографий. Удаление шрамов, царапин и других дефектов из фото.
• Исправление красных глаз.
• Команды коррекции (обзорно). Тоновая и цветовая коррекция. Оценка изображения в палитрах Histogram и Info.
• Повышение контраста изображений, исправление слишком темных или слишком светлых фотографий, коррекция цветовых искажений.
• Практика: Исправление дефектов изображения.

Работа в системе Adobe Illustrator:

 Введение в компьютерную графику. Основы работы с программой 

• Применение компьютерной графики. Графические редакторы. Векторная и растровая графика.
• Программа Adobe Illustrator: состав, особенности, использование в полиграфии и Internet.
• Типы документов в Иллюстраторе. Создание нового документа.
• Настройка программного интерфейса. Сохранение и редактирование рабочего пространства программы.
• Рисование стандартных объектов.
• Выделение и преобразование объектов. Инструменты выделения.
• Управление масштабом просмотра объектов. Режимы просмотра документов.
• Перемещение объектов в стопке. Группировка. Выравнивание и распределение.
• Использование Control Palette для быстрого редактирования объектов.
• Практическая работа.

Использование слоев для работы со сложными рисунками. Свободное рисование

• Размещение объектов на слоях. Настройка параметров слоя. Использование слоев для блокировки частей рисунка.
• Перемещение объектов между слоями. Шаблонные слои. Слияние слоев. Изолированный режим.
• Рисование и редактирование объектов произвольной формы.
• Кривые Безье.
• Редактирование формы объектов по точкам.
• Практическая работа.

Рисование сложных объектов. Использование разметки для точного планирования рисунка

• Использование логических операций для рисования объектов сложной формы.
• Соединение и разделение объектов. Фигурная обрезка.
• Перспективное, свободное и пропорциональное искажения с помощью виджетов инструмента Free Transform Tool.
• Использование разметки документа для точного позиционирования рисунка.
• Управление разметкой. Линейки. Направляющие. Сетка.
• «Умные» направляющие. Создание направляющей из объекта.
• Настройка элементов разметки.
• Практическая работа.

Работа с цветом. Способы окрашивания объектов

• Цветовые модели.
• Способы окрашивания объектов. Редактирование цвета.
• Формирование собственного каталога цветов. Использование палитры Color Guide для выбора цвета. Создание групп цветов.
• Создание, применение и редактирование узоров и градиентов.
• Использование генератора узоров.
• Отрисовка узоров для печати.
• Копирование цвета. Способы выделения объектов с одинаковыми атрибутами.
• Практическая работа.

Работа с текстом

• Способы ввода текста. Инструменты и палитры для работы с текстом.
• Touch Type tool - управление параметрами одной буквы текстового объекта.
• Ввод, редактирование и форматирование текста.
• Размещение текста вдоль кривой. Редактирование кривой.
• Создание текстовых блоков. Работа с блочным текстом.
• Связанные блоки. Настройка параметров обтекания объекта текстом.
• Импорт текста из других приложений. Перевод текста в контуры.
• Роль текста в дизайне.
• Практическая работа: Создание печатей, штампов. Разработка визитки

Сохранение и печать документа

• Выбор оптимального формата для сохранения документа. Обзор наиболее популярных форматов для печати и Internet.
• Предварительный контроль документа при сохранении для Web – выбор оптимального соотношения веса и качества рисунка.
• Подготовка документа к печати. Настройки печати.
• Настройка параметров композитной печати.
• Итоговая работа: Контрольное тестирование по программе Иллюстратор

Создание сайтов на HTML 5 и СSS 3:

Введение и основные понятия на курсах веб

• Как это работает? Что такое web-сервер, web-сайт, web-страница
• Цели и задачи языка HTML
• HTML-разметка. Элементы
• Структура HTML-документа:
• Использование комментариев
• Базовые элементы разметки:
• Атрибуты элементов
• Специальные символы
• Лабораторная работа по теме 

Анатомия страницы на курсах веб

• Понимаем, как мы пишем: синтаксис HTML
• Элементы форматирования текста
• Понимаем, что мы пишем: семантика элементов
• Валидация HTML-документа
• Структурные элементы разметки
• Лабораторные работы по теме

Гиперссылки

• Понятие гиперссылок в WWW
• Внешние и внутренние гиперссылки
• Типы адресов в WWW
• Дополнительные атрибуты гиперссылок
• Лабораторная работа по теме

CSS. Каскадные таблицы стилей: основные свойства

• Основные понятия CSS
• Способы определения стилей
• Каскадирование и наследование
• Единицы измерения в CSS
• Основные типы селекторов
• Псевдоклассы и псевдоэлементы
• Свойства шрифтов
• Свойства текста
• Свойства цвета и фона
• Лабораторные работы по теме
  

Использование изображений на странице

• Типы изображений используемые в WWW
• Вставка изображений на страницу
• Атрибуты элемента img
• Лабораторная работа по теме

Структурирование информации при помощи списков

• Неупорядоченный список
• Упорядоченный список
• Список определений
• CSS свойства для списков
• Лабораторная работа по теме

Представление табличных данных при помощи таблицы

• Основные элементы таблицы
• CSS свойства элементов таблиц
• Объединение ячеек таблицы
• Дополнительные элементы таблицы
• Лабораторная работа по теме

Передача пользовательских данных при помощи формы

• Что такое веб-формы?
• Элемент form и его атрибуты
• Элементы формы: текстовые поля и кнопки
• Элементы формы: элементы выбора
• Дополнительные атрибуты элементов формы
• Лабораторная работа по теме

Использование CSS для макетирования

• Оформление границ элемента
• Внутренние отступы элемента
• Наружные отступы элемента
• Размеры элемента
• Плавающие элементы
• Видимость элемента
• Лабораторные работы по теме

Дополнительные возможности HTML и CSS

• Практическая работа для закрепления изученных тем
• Стили для различных типов носителей
• Свойства курсора
• Встраивание аудио- и видео-файлов
• Лабораторные работы по теме

Мета-информация на странице

• Использование мета-информации
• Элемент meta и его атрибуты
• Поясняющая мета-информация
• Мета-информация для роботов
• Эмуляция заголовков ответа сервера

Выбор хостинга и поддержка сайта

• Понятие хостинга
• Поиск хостера
• Услуги хостера
• Использование FTP-клиента
• Доступ к ftp-серверу через проводник Windows

Методологии верстки

• Методология Яндекс.БЭМ
• Методология ООCSS
• Принципы оформления кода

Препроцессоры и язык разметки HAML

• Язык разметки HAML
• Препроцессор SCSS
• Препроцессор LESS
• Препроцессор Stylus

Компонентная модель верстки

• Знакомство с WebComponents
• Компонентный Веб
• Google Polymer
• Импорт HTML-файлов

Макетирование страниц с применением модели гибких блоков

• Верстка страницы с применением Flexible Box Layout

CSS-фреймворки

• Bootstrap
• Foundation

3D и современные методы создания сайтов

• Parallax-эффект
• 3D-эффекты на страницах

Кроссбраузерная верстка:

Веб-стандарты и их поддержка на курсах

• Стандарты W3C. Документация.
• DOCTYPE.
• Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в различных браузерах.
• Протокол HTTP.

Элементы и атрибуты HTML5 и структура страницы

• Секции, выноски, статьи, навигационные, «шапка», «подвал».
• Элементы форм и их атрибуты.

Эффективное использование инструментов разработки веб-страниц

• Инструментарий разработчика:, FTP-клиенты, текстовые редакторы, графические редакторы, вспомогательные программы. Web Developer, Mozilla Firebug, Zen Coding/Emmet, IE WebDeveloper.
• Составление и анализ требований к вёрстке веб-страниц. Проектирование макетов. Тестирование веб-страниц: просмотр в различных браузерах, проверка валидатором, просмотр при различной ширине окна браузера и различных размерах шрифта. Контроль качества веб страниц.
• Практическая работа: построение структуры страницы с использованием вспомогательных программ.

Селекторы в HTML5

• Селекторы перешедшие из HTML4/xHTML.
• Псевдоклассы/псевдоэлементы. Контекстные селекторы. Новые селекторы в HTML.
• Ролловеры, спрайты.
• Практическая работа: использование специфических селекторов при верстке страницы.

Введение в построение удобных для использования сайтов (usability) и доступность (accessibility) сайтов

• Практичность (usability) сайтов. Цели и задачи пользователей. Общие принципы разработки интерфейсов в применении к сайтам. Психологические аспекты взаимодействия пользователя с сайтом. Тестирование практичности.
• Доступность (accessibility) сайтов. Обзор различных технических устройств для просмотра сайтов. Технические аспекты взаимодействия пользователя с сайтом. Ограниченные возможности пользователей

Продвинутые технологии HTML и CSS

• Относительное и абсолютное позиционирование. Поведение дочерних элементов при позиционировании. Порядок наложения: свойство z-index. Примеры позиционирования: наложение блоков, закрепление "подвала" внизу страницы. Обрезка блока: свойство clip. Фиксированное позиционирование. Свойство display.
• Переполнение блока: свойство overflow. Особенности поддержки overflow в разных браузерах. Создание "фреймообразной" вёрстки с использованием overflow. Расширения IE: свойства overflow-x и overflow-y.
• Внедрение внешних ресурсов: элемент object. Внедрение файлов HTML, создание "фреймообразной" вёрстки с использованием object. Внедрение роликов Flash в соответствии со стандартами Консорциума W3C. Внедрение векторной графики (SVG); предоставление альтернативного растрового изображения браузерам, которые не поддерживают этот формат.
• Пиктограмма сайта (favicon). Формат ICO. Особенности поддержки пиктограммы в различных браузерах.
• Практическая работа: использование на практике CSS-свойств позиционирования, отображения и др.

Совместимость веб-страниц с различными браузерами

• Условные комментарии.
• Скрипты для поддержки селекторов и изменения поведения старых браузеров.
• Программы эмуляторы старых версий IE.
• Фильтры.
• Практическая работа: использование кроссбраузерной верстки

Использование свойств CSS2 и CSS3

• Градиенты, анимация, трансформация (2D и 3D), переходы
• Медиа-запросы (построение мобильных версий сайтов, адаптивная верстка)
• @font-face (веб-шрифты), текстовые эффекты,
• Многоколоночная верстка,
• Работа с фоном (+градиенты)
• Закругление углов, модель Flex-блоков.
• Определение технологий, поддерживаемых браузером.
• Практическая работа: построение выпадающего меню средствами HTML5 и CSS3

Верстка макета

• Принципы нарезки макета из psd-файла.
• Выбор размеров и вариантов верстки.
• Верстка.
• Практическая работа: нарезка макета страницы
• Практическая работа: верстка страницы по заданному макету.

Разработка и оформление сайтов:

Введение в профессию на курсах веб

• Задачи веб-дизайнера, его место и роль в создании веб-сайта
• Особенности работы в команде и фрилансе
• Постановка задачи для веб-дизайнера
• Современные направления в дизайне, принцип "mobile first" и другие
• Анализ аудитории сайта
• Основные принципы восприятия информации на веб-сайте пользователями
• Анализ конкурентов, способы анализа и сбора информации
• Описание информационной архитектуры сайта
• Структура страницы сайта, типы сайтов
• Создание прототипов страниц сайта. Стандартные элементы сайта, способы прототипирования

Маркетинг и структура Landing page

• Варианты создания лендингов (SAAS решения, HTML-шаблоны, бесплатные фреймворки)
• Уникальное торговое предложение при создании лендинга
• Эффективная продающая структура лендинга
• Инструменты привлечения обращений и повышения конверсий

Технологии для создания Landing page

• Установка и настройка фреймворка
• Создание адаптивной структуры лендинга для мобильных устройств
• HTML-верстка дизайн-макета лендинга
• Установка и настройка обработчика форм обратной связи

Продвижение и аналитика Landing page

• Внутренняя SEO-оптимизации лендинга
• Установка аналитики, настройка целей по событиям
• Технология А/Б тестирования Landing page
• Обзор рекламных сервисов для продвижения лендинга
• Различные варианты оплаты рекламных сервисов (CPC, CPO, CPM, CPA модели)

Визуальное оформление веб-сайта на web курсах

• Стили дизайна: тенденции развития
• Виды макетов: фиксированный, резиновый, адаптивный, отзывчивый
• Сетки дизайна
• Современные принципы дизайна: Google Material Design и другие
• Использование текстовой и графической информации, вопросы легального использования. Полезные ресурсы
• Цветовое и стилевое решение
• Вопросы типографики, выбор шрифтов
• Создание макета страницы в Adobe PhotoShop (или другой графической программе), приемы работы с разметкой макета и векторной графикой. Способы повышения эффективности работы
• Использование иконок, пиктограмм, фонов
• Создание разных версий страницы с учетом требований адаптивного дизайна
• Защита своего дизайна: аргументы и факты 

Интернет-магазины:

• Разработка структуры будущего сайта.
• Прототипирование
• Создание  страниц (корзины, карточки товара и т.д)
• Дизайн  интернет-магазина
• Всплывающие окна 

Мобильная версия сайта:

• Адаптация макета лендинга под мобильные устройства
• Адаптация макета интернет-магазина под мобильныее устройства
• Адаптация корпоративного сайта или сайта-визитки под мобильные устройства

Корпоративный сайт: 

• Прототипирование.
• Создание прототипа корпоративного сайта в соответствии с существующим корпоративным стилем

Верстка макета в школе веб дизайна

• Кодирование макета
• Способы кодирования типовых элементов макета
• Представление растровой и векторной информации. Выбор типов файлов и разрешений. Особенности представления векторной графики, использование формата SVG, полезные ресурсы и программы
• Использование CSS-спрайтов для оптимизации загрузки страницы
• Создание мобильной версии

Как сделать ещё лучше!

• Использование CSS-эффектов для "оживления" страницы
• Видео на сайте: варианты и особенности применения
• Анимации и микровзаимодействия (microinteraction) на сайте, способы их создания и применения
• Применение скриптов (javascript)
• Вопросы использования движков и конструкторов сайтов. Проблемы, которые встают в этом случае перед веб-дизайнером
• Рекомендации, как не остаться в стороне от прогресса, новые технологии и новые перспективы

Основы веб-программирования:

 Основы программирования

• Введение в JavaScript (ECMAScript-262)
• Обзор базовых типов
• Операторы
• Выражения и инструкции
• Переменные и константы
• Манипуляции с базовыми типами
• Тривиальные типы

 Управляющие конструкции

• Цикл while
• Операторы инкремента и декремента
• Цикл for
• Цикл do while
• Управляющие конструкции if – else if – else
• Прерывание и продолжение цикла
• Управляющая конструкция switch
• Практикум: Практическое применение управляющих конструкций в JavaScript

 Функции

• Понятие функций
• Декларация функций
• Аргументы функции
• Возврат значений
• Области видимости
• Функция-выражение
• Анонимная функция
• Практикум: Использование функций при процедурном подходе в программировании

Объектные типы

• Объектный тип: Объект (Object)
• Свойства объекта
• Методы объекта
• Объектный тип: Массив (Array)
• Свойство и методы функций
• Практикум: Использование объектных типов в JavaScript

Объектно-ориентированное программирование

• Конструкторы объектов
• Прототипы
• Классы
• Практикум: Применение объектно-ориентированного подхода в программировании

Объектная модель браузера

• Объектная модель браузера
• Объект Window
• Объект Navigator
• Объект Screen
• Объект History
• Объект Location
• Объект Document
• HTML-коллекции
• Практикум: Практическое использование объектов браузера

Использование элементов HTML

• Свойства и методы элемента Form
• Свойства и методы элемента Input
• Свойства и методы элемента TextArea
• Свойства и методы элемента Select
• Свойства и методы элемента Option
• Свойства и методы элемента Image
• Свойства и методы элемента Table
• Практикум: Практическое использование элементов HTML

Объектная модель документа: DOM

• Document Object Model (DOM)
• Типы узлов
• Связи между объектами
• Свойства и методы интерфейса Node
• Свойства и методы интерфейса Element
• Свойства и методы интерфейса Document
• Нестандартные свойства и методы HTML-элементов
• Свойства и методы коллекции styleSheets
• Практикум: Использование объектной модели документа

События и их обработка

• Список событий
• Модели событий
• Назначение обработчиков событий
• Работа с обработчиками событий
• Получение ссылки на событие
• Отмена действий по умолчанию
• Кроссбраузерные свойства события
• Получение ссылки на элемент
• Использование фазы всплытия событий
• Отмена всплытия события
• Практикум: Использование разных моделей событий

Использование библиотеки jQuery:

Введение в jQuery

• Использование текстовых редакторов
• Использование javascript-консоли в браузерах
• Введение в jQuery
• API jQuery
• Выборка в jQuery
• Фильтрация
• DOM: отношения элементов
• Работа с элементами веб-формы
• Лабораторная работа

События и манипуляции с элементами

• События jQuery
• Обработка событий
• Объект Event
• Отмена событий
• Добавление элементов
• Манипуляции с элементами
• Делегирование событий
• Лабораторные работы

Анимация в jQuery

• Базовые эффекты
• Управление эффектами
• Метод animate()
• Исследование анимации
• Полезный метод grep()
• Лабораторные работа

Практическая работа с jQuery

• Создание кода плавного показа картинок
• Оптимизация кода
• Создание шаблонизатора
• Использование шаблонизатора Handlebars

Основы создания сайтов:

Установка/настройка веб-сервера и PHP

• Вопросы, на которые надо ответить
• Как это работает?
• Установка веб-сервера
• Настройка веб-сервера
• Установка PHP
• Настройка PHP
• Первый скрипт на PHP

Основы PHP

• Синтаксис
• Операторы
• Переменные
• Константы
• Типы
• Управляющие конструкции
• Лабораторные работы по теме

Управляющие конструкции: циклы

• Операторы инкремента/декремента
• Цикл for
• Цикл while
• Цикл do-while
• Итерирование массива
• Цикл foreach
• Лабораторные работы по теме

Пользовательские функции

• Описание функции
• Вызов функции
• Аргументы функции
• Аргументы функции по умолчанию
• Область видимости переменных
• Статические переменные
• Возврат значений
• Уточнение типа
• Лабораторные работы по теме

Что внутри PHP?

• Документация PHP
• Обзор встроенных функций
• Встроенные константы и псевдоконстанты
• Суперглобальные переменные
• Функции подключения файлов
• Лабораторная работа по теме

Изучаем HTTP: формы

• Стандарт HTTP/1.1
• Заголовки запроса и ответа
• Статус сервера
• Доступ к заголовкам запроса – переменные окружения сервера
• Работа с веб-формами
• HTTP-методы запросов
• Проверка передаваемых значений
• Лабораторная работа по теме
• Финальная практическая работа

Разработка web - сайтов и взаимодействие с MySQL

Cookie

• Что такое Cookie?
• Параметры cookie
• Типы cookie
• Временные
• Постоянные
• Создание cookie
• Чтение cookie
• Удаление cookie
• Сохранение массивов в cookie
• Лабораторная работа по теме

HTTP-заголовки ответа сервера

• Метод HEAD
• Заголовки ответа сервера
• Переадресация (Location)
• Перезапрос ресурса (Refresh)
• Установка типа содержимого (Content-Type)
• Управление кэшированием (Cache-Control, Expires)
• Буферизация

Сессии

• Что такое сессия?
• Создание сессии
• Чтение сессии
• Удаление сессии
• Параметры сессии
• Лабораторная работа по теме

Работа с файловой системой

• Функции для работы с файлами
• Режимы работы
• Чтение и запись
• Работа с курсором
• Прямая работа с файлами
• Запирание файлов
• Функции для работы с директориями
• Загрузка файлов на сервер по HTTP
• Лабораторная работа по теме

Основы работы с базами данных

• Общие сведения о базах данных
• Требования к структуре базы данных
• Реляционная СУБД
• Нормализация
• Общие сведения о SQL
• Выборка записей
• Вставка записи
• Удаление записи
• Изменение записи
• Создание базы данных и таблицы

Сервер баз данных MySQL

• Общие сведения о сервере баз данных MySQL
• Установка сервера баз данных MySQL
• Конфигурация сервера баз данных MySQL
• Программы для работы с сервером баз данных MySQL
• Использование утилит командной строки
• Экспорт и импорт баз данных
• Лабораторная работа по теме

Использование сервера баз данных MySQL в приложениях PHP

• Расширение MySQLi
• Соединение с сервером баз данных MySQL
• Выбор базы данных
• Исполнение запроса
• Получение результата запроса
• Полезные функции
• Опасность SQL-иньекций
• Подготовленные запросы
• Лабораторная работа по теме

Практическая работа: создание интернет-магазина

• Создание базы данных
• Создание каталога товаров
• Выборка товаров из каталога
• Создание корзины пользователя
• Выборка товаров из корзины пользователя
• Удаление товаров из корзины пользователя
• Формирование заказа
• Выборка заказов
• Повышение безопасности (если останется время)
   

Профессиональная разработка на PHP 7

Объектно-ориентированное программирование на PHP

• Классы
• Свойства и методы
• Конструкторы и деструкторы
• Клонирование объектов
• Наследование
• Перегрузка методов
• Методы доступа к свойствам и методам
• Обработка исключений
• Константы класса
• Абстрактные классы и методы
• Интерфейсы
• Финальные классы и методы
• Статические свойства и методы класса
• "Магические методы"
• Уточнение типа (type-hint)
• Типажи (traits)
• Другие полезные мелочи
• Лабораторные работы по теме

  Практическое использование ООП с базой данных SQLite

• Введение в SQLite
• Преимущества и ограничения SQLite
• Особенности SQLite
• Выполнение основных операций работы с SQLite
• Создание базы и таблиц
• Вставка, обновление, удаление записей
• Выборка данных
• Лабораторные работы по теме

PHP и XML

• Введение в XML
• Обзор возможностей по работе PHP с технологией XML
• SAX
• DOM
• SimpleXML
• Обзор XSL/T
• Преобразование данных на сервере
• Лабораторные работы по теме

PHP и XML Web-services

• Введение в XML Web-services
• Обзор RPC
• Обзор SOAP
• Использование расширения SOAP
• Использование WSDL
• Обзор XML-RPC
• Использование расширения XML-RPC
• Использование контекста потока
• Лабораторная работа по теме

  Сокеты и сетевые функции

• Соединение с удаленными узлами через сокеты
• Сетевые функции

  Работа с графикой

• Введение в графические форматы
• Вопросы генерации графики на PHP 5
• Использование расширения GD2
• Базовые функции для работы с графикой

PHP:

Установка/настройка веб-сервера и PHP

• Вопросы, на которые надо ответить
• Как это работает?
• Установка веб-сервера
• Настройка веб-сервера
• Установка PHP
• Настройка PHP
• Первый скрипт на PHP

Основы PHP

• Синтаксис
• Операторы
• Переменные
• Константы
• Типы
• Управляющие конструкции
• Лабораторная работа

Циклы

• Операторы инкремента/декремента
• Цикл for
• Цикл while
• Цикл do-while
• Итерирование массива
• Цикл foreach
• Лабораторная работа

Пользовательские функции

• Описание функции
• Вызов функции
• Аргументы функции
• Аргументы функции по умолчанию
• Область видимости переменных
• Статические переменные
• Возврат значений
• Рекурсивная функция
• Лабораторная работа

Что внутри PHP?

• Документация PHP
• Обзор встроенных функции
• Математические функции
• Функции для работы с переменными
• Функции обработки строк
• Функции для работы с массивами
• Функции даты и времени
• Встроенные константы
• Суперглобальные переменные
• Функции эмуляции SSI
• Лабораторная работа

Проектирование и создание баз данных для web:

Установка и запуск сервера MySQL 5.x в качестве службы

• Описание особенностей и преимуществ MySQL
• Установка сервера MySQL 5.x
• Лабораторная работа: Установка сервера MySQL 5.x
• Описание архитектуры MySQL
• Программы и утилиты для работы с сервером (включая графический интерфейс пользователя (GUI) для выполнения запросов и получения результатов)
• Лабораторная работа: Установка пакета Workbench 5.2.x для моделирования БД, разработки и администрирования сервера MySQL
• Команды консоли сервера, операторы SHOW, USE
• Использование базы данных INFORMATION_SCHEMA для получения информации о метаданных
• Лабораторная работа: Работа с консолью сервера MySQL 5.x
• Домашнее задание

Проектирование реляционной базы данных

• Проектирование базы данных
• Основные типы данных в MySQL 5.x и оптимальный выбор типа для хранения своих данных
• Практическая работа: выбор типа данных для хранения информации
• Нормализация базы данных, ключи, ключевые атрибуты
• Зависимости и отношения между сущностями в БД
• Использование пакета Workbench 5.2.x при проектировании БД
• Лабораторная работа: Моделирование и нормализация простой БД (включая физическое проектирование)
• Домашнее задание. Тестирование (5 мин)

Синтаксис выражений SQL для определения структуры данных

• Выражения SQL, операторы определения структуры данных
• Лабораторная работа: создание БД на сервере MySQL 5.x
• Индексов и ограничений. Добавление и удаление индексов из таблицы
• Лабораторная работа: создание отношений между таблицами БД
• Выражения (операторы) манипулирования данными
• Лабораторная работа: наполнение БД из внешних файлов
• Домашнее задание. Тестирование (10 мин)

Выражения SQL: манипулирование данными

• Оператор SELECT и выборка данных
• Предикаты (клаузулы) WHERE, ORDER
• Агрегирующие функции (агрегаты)
• Ограничение выборки
• Лабораторная работа: Выборка данных с агрегацией значений
• Группировка данных
• Предикат HAVING
• Лабораторная работа: Выборка данных с группировкой
• Объединение таблиц
• Лабораторная работа: Внутреннее объединение таблиц

Объединение запросов и манипулирование данными

• Объединение запросов (UNION)
• Использование подзапросов и множеств значений
• Лабораторная работа: Построение и использование объединенных запросов
• Временные таблицы и просмотры
• Обновление и удаление данных
• Лабораторная работа: Обновление, удаление данных
• Домашнее задание. Тестирование (10 мин)

Хранимые процедуры и триггеры

• Назначение и создание хранимых процедур
• Использование хранимых процедур
• Лабораторная работа: создание и использование хранимых процедур
• Триггеры
• Обеспечение ссылочной целостности
• Лабораторная работа: Создание и использование триггеров

Транзакции и типы хранилищ MySQL

• Блокировки и их типы
• Понятие транзакции, свойства ACID
• Лабораторная работа: использование транзакций Типы хранилищ MySQL
• Выбор оптимального хранилища
• Лабораторная работа: использование различных типов хранилищ
• Тестирование 10 мин

Оптимизация и обслуживание сервера MySQL 5

• Резервное копирование и аварийное восстановление информации
• Проверки и восстановление таблиц
• Лабораторная работа: Резервное копирование и восстановление
• Разделение прав пользователей
• Оптимизация запросов
• Оптимизация баз данных
• Оптимизация конфигурации сервера
• Лабораторная работа: Оптимизация лабораторной базы данных и проверка эффективности работы

Google AdWords. Эффективная реклама в Интернете:

Маркетинг в поисковых системах, реклама в Интернет

• Задачи и принципы работы интернет-рекламы
  • Роль контекстной рекламы: прямой отклик и брендинг
  • Виды контекстной рекламы в Интернете
• Сеть контекстной рекламы Google AdWords
  • Принципы работы контекста в сети на примере Google AdWord
• Начало работы в Google AdWords
  • Настройка аккаунта Google AdWords
  • Способы оплаты рекламной кампании в Google AdWords 

 Разнообразные возможности интернет рекламы Google AdWords

• Последовательность шагов при создании рекламной компании в Google AdWords
• Особенности таргетинга в Google AdWords
  • Языковой таргетинг и геотаргетинг (тагренинг по разным странам и территориям)
  • Особенности временного таргетинга в Google AdWords
  • Таргетинг на мобильные устройства
• Общие рекомендации по подбору ключевых и составлению качественных объявлений
• Оценка показателей качества ключевых слов в Google AdWords
  • Уточнение списка ключевых слов
  • Инструменты для работы с ключевыми словами
  • Инструмент подсказки ключевых слов на основе поиска
  • Статистика поиска Google
  • Динамическая вставка ключевых слов

Настройка рекламной кампании в Google AdWords

• Настройка рекламной кампании в контекстно-медийной сети Google – типы рекламных площадок
• Инструменты для оценки трафика в Google AdWords
• Инструменты подбора мест размещения в контекстно-медийной сети Google
• Подбор ключевых слов для показа контекстно-медийных объявлений
• Контроль расходов на рекламу в Google AdWords

Разнообразные возможности интернет рекламы Google AdWords

• Медийные объявления Google AdWords
  • Добавление графических объявлений - редактор медийных объявлений Google AdWords
  • Особенности видео-объявлений Google AdWords

Оптимизация рекламной кампании Google AdWords

• Оценка показателей качества рекламных компаний в Google AdWords
  • Как назначать демографические ставки?
  • Разработка стратегии ремаркетинга ( ретаргетинга)
  • Как создать кампанию с таргетингом на места размещения?
  • Как можно исключить определенные сайты и категории сайтов?
• Отслеживание и оптимизация конверсий
• Отчетность и статистика рекламных кампаний в Google AdWords
• Новые возможности Google AdWords – темы, аудиторий и ремаркетинг

Повышение эффективности рекламной компании Google AdWords

• Средства диагностики рекламной компании в Google AdWords
  • Почему я не вижу свое объявление – особенности показа объявлений в Google AdWords
  • Как пользоваться инструментом «Отклоненные объявления»?
  • Как пользоваться инструментом диагностики объявлений?
• Инструменты AdWords для отслеживания эффективности рекламной компании
  • Формирование ставок - оптимизатор бюджета и оптимизатор конверсий Google AdWords
  • Что нужно знать про СРМ
• Редактор AdWords
  • Особенности и преимущества
  • Советы и рекомендации по использованию
• Центр клиентов – управление несколькими аккаунтами Google AdWords

Интеграция Google AdWords c различными сервисами Google

• Улучшение качества работы посадочных страниц сайта с помощью инструментов Google Analytics
• Использование Google Analytics для повышения эффективности работы рекламной компании
• AdWords API – возможности по созданию собственных приложений

Google Analytics. Профессиональная аналитика и оценка эффективности сайтов:

Аналитика эффективности работы сайта

• Для чего нужна аналитика?
• Способы анализа работы сайта
• Обзор популярных трекеров
  • Google Analytics
  • Яндекс.Метрика
• Критерии эффективности работы сайта
• Конверсия и показатели конверсии
• Целевые страницы и связь с конверсией

• Регистрация и установка Google Analytics
  • Создание аккаунта Google
  • Добавление сайта
  • Настройка аккаунта и сайта
  • Настройка целевых страниц
  • Управление пользователями
• Регистрация и настройка Яндекс Метрики
  • Создание аккаунта Яндекс Метрика
  • Добавление сайта
  • Настройка аккаунта и сайта
  • Настройка целевых страниц
  • Управление пользователями
• Установка кода отслеживания на сайт
• Проверка статуса отслеживания
• Практическая работа: установка кода отслеживания на сайт 

Анализ аудитории сайта

• Посетители, география, технические возможности
• Отчеты по посетителям: оценка текущей аудитории сайта
• Формирование произвольных отчетов
• Формирование отчетов в различных видах
• Демографическая и половозрастная структура аудитории
• Практическая работа: формирование отчета по городам посетителей
• Работа с расширенными сегментами
• Формирование произвольных сегментов и фильтров
• Практическая работа: формирование сегмента по выбранным правилам 

Анализ источников трафика

• Анализ основных источников трафика
• Анализ конверсии переходов
• Анализ поисковых систем и ключевых слов
• Анализ эффективности SEO-продвижения
• Метки в URL. Почему следует использовать UTM-метки
• Инструмент «Компоновщик URL»
• Практическая работа: Создание меток для учета эффективности ссылок и рекламы 

Анализ эффективности содержания сайта и достижения целей

• Анализ содержания сайтов
• Выявление предпочтений пользователей
• Интеграция с поисковыми системами
• Цели и конверсия
• Проверки правильности выбранных целей
• Формирование целей по произвольным параметрам
• Практическая работа: Использование и интеграция с поисковыми системами
• Анализ ссылок и дизайна
• Карты ссылок и карты кликов
• WebVisor
• Практическая работа: Настройка Яндекс.Метрики на использование WebVisor 

Анализ эффективности продаж на сайте

• Переключение аккаунта на режим электронной коммерции
• Способы учета транзакций на сайте
• Код отслеживания транзакций
• Способы встраивания кода отслеживания транзакций на сайт
• Практическая работа: Встраивание кода отслеживания транзакций
• Анализ транзакций на сайте
• Методы оценки эффективности рекламы и переходов
• ROI: Возврат инвестиций, методики оценки
• Практическая работа: Оценка эффективности рекламной компании 

Дополнительные возможности: отслеживание событий, фильтры

• Назначение и использование фильтров
• Фильтрация входящего трафика
• Использование разных профилей для отслеживания с фильтрами
• Практическая работа: Создание дополнительного профиля
• Пользовательские фильтры
• Отслеживание событий, назначение и использование
• Код отслеживания событий
• Интеграция событий с возможностями сайта
• Практическая работа: Интеграция кода отслеживания событий
• Подведение итогов 

Интернет - маркетинг, продвижение и поисковая оптимизация сайтов (SEO):

Введение в интернет-технологии

• Как работают браузеры с сайтами, как работает интернет
• Принципы формирования URL-адресов
• Что такое язык разметки HTML. Основные теги
• Правила оформления HTML-документа. Основной синтаксис
• Основные понятия CSS и способы определения стилей
• Что такое кодировки текста и как с ними работать

Хостинг

• Что такое хостинг
• Что такое домены
• Что такое  DNS и как его настраивать
• FTP, ftp-клиенты, как работать с файловой системой сайта
• Зачем нужен SSH и как с этим работать
• Настройка переадресаций на Apache

Современное сайтостроение

• Процесс разработки интернет-сайта, динамические и статические сайты
• CMS - принципы построения сайтов
• Заголовки сервера в HTTP и коды ответа
• Cookies, параметры сессии, кукисы в браузерах, их использование
• Что такое базы данных и зачем они нужны сайтам
• Обзор языков программирования Javascript и PHP

Что такое SEO, принципы работы поисковых машин, основные термины

• Обзор каналов интернет-маркетинга и место SEO среди них
• Структура страницы выдачи поисковиков и ее элементы
• База "Что такое SEO" - поиск, запрос, страница, сайт
• Индексация, сохраненная копия, апдейты
• Понятие релевантности и уникальности
• Актуальные фильтры и алгоритмы Яндекса и Google
• Бан и методы продвижения: черные, белые, серые
• Факторы ранжирования сайтов в поисковой выдаче
• Основные этапы продвижения сайта
• Особенности продвижения нового сайта с нуля

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

• Виды поисковых запросов
• Инструменты подбора запросов
• Лабораторная работа: подбор запроса для продвижения страницы в SEO-тренажере

Техническая база оптимизации

• Коды ответа сервера и их проверка
• Поиск битых ссылок и их устранение
• 301-е редиректы
• Оформление страницы 404-й ошибки
• Способы настройки редиректов на сайте и их проверка
• Зеркала и дубли и причины их появления
• Управление индексацией страницы в ее коде
• Файл robots.txt
• Карта сайта sitemap.xml
• Лабораторная работа: проверка кодов ответа сервера, написание и проверка файла robots.txt

Внутренняя оптимизация

• Разработка контента: правила написания SEO текстов, постановка задачи копирайтеру, инструменты проверки качества текста
• Оптимизация мета-тегов title, description, robots, тегов h1-h6 и др.
• Правила написания сниппета с высоким CTR
• Оптимизация изображений
• Использование семантической разметки (микроразметки)

Внешняя оптимизация

• Вес ссылки и его передача
• Оптимизация внутренних ссылок (перелинковка)
• Ссылочная масса и способы её наращивания, крауд-маркетинг для ссылок
• Правила подбора доноров и оценка авторитетности доноров
• Лабораторная работа: анализ ссылочной массы с помощью сторонних сервисов

Сервисы для оптимизатора

• Google Search Console
• Яндекс.Метрика и Google Analytics

Глобальные изменения в современном SEO. Стратегия, конкурентный анализ, оценка эффективности продвижения

• Машинное обучение в алгоритмах современного поиска
• Принципы семантической релевантности - LSI (ИСС)
• Аудит продвижения сайтов
• Параметры анализа конкурентов для разработки стратегии продвижения
• Показатели эффективности в SEO-продвижении
• Разработка сбалансированного KPI для оценки качества работ SEO-специалиста

Маркетинг и продвижение в социальных медиа:

Понятие «социальные медиа», история возникновения на курсах сео

• История развития
• Терминология
• Основные виды и характеристики социальных медиа 

Основы маркетинга в социальных сетях

• Пять видов монетизации интернет-проектов
• Успешные кейсы быстрой раскрутки SMM-сообществ
• Как вести SMM для B2B

KPI

• Три основных показателя эффективности в SMM
• Главные KPI для руководителя
• Как измерять эффективность SMM маркетинга
• Что такое UTM метки и как их использовать
• Как учитывать звонки из соц. сетей
• Практика: Знакомство с SMM и веб-аналитикой

Контентная стратегия

• Виды стратегий контента
• Cпособы автоматизации контента
• Практика: Составление первого плана контента

Создание и управление сообществом

• Регистрация и оформление сообществ в социальных сетях
• Чем отличается группа от паблика Вконтакте и в FaceBook
• Отложенные посты Вконтакте и в FaceBook
• Использование SMM-смайлов
• Практика: Создание сообщества, публикация отложенных постов, использование смайлов в постах

Оформление сообщества

• Что такое WIKI-разметка и как её использовать в своем сообществе?
• Практика: Создание wiki-меню и wiki-постов

SEO в социальных сетях

• Поисковое продвижение для социальных сетей
• Использование мотивированного трафика
• Практика: Покупка платных участников в свое сообщество

Таргетированная реклама

• Что такое таргетированная и ретаргетированная реклама?
• Разработка стратегии таргетирования показа рекламных объявлений
• Размещение текстовых и медийных рекламных объявлений в интернет-медиа
• Как показывать свою рекламу клиентам, у которых вы знаете только телефон или email
• Как использовать нестандартные таргетинги, отсутствующее в стандартном интерфейсе
• Практика: Настройка таргетированной рекламы Вконтакте, FaceBook, Одноклассники
• Практика: Настройка рекламы по номерам телефонов и email’ов

Партнерский маркетинг

• Составление медиа-плана проведения рекламной кампании
• Работа с лидерами мнений
• Проведение конкурсов и опросов в социальных медиа
• Практика: Расчет затрат и отдачи от публикаций в сторонних сообществах
• Практика: Определение победителей для конкурсов

SMO: Интеграция сайта и SMM

• Как использовать ваш сайт для раскрутки соц. сетей
• Как повысить доверие к вашему сайту с помощью отзыв из соц. сетей
• Что такое приложение в соц. сетях и чем оно эффективно
• Практика: Создаем свое приложение в Вконтакте и FaceBook
• Практика: Настройка виджетов для Вконтакте, FaceBook, Одноклассники

 Копирайтинг:

Специфика текста, который будет продавать

• Эффективная методика написания уникального продаваемого текста.
• 6 «китов» УТП для продающего текста
• Формулы продающих текстов (AIDA, PMPHS и др.)
• Основные элементы продающего текста
• Практическая работа:
  • отработка навыка составления УТП;
  • написание продающего текста поэтапно;
  • анализ выполненнных заданий.
• Как написать читабельные тексты к сайту
• Продающие seo-тексты
• «Изюминки» страниц в соцсетях
• Практическая работа:
  • создание продающего текста для сайта; написание seo-текста;
  • отработка навыка введения в текст ключевых запросов;
  • работа со страницами в Facebook и др.

Технология и психология трудоустройства:

Поиск работы

• Мониторинг рынка труда, уровня предлагаемых заработных плат, условий, требований по специальности.
• Поиск фирмы: сбор и анализ доступной информации о возможных работодателях.

CV. Подготовка самопрезентации

• Составление CV. Важные мелочи при составлении Резюме. Самая распространенная ошибка – плагиат.
• Правила составления Резюме: системность, краткость, информированность.
• Сопроводительное письмо.
• Предоставление рекомендаций.
• Телефонный разговор с представителем фирмы-работодателя.

Организация встречи с работодателем. Собеседование, тестирование: стратегия поведения. Психологический тренинг. Вопросы найма, трудовые и иные контракты

• Получение приглашения на работу: встреча с работодателем; самопрезентация во время собеседования.
• Вопросы работодателя: типичные, атипичные, заковыристые, на проверку выдержки, на правдивость.
• Варианты возможного собеседования (Ситуационное собеседование. Стрессовое собеседование. Групповое собеседование. Метод проективного интервью.)
• Тесты: профессиональные; личностные; межличностные.
• Получение работы: заключение контракта, виды контрактов, их последствия; испытательный срок.
• Что обязательно нужно выяснять соискателю до оформления трудовых отношений.
• Примеры поведения «хитрых» работодателей, «бесплатная» работа.
• Алгоритм и правила «правильного» трудоустройства. 

Психология общения с клиентами:

Психология успешного общения с клиентами

• Имидж и его составляющие в глазах клиента
• Не вербальные характеристики имиджа – внешний вид, особенности пластики, мимики, невербальных характеристик речи.
• Вербальные характеристики – выбор языка общения, культура общения, грамотность речи (профессиональный сленг, слова паразиты и тп). Важность грани между дружелюбием и фамильярностью, уверенностью в себе и самоуверенностью, требовательностью и наглостью.
• Репутация и «легенда о себе», значение, простые способы создания правильной «легенды».
• Темперамент, характер, ценности и установки. Какие особенности помогают, а какие мешают установлению правильных отношений с клиентом.
• Подстройка. Психоманипулятивные техники повышающие эффективность общения (убедительность речи, умение вызывать доверие и просто нравиться людям).
• Основы НЛП – запрещенные слова и фразы, способы формирования «позитивных формул». Речевые сигналы от клиента, их важность и работа с ними.
• Запрещенные темы для обсуждения с клиентами.
• Запрещенные темы для обсуждения между коллегами при клиентах.

Клиент.

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

Конфликт.

• Работа с жалобами и возражениями.
• Слова- конфликтогены;
• Виды претензий: обоснованные, необоснованные, с целью шантажа;
• Необходимость приветствия возражений;
• Основные ошибки при принятии жалоб;
• Как правильно говорить «нет»;
• Работа со стандартными претензиями;
• Чем могут быть полезны Вам претензии и жалобы клиентов;
• Когда необходимо привлекать администрацию к решению ситуации.

 Варианты оплаты:

Физическое лицо:

• оплатить обучение можно наличными в кассу учебного центра;
• картой через терминал Приватбанка в офисе;
• на сайте картой через калькулятор,
• квитанцией через Ощадбанк (Приватбанк),
• заключить договор через вайбер (телеграмм) и получить счет.

Юридическое лицо (предприятие):

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

1. для договора нужно переслать нам на вайбер (098) 087-31-41 реквизиты предприятия,
2. ФИО директора и указать на основании какого документа он действует).

Наш адрес и телефоны:

• Украина, Киев, метро "Вокзальная", ул. Патриарха Мстислава Скрипника (бывшая ул. Николая Островского), 58.
  
• (098) 087-31-41, (095) 527-00-70
• вайбер (098) 087-31-41

Более 10 лет опыта работы в дизайне, рекламе и СМИ:

• Печатные СМИ (графическое и текстовое наполнение, работа с фотокорреспондентами, фотосессии, верстка, глянец).
• Журналы: «Личный Счет» (арт-директор), XXL (арт-директор); «Колесо Жизни» (начальник арт-отдела); Б-52 (весь внутренний блок) и другие.
• Веб-дизайн, веб-редактирование.
• Сайты и порталы: ibank.ua, uv.ukranews.com; jagg.com.ua и другие.
• Дизайн-макетирование (этикетка, наружка, периодика, ПОСМ, атрибутив акций, каталоги товаров).
• Клиенты: «Лантманнен Акса» (ТМ «START!»), Львовский хладокомбинат, Валковский завод продтоваров («Галс»), «БудМакс», «DOMOTEXNIKA», «Пошторг», «Технохолод», минеральная вода «Рай-Еленовская» и другие.
• БТЛ (разработка промо-акций), ивенты (разработка концепций мероприятий).
• Бренды и TM: Actimel, Exxon Mobil, «Кириешки» и другие.
• Препресс, цветокоррекция;
• Управление творческим отделом (арт-директор в журналах, креатив-директор БТЛ-агентства, руководитель небольшого РА, главный редактор);
• Прочее: маркетинг, копирайтинг, интернет-журналистика, форумы, блоги.

Образование:

• Киевский институт рекламы, Графический дизайн и реклама
• Художественная школа №1
• Криворожский педагогический университет

Опыт работы:

• ДП "Эйвон косметикс Юкрейн", отдел маркетинга, специалист по компьютерной графике, веб-дизайнер, веб-разработчик
• АН "CREDO", менеджер по рекламе
• РИА "Перекресток" , веб-дизайнер
• Консалтинговая фирма "Nazcabusiness", веб-дизайнер

Образование:

• Институт Дизайна (Киев)
• Год окончания 2010

Опыт работы:

• Web Designer - Бф Часослов с февраля 2010 по - настоящее время
• HTML-верстальщик
• Front End программист
• Дизайнер ( Web design HTML 5) отличное знание программ HTML5 / CSS3/JS/ ReactJS/ Redux/Vue.js
• Уверенные знания HTML5, CSS3
• БЭМ
• CSS-препроцессор
• jQuery (native JS)
• Git (Bitbucket)
• Adobe Photoshop, Adobe IIlustrator. InDesign, CorelDraw.

Трёхмерные решения для сайтов в программе Blend4Web.

Опыт в разработке дизайна сайтов, UI, понимание грамотного юзабилити сайтов, понимание макетирования разрешений на разные экраны, умение создавать макет в PSD для верстки.

Креативный и современный взгляд на дизайн, интерес к развитию в дизайне.

• Макеты Дизайн пользовательского интерфейса для настольных и мобильных устройств
• Разработка процесса Дизайн графики и инфографики для корпоративных коммуникаций
• Разработка контента для корпоративного сайта
• Поддержание целостности бренда
• Разработка фирменных комплектов связи

Опыт работы:

• 2009 г. - директор Рекламно-производственной компании «ТайЗ»
• 2007 - 2009 г.г. директор РА «Твист» - Фокстрот ИТ
• 2005 – 2007 г.г. - АРТ директор - маркетолог ООО «Диавест»
• 2004 - 2005 г.г. - дизайнер - АРТ директор ООО «Диавест+»
• 2003 - 2004 – Рекламное агентство «А.Т.Р.», дизайнер.
• 2002 - 2003 г.г. – Киевский завод «Укрпластик», дизайнер компьютерной графики.
• 2000 - 2002 г.г. – научно-производственное объединение «ВЕНАЛ» дизайнер «Дизайн Бюро»

Образование:

• 1986 -1990 г.г. Никопольское педагогическое училище по специальности – трудов и рисования.
• 1993 -1998 г.г. Харьковская художественно-промышленная академия по специальности «Промышленный Дизайн».
• 2006 - 2007 г.г. КМИП специальность - Управление персоналом. Маркетинговые.

Патенты и дипломы:

• Участник проекта по обмену студентами академий Украина – Германия (г. Халле). Практика на HKKG-Art (г. Вецлар).
• 01.10.1998 г. Государственным патентным ведомством Украины выдан Патенты промышленного образца, разработка и проекты.
• 24.02.1998 г. Диплом Союза художников Украины - участника областной выставки Харьковского Дома художника.
• 24.02.1999 г. Диплом Союза художников России - участника Международной выставки Молодых талантов Европа-Азия, Московский Дома художников (живопись-графика).
• 09.09.1998 г. Диплом участника выставки выпускников высших учебных заведений Украины, проходивший в г. Киеве (работы внесены в каталог).

Дополнительное образование:

• 02.09.1998 г. Институтом управления персоналом выдан диплом о повышении квалификации «Специалист компьютерной графики».
• 01.07.08 г. Тренинг - «Организация и управление персоналом».
• 12.03.08 г. Тренинг – «Лидеры своего времени».
• 03.10.08 г. Диплом участника и организатора проекта - «Цирк со звездами», в цирке Кобзов.
• Опыт работы с материалами для оформления интерьеров, экстерьеров, фасадов, торговых площадей, изготовления, рекламы всех видов, и строительства.

Клиенты:

• Ресторан «Пальмира», Бар – «mr Pab», Новая Электроника, Крутые Тачки, Тур агентство «Би Муви, Даммара», Нико-Гранит, Венал, Медиа трейдинг, Tomash, Академия МВД, БЦ Веста, ресторан «Ваниль» и другие.
• Педагогический опыт: Подготовлены студенты по специальным дисциплинам (рисунок, живопись, формообразование, проектирование) для поступления в средне-специальные и высшие учебные заведения.
• Свободное владение декоративными техниками: Батик, Витраж, Декупаж, Роспись стен (сграфитто, фреска, мрамор), Мозаика, Гипсовые отливки, Скульптура, Резьба, Художественная обработка кожи, Керамика, Левкас, Масляная живопись.

Опыт работы :

• Планирование и проведение маркетинговых активностей (Всеукраинских акций).
• Разработка и внедрение фирменного стиля компаний.
• Составление маркетинговых бюджетов.
• Интернет продвижение: оптимизация и продвижение сайта.
• Разработка и изготовление наружной рекламы.
• Дизайн фасадов и интерьеров.
• Опыт организаций и проведения: выставок, акций и рекламных компаний (семинаров, конференций, юбилеев).
• Специалист консультант по применению материалов для наружной рекламы, декоративно-отделочных работ.
• Роспись и декорирование стен и предметов интерьера.
• В сфере рекламы более 15 лет.

Профессиональный художник .

• Член Национального Союза Художников Украины с 2000 года.
• Профильное образование получил в Одесском театральном художественно-техническом училище(1984). Творческий опыт приобретал в мастерских ведущих художников Украины. Работал в производственном комбинате Художественного Фонда СССР в должности художника-проектанта. Неоднократно работал в творческих группах над художественными проектами в доме творчества СХУ "Седнив" в рамках государственного заказа.
• Основные произведения: проекты - литературный музей, г. Одесса(1982), областной фотосалон "Торжество", г. Днепропетровск(1987), музей минералов, г. Кривой рог, областной театр кукол, г. Днепропетровск(1990), шатровые сооружения, г. Киев(1999-2000). Член НСХУ (Энциклопедия Современная Украина т.4)
• Постоянный руководитель творческих групп художников и дизайнеров при выполнении заказов в разных техниках и сложных технологиях.
• Консультант из использования и сочетания традиционных и современных технологий и материалов в оформлении интерьеров и фасадов.

Основные работы с 2000 года:

• 2000 год- создание и изготовление бронзовой сварги с позолотой в кованом обрамлении для частного коттеджа в с. Вишня.
• Создание витражей для частной часовни 4 херувима в технике роспись, и 4 витража набраны из художественного цветного стекла.
• Проект оформление интерьера ресторана "Этуаль" г. Киев.
• 2001 - оформление интерьеров ресторана "Эскалибур" г.Киев
• Проект оформление выставочного стенда для продукции фирмы "Ависта"
• Проект и оформление экспозиции юбилейной выставки к 10-й годовщине независимости Украины. Павильоне №1 в НВЦ Украины. г. Киев
• Создание и изготовление тематических витражей для фирмы "Млечный путь" ул.Коцюбинского, 2 г. Киев
• 2002 - Декоративное оформление интерьеров ресторана "Конунг" г. Киев
• 2004 - Внешняя реклама комплекса СТО Московский проспект, г. Киев

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

Непосредственно педагогический стаж складывает больше 10 лет.

• В 2000 году начал учить молодых художников и дизайнеров с целью повышения их профессионального уровня. Это были авторские уроки и мастер-классы академического рисунка, живописи и материаловедения (по индивидуальной целевой программе). Также проводил лекции и мастер классы по предметам колористика, композиция, витраж.
• С 2005 года регулярно проводит обучение и подготовку абитуриентов к вступлению в ВУЗы, а также, проводит дополнительное обучение студентов в авторской школе-студии.
• Проводит сезонные семинары по повышению квалификации творческих групп на заказ частных фирм.
• В 2009 году открыл авторскую школу-студию в ООШ в с.Гатном Киево-Святошинского района, где учатся деть начиная с 6 лет в группах и индивидуально. По результатам первого года учебы школьников в школе-студии, преподавателями и психологами ООШ было отмечено также улучшение уровня общеобразовательного обучения и адаптации студийцев в школьном коллективе.
• Рисунки учеников студии занимают призовые места на районных конкурсах.
• В пределах программы школы-студии для старших учеников и студентов, кроме академического рисунка и живописи, преподается чертеж и очертательная геометрия геометрия.

В 2012 начал новый проект "Витражная скульптура"

Сегодня Анатолий Вишневський работает как художник-проектант, дизайнер, витражист, скульптор.

Вадим - сертифицированный специалист, преподаватель -практик, мастер интернет-маркетинга с 15-летним стажем. Имеет сертификаты Google, эксперт по Яндекс. Разработчик, администратор огромного количества успешных интернет-проектов. 

Сотрудничал с крупными телекоммуникационными, финансовыми, интернет-магазинами, софтверными компаниями.
Владеет самой последней и современной информацией о том, как функционирует
современный онлайн-бизнес. Знает, какими должны быть успешные сайты и веб-порталы. Профессионал в электронной коммерции, веб-аналитике, сео, веб-маркетинге, успешно определяет круг потенциальных потребителей, знает как работать с целевой аудиторией, анализировать конкурентов и их рекламные мероприятия в сети Интернет.
Имеет большой опыт в области поисковой и контекстной рекламы. Владеет практическими навыками обслуживания и администрирования сайтов на таких CMS, как 1С-Битрикс (Bitrix), WordPress, Joomla. Много лет подряд был руководителем множества интернет-проектов, интернет-маркетологом, руководителем интернет-портала, интернет-магазина.

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

Образование:

• Национальный технический университет Украины "Киевский политехнический институт", Кие, Инженерно-химический факультет, Компьютерное проектирование машин и оборудования по переработке полимерных композиционных материалов
• Национальный авиационный университет, Киев, Факультет компьютерных систем, Компьютерные системы и сети

Опыт работы:

• Оптокон Украина (Киев, www.optokon.ua) — Телекоммуникации, связь
• Интернет-портал Xvatit.com (Киев, xvatit.com) — СМИ, маркетинг, реклама, PR, дизайн, продюсирование
• Интернет-магазин ebuy.com.ua (Киев, ebuy.com.ua) — Розничная торговля

Ключевые навыки

• Опыт создания, администрирования, оптимизации сайтов - 5 лет.
• Владение основными CMS (предпочтительно Joomla), настройка, модификация шаблонов, компонентов, плагинов, модулей.
• Хорошие знания HTML, CSS, PHP, JS, MySQL.
• Собственный сайт - ivi-studio.com.ua
   

Образование:

• Художественное образование
• Глубокие теоретические и практические знания рекламы, как инструмента маркетинга, знание психологии цвета и шрифта
• Генерация идей, проведение брейнштормов, организация и постановка съёмок, высокая креативность
• Реклама, Маркетинг, Дизайн, Искусство

Опыт работы:

• Более чем 10ти летний опыт работы в рекламном бизнесе

• Креативный директор - окт 2006 - настоящее время (10 лет 8 мес)
• Креативный директор от 20 до 50 сотрудников Реклама и PR-услуги

Сайт с примерами работ:

• www.chumakdesign.com
• www.chumakart.com