Курси Web програмування

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

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

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

Введение в HTML

• Узнаем что такое HyperText Markup Language и что он определяет. Обсудим основные понятия Всемирной паутины: веб-страница, веб-сервер. Узнаем где найти перечень всех HTML-элементов и научимся добавлять разметку в обычный текст. Узнаем что такое атрибуты и зададим их некоторым HTML-элементам на странице. Вставим на страницу символы авторского права и торговой марки, узнаем о том, какие специальные символы ещё существуют. Синтаксис и семантика HTML-элементов
• Лабораторная работа по созданию сайта по теме занятия

Структура страницы

• Разберёмся когда используются элементы форматирования текста, а когда структурные элементы. Разметим страницу index.html своего сайта и проверим работу на валидаторе. Проведём работу над ошибками, найденными на своей странице.

Создание гиперссылок и работа с ними

• Вспомним понятие гиперссылки и научимся вставлять элементы гиперссылок на своих HTML-страницах. Поговорим о различиях записи гиперссылок и научимся вставлять необходимые атрибуты (узнаем как открывать результат в новом окне).
• На лабораторной работе создадим разметку для меню сайта.

Основы каскадных таблиц стилей CSS

• Узнаем варианты задания стилей на странице. На лабораторной работе подключим стилевой файл для оформления страницы. Обсудим базовые понятия: селектор, свойство, каскад, наследование, единицы измерения.
• Научимся писать самые распространённые виды селекторов, включая селекторы псевдоклассов и псевдоэлементов.
• Изменим оформление наших страниц: поменяем цвет фона страницы и её текст, подберём шрифт и зададим оформление отдельным частям текста.
• Лабораторная работа по созданию сайта по теме занятия

Размещение изображений, списков и таблиц

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

Iframe

• Научимся встраивать внешние файлы в страницу. Поговорим о том, куда могут быть встроены наши страницы при помощи HTML-элемента <iframe>. Рассмотрим взаимодействие ссылок с iframe-элементами

Формы для сбора данных

• Узнаем для чего предназначаются и из чего состоят формы на веб-страницах. Рассмотрим большинство HTML-элементов формы: текстовые поля, радио-кнопки, флажки/чекбоксы, элемент выбора select и их атрибуты. Создадим на своей странице форму обратной связи и обсудим как выполнить её обработку

Макетирование страницы с CSS

• Научимся изменять оформление границ, внутренних и внешних отступов HTML-элементов (все варианты записей свойств, а их много) Узнаем как задать ширину и высоту элементам. Затронем свойство float и заставим нужные элементы плавать. Научимся управлять видимостью HTML-элемента Рассмотрим и применим отдельные значения свойства display для размещения элементов в более сложные макеты, в том числе inline-block и table-cell.

Таблицы стилей для печати и оформления мобильной версии сайта - @media

• Создадим и подключим стили для оформления нашей страницы при печати, поговорим о других применениях @media. Поговорим о процессе создания мобильной версии сайта и напишем медийные запросы (@media queries) для своих страниц. Узнаем о существовании других медиа свойств (media feature)

Подготовка, размещение и поддержка сайта в сети

• Узнаете зачем и как можно использовать элемент meta для размещения мета-информации на страницах. Посмотрим как выбрать хостера, хостинг и разместить сайт в сеть при помощи FTP-клиента. Услышим как упростить процесс размещения сайта в сеть 3 часа
• Лабораторная работа по созданию сайта по теме занятия

Гибкая работа со страницами сайта

• Узнаем как размещать на своих страницах звуковые и видео-файлы. Обсудим понятие микроразметки и проверки её валидности. Затронем тему генерации содержимого сайта на лету на сервере. Поговорим о динамической работе с HTML-элементами и CSS-свойствами на странице в браузере. Определим нужен ли для вашего проекта HTML5 API
   

JavaScript. Основы веб-программирования, использование библиотеки jQuery:

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
• Практикум: Использование объектной модели документа

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

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

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

Введение в jQuery

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

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

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

Анимация в jQuery

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

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

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

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

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-иньекций
Подготовленные запросы
Лабораторная работа по теме

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

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

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

MySQL 5. Проектирование и создание баз данных для 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

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

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

Пошук роботи

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

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

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

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

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

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

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

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

Клієнт.

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

Конфлікт.

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

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

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

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

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

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

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

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

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

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

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

Опыт работы:

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

Высококлассный ресторатор-практик с опытом работы преподавателя и бизнес-тренера.

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

• Национальный университет пищевых технологий - получено звание доцента кафедры информационных систем и технологий
• Национальный университет пищевых технологий - диплом специалиста по специальности "Менеджмент организаций"
• Национальный университет пищевых технологий - диплом специалиста по специальности "электроснабжение и электросбережение"

Опыт работы:

• Преподаватель курса SQL(не полная занятость)
• Инженер-программист Авиационного учебного центра
• Доцент, заведующий кафедрой Компьютерно-интегрированных технологий
• Доцент, заместитель начальника центра информационных технологий

   

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

• Институт Дизайна (Киев)
• Год окончания 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 для верстки.

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

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

Примеры:

• HTML5 сайт
• http://p.happygnom.com.ua
• http://q.happygnom.com.ua
• http://www.happygnom.com.ua/
• http://all.happygnom.com.ua/
• WEB Presentation
• https://urlid.ru/b48a

Опыт работы:

• Программист-практик с многолетним опытом разработок сайтов различной сложности: от простых сайтов визиток с интеграцией верстки на CMS Wordpress до сложных интернет магазинов, порталов с проектированием баз данных для индивидуальной системы управления контентом. В своих проектах использует технологии: HTML5/CSS3 - блочная верстка сайтов с использованием новых технологий, включающих в себя адаптивность сайта под различные размеры экрана, анимации и трансформации при помощи каскадных таблиц стилей, кроссбраузерность верстки; JavaScript/jQuery; PHP; CMS WordPress; MySQL. Преподаватель обладает обширными знаниями в области веб-технологий.  Занимался разработкой, продвижением сайтов и различных автоматизированных систем. Большой опыт работы позволяет ему свободно ориентироваться в вопросах разработки и внедрения интернет-решений. Он создавал и интегрировал веб-технологии для компаний самых различных отраслей и направлений.