Курсы 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. Преподаватель обладает обширными знаниями в области веб-технологий.  Занимался разработкой, продвижением сайтов и различных автоматизированных систем. Большой опыт работы позволяет ему свободно ориентироваться в вопросах разработки и внедрения интернет-решений. Он создавал и интегрировал веб-технологии для компаний самых различных отраслей и направлений.