Школа дизайну - Курсы Web-дизайнер-программист(1+2+SEO)
Консультації:
Про компанію
Знижки та акції
Відгуки
Онлайн консультації
Статті
Контакти
Зателефонуйте мені
Помилка доступу до сервера.
Спробуйте пізніше.
Невірно введені дані.
Виправте і спробуйте ще раз
Ваш запит успішно відправлений.
Введіть Ваше ім'я
Введіть курс навчання
Введіть номер телефону
Введіть число
з картинки*:
Введіть число
* обов'язкові для заповнення поля
Онлайн консультації по Skype
Головна /   Школа дизайну /   Курсы Web-дизайнер-программист(1+2+SEO)


Курсы ВЕБ

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

(Повний професійний курс)

очно в Києві або онлайн

244 ак. години  (61 заняття по 4 ак. години, 1 ак. година = 45 хв). Тривалість: від 5 до 5,5 місяців. 3-5 разів на тиждень (на вибір). Можна підлаштувати під власний графік роботи.

Час навчання у групі (на вибір):

  • денні групи з 9:30 до 12:30; з 12:30 до 15:30, з 15:30 до 18:30 + субота з 10:00 до 16:00 (не всі суботи).
  • вечірні групи з 18:30 до 21:30, з 18:45 до 21:45 + субота з 10:00 до 16:00 (не всі суботи).

Вартість навчання:

  • 28 640 грн (при оплаті на виплат - за кожні 12 занять - 5370 грн),
  • 25 776 грн  (при оплаті за весь курс (передплата) – знижка 10% – (економія 1530 грн)  

 

Акційна ціна діє з 15.04.2024 по 18.04.2024 року!

 

Аудитория курса Web-дизайнер-программист состоит из:

  • 70% слушателей, которые хотят стать профессиональными веб-дизайнерами-программистами;
  • 30% слушателей, которые планируют открыть свою студию или работать на себя (фрилансеры).

Після закінчення курсу Ви вмітимете:

  • Створювати web-сторінки, що містять усі необхідні компоненти: текстове наповнення, гіперпосилання, графічне наповнення;
  • Самостійно створювати повноцінний сайт шляхом визначення ієрархії взаємодії веб-сторінок між собою;
  • Грамотно розробляти інтерактивні форми взаємодії користувача з web-сервером;
  • Ефективно використовувати можливості каскадних таблиць стилів CSS для підвищення функціональності та покращення оформлення web-сайту;
  • Використовувати технологію кадрів;
  • Правильно підходити до створення дизайну сайту;
  • Захищати свій дизайн;
  • Створювати та кодувати макет;
  • Адаптувати дизайн для мобільних пристроїв;
  • орієнтуватися в інтерфейсі програми;
  • В Adobe Illustrator створювати ілюстрації за допомогою базових об'єктів та інструментів малювання;
  • Ефективно використати шари для оптимізації роботи;
  • Грамотно застосовувати та оформляти текст;
  • Вибирати колірне оформлення для малюнка;
  • Правильно зберігати файли для WEB-сторінок;
  • Самостійно працювати із програмою Adobe Photoshop CS6/CC;
  • Виконувати глобальну та локальну корекцію зображення, у тому числі з використанням цифрових даних;
  • Змінювати основні параметри зображення та виконувати обрізання;
  • Використовувати шари при створенні колажу та фотомонтажу;
  • Прибирати дефекти зображення: пил, подряпини, червоні очі тощо, виконувати ретуш зображення;
  • використовувати інструменти малювання для створення нових ілюстрацій;
  • Застосовувати спецефекти підвищення виразності зображення;
  • Виконувати сканування зображення, усувати муар;
  • Проектувати зручні та конкурентоспроможні сайти;
  • Поліпшувати характеристики користувача вже існуючих сайтів;
  • Просувати сайти в мережі інтернет, правильно підбирати та прописувати ключові слова;
  • Прописувати мета-теги;
  • Налаштовувати контекстну рекламу;
  • Проводити аналіз витрат на контекстну рекламу, аналізувати відвідування відвідувачів сайту.

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

Програма навчання

Записатись на курс
Помилка доступу до сервера.
Спробуйте пізніше.
Невірно введені дані.
Виправте та спробуйте ще раз
Ваш запит успішно відправлений.
Введіть ваше ім'я
Введіть номер телефону
* поля, обов'язкові для заповнення

Програма навчання:

Основи дизайну:

Вступ

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

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

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

Колір та стиль у дизайні

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

Художні засоби та закони композиції

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

Комбінаторика. Формоутворення

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

Історичні стилі в образотворчому мистецтві

  • Закономірності розвитку стилю. Формула стилю.
  • Романський стиль
  • Готичний стиль
  • Ренесанс
  • Барокко та рококо
  • Класицизм
  • Романтизм
  • Реалізм 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, створення "фреймоподібної" верстки з використанням об'єкта. Використання роликів 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 моделі)

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

  • Стилі дизайну: тенденції розвитку
  • Види макетів: фіксований, гумовий, адаптивний, чуйний
  • Сітки дизайну
  • Сучасні принципи дизайну: 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
  • Практикум: Використання об'єктної моделі документа

Події та їх обробка

  • Список подій
  • Моделі подій
  • Призначення обробників подій
  • Робота з обробниками подій
  • Отримання посилання на подію
  • Скасувати стандартні дії
  • Кросбраузерні властивості події
  • Отримання посилання на елемент
  • Використання фази спливу подій
  • Скасування спливання події
  • Практикум: Використання різних моделей подій

Об'єктна модель документа: 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:

Встановлення/налаштування веб-сервера та 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
  • Лабораторна робота

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 з різними сервісами 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 та веб-аналітикою

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

  • Види стратегій контенту
  • Способи автоматизації контенту
  • Практика: Складання першого плану контенту

Створення та керування спільнотою

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

Оформлення спільноти

  • Що таке WIKI-розмітка та як її використовувати у своїй спільноті?
  • Практика: Створення wiki-меню та wiki-постів

SEO у соціальних мережах

  • Пошукове просування для соціальних мереж
  • Використання мотивованого трафіку
  • Практика: Купівля платних учасників у свою спільноту

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

  • Що таке реклама, що таргетується і ретаргетована?
  • Розробка стратегії таргетування показу рекламних оголошень
  • Розміщення текстових та медійних рекламних оголошень в інтернет-медіа
  • Як показувати свою рекламу клієнтам, у яких ви знаєте лише телефон або email
  • Як використовувати нестандартні націлювання, що немає у стандартному інтерфейсі
  • Практика: Налаштування таргетованої реклами Вконтакте, FaceBook, Однокласники
  • Практика: Налаштування реклами за номерами телефонів та email’ів

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

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

SMO: Інтеграція сайту та SMM

  • Як використовувати ваш сайт для розкручування соц. мереж
  • Як підвищити довіру до вашого сайту за допомогою відгуку з соц. мереж
  • Що така програма в соц. мережах і чим воно ефективне
  • Практика: Створюємо свою програму у Вконтакті та FaceBook
  • Практика: Налаштування віджетів для Вконтакте, FaceBook, Однокласники

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

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

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

Технологія та психологія працевлаштування:

Пошук роботи

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

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

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

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

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

Психологія спілкування з клієнтами:

Психологія успішного спілкування з клієнтами

  • Імідж та його складові в очах клієнта
  • Чи не вербальні характеристики іміджу - зовнішній вигляд, особливості пластики, міміки, невербальних характеристик мови.
  • Вербальні характеристики – вибір мови спілкування, культура спілкування, грамотність мови (професійний сленг, слова паразити тощо). Важливість грані між дружелюбністю та фамільярністю, впевненістю у собі та самовпевненістю, вимогливістю та нахабством.
  • Репутація та «легенда про себе», значення, прості способи створення правильної «легенди».
  • Темперамент, характер, цінності та установки. Які особливості допомагають, а які заважають встановленню правильних стосунків із клієнтом.
  • Підстроювання. Психоманіпулятивні техніки, що підвищують ефективність спілкування (переконливість мови, вміння викликати довіру і просто подобатися людям).
  • Основи НЛП – заборонені слова та фрази, способи формування «позитивних формул». Мовні сигнали від клієнта, їх важливість та робота з ними.
  • Заборонені теми для обговорення з клієнтами.
  • Заборонені теми для обговорення між колегами у клієнтах.

Клієнт.

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

Конфлікт.

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

Початок занять:

Нижче наведено дати перших занять (початок курсу). Ви можете вибрати будь-яку дату, коли Вам зручно розпочати навчання. Подальший розклад занять видається у навчальній частині.

Найближчі дати початку занять


Дата
День тижня
на 09:30 - 12:30
2024-05-06
понеділок
Дата
День тижня
на 18:30 - 21:30
2024-04-16
вівторок
2024-04-17
середа
2024-04-22
понеділок
2024-04-24
середа
2024-05-01
середа
2024-05-07
вівторок
2024-05-08
середа
2024-05-15
середа
2024-05-21
вівторок
2024-05-22
середа
2024-05-29
середа
2024-06-04
вівторок
2024-06-05
середа
2024-06-12
середа
2024-06-18
вівторок
2024-06-19
середа
2024-06-26
середа
2024-07-02
вівторок
2024-07-03
середа
2024-07-10
середа
2024-07-16
вівторок
2024-07-17
середа
2024-07-24
середа
2024-07-30
вівторок
2024-07-31
середа
2024-08-06
вівторок
2024-08-07
середа
2024-08-14
середа
2024-08-20
вівторок
2024-08-21
середа
2024-08-28
середа
2024-09-02
понеділок
2024-09-04
середа
2024-09-09
понеділок
2024-09-11
середа
2024-09-16
понеділок
2024-09-18
середа
2024-09-23
понеділок
2024-09-25
середа
2024-09-30
понеділок
Дата
День тижня
на 10:00 - 13:00
2024-04-15
понеділок
2024-04-17
середа
2024-04-22
понеділок
2024-04-24
середа
2024-04-29
понеділок
2024-05-01
середа
2024-05-08
середа
2024-05-13
понеділок
2024-05-15
середа
2024-05-20
понеділок
2024-05-22
середа
2024-05-27
понеділок
2024-05-29
середа
2024-06-03
понеділок
2024-06-05
середа
2024-06-10
понеділок
2024-06-12
середа
2024-06-17
понеділок
2024-06-19
середа
2024-06-24
понеділок
2024-06-26
середа
2024-07-01
понеділок
2024-07-03
середа
2024-07-08
понеділок
2024-07-10
середа
2024-07-15
понеділок
2024-07-17
середа
2024-07-22
понеділок
2024-07-24
середа
2024-07-29
понеділок
2024-07-31
середа
2024-08-05
понеділок
2024-08-07
середа
2024-08-12
понеділок
2024-08-14
середа
2024-08-19
понеділок
2024-08-21
середа
2024-08-26
понеділок
2024-08-28
середа
2024-09-02
понеділок
2024-09-04
середа
2024-09-09
понеділок
2024-09-11
середа
2024-09-16
понеділок
2024-09-18
середа
2024-09-23
понеділок
2024-09-25
середа
2024-09-30
понеділок
Дата
День тижня
на 16:00 - 19:00
2024-04-20
субота

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

Фізична особа:

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

Юридична особа (підприємство):

  • з р/р підприємства, де Ви працюєте, для цього потрібно заключити договір з навчальним центром:
  1. для договору потрібно переслати нам на вайбер (098) 087-31-41 реквізити підприємства,
  2. ПІБ директора та вказати на підставі якого документа він діє).

Калькулятор знижок:

Якщо Ви хочете пройти навчання за двома або більше курсами, навчатися удвох-втрьох, розрахувати вартість такого навчання можна, натиснувши на зображення калькулятора. Ви перейдете на сторінку з онлайн-калькулятором вартості навчання. Калькулятор розрахує знижку, яку Ви можете отримати. Перейти....

 

Оплата на сайті, отримання рахунку:

  • Оплатити навчання на сайті можна картками Visa, Master Card.
  • Отримати рахунок-фактуру для оплати юридичними особами можна прямо на сайті.
  • Отримати квитанцію на оплату через відділення Ощадбанку України, Приватбанку.

Перейти на сторінку .....

 

Документи про закінчення та працевлаштування:

По закінченню навчання випускники отримують  диплом навчального центру (український) та/або диплом міжнародного зразка (англійський), і можуть працювати. Для диплому міжнародного зразка треба відправити в начальний центр фото закордонного паспорту.

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

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