[ipap] Веб-программист

Веб-программист​

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

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

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

Программа профессиональной переподготовки «Веб-программист» рассчитана на 302 академических часа (264 академических часа – очно, с преподавателем в классе, а 38 академических часа – самостоятельное дипломное проектирование и защита диплома). Продолжительность обучения составляет 6 календарных месяцев (включая время на написание и последующую защиту дипломной работы).

Спойлер: Программа курса

Модуль 1. «Организация сети интернет. Технологии веб-разработки»

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

Приобретаемые навыки:

• Принципы передачи данных в Интернете;
• Протоколы и стандарты Интернета;
• Организация хостинга на базе веб-сервера и сервера управления базами данных;
• Навыки работы с FTP-сервером;
• Служба доменных имен;
• Работа с редактором кода, понятие о кодировках.

Программа курса
Клиент и сервер. Типы браузеров. Передача данных в сети. Адресация

• Стандарты Интернета. Протоколы. Сети TCP/IP;
• Адресация компьютеров в сети: MAC-адрес, IP-адрес, порты, доменное имя;
• Организация сетей. Технологии Ethernet и wi-fi. Маршрутизация;
• Клиент-серверное взаимодействие. Современные браузеры;
• Прокси-сервер и межсетевой экран.

Служба доменных имен. Хостинг сайта. FTP-протокол

• Разрешение имен. Домены. Принцип работы DNS-сервера;
• Хостинг. Поиск хостера. FTP-сервер и FTP-клиенты;
• Настройка FTP-клиента для загрузки страниц на сервер.

Протокол HTTP. Веб-сервер

• Протокол передачи гипертекста HTTP. Запросы методами GET и POST;
• Запрос клиента и ответ сервера. Коды ответов сервера;
• Заголовки. Стандарт MIME. Cookies. Виды веб-серверов;
• Установка и настройка сервера Apache. Файлы конфигурации;
• Журналирование запросов. Модули сервера;
• Аутентификация и управление доступом к серверу. Файл .htaccess;
• Виртуальные хосты. Перенаправление запросов с помощью модуля mod_rewrite;
• Безопасная передача данных с использованием SSL.

Структура сайта. Инструменты разработки.

• Веб-сайт и веб-страница;
• Графические и текстовые редакторы;
• Кодировки UNICODE. Отладчики. Mozilla Firebug.

Обзор современных технологий

• Веб-сайт как совокупность статического и динамического контента;
• Базы данных. Новостные каналы. Понятие о технологии AJAX;
• Среды разработки. Системы управления содержимым.

Модуль 2. «HTML5 и CSS3»

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

Приобретаемые навыки:

• Знать стандарты языка HTML5 и каскадных таблиц стилей CSS3;
• Создавать веб-страницы, включающие в себя текст, иллюстрации и ссылки;
• Применять принципы создания удобных и доступных пользователю веб-страниц;
• Разрабатывать навигацию веб-сайта, состоящего из нескольких страниц;
• Разрабатывать веб-формы и применять фреймы;
• Включать в веб-страницу аудио- и видео- фрагменты;
• Применять стили для оформления веб-страницы;
• Верстать веб-страницу, используя блочную верстку.

Программа курса
Язык разметки текста HTML. Стандарты. Семантическая разметка. Кодировки

• Задачи языка HTML. HTML-разметка: Элементы, теги;
• Валидация HTML-документа, стандарты W3C, кодировки текста. Стандарт UNICODE.

Структура HTML-документа. Раздел Head

• Структура HTML-документа. Раздел head и заголовок документа;
• Тег meta, использование комментариев, атрибуты элементов, специальные символы.

Строчная и блочная разметка. Гиперссылки. Навигация по сайту

• Разметка текста. Блочная разметка, заголовки;
• Создание гиперссылок. Внешние и внутренние ссылки, адресация в интернете.

Изображения, аудио и видео. Canvas и SVG

• Тег img, его свойства, встраивание аудио- и видео в веб-страницу;
• Теги audio и video, поддержка их браузерами;
• Создание графических элементов с помощью тега canvas;
• Векторная графика SVG. Создание иллюстраций с помощью SVG.

Списки, формы, таблицы, фреймы

• Нумерованный и неупорядоченный списки, список определений;
• CSS свойства для списков, основные элементы таблицы, структура таблицы на странице;
• Объединение ячеек.

Каскадные таблицы стилей CSS

• Принципы построения каскадных таблиц стилей, каскадирование и наследование стилей;
• Подключение стилей, стандарты стилевых таблиц, селекторы, псевдоклассы и псевдоэлементы, стили таблиц, кроссбраузерная верстка.

Стилизация текста. Цвет и шрифты

• Свойства шрифтов, свойства текста;
• Свойства цвета и фона.

Позиционирование блоков

• Размеры блока. Границы и отступы, видимость элемента;
• Позиционирование элементов. Наложение блоков.

Эффекты и анимация средствами CSS

• Закругление углов;
• Градиенты, анимация, трансформация;
• Многоколоночная верстка.

Модуль 3. «Дизайн сайта и основы верстки»

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

Приобретаемые навыки:

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

Программа курса
Этапы проектирования интерфейса веб-страницы

• Техническое задание на сайт;
• Разработка структуры веб-ресурса. Прототипирование веб-сайта;
• Понятие «юзабилити». Общие принципы юзабилити, используемые при проектировании веб-сайта.

Оптимизация графических элементов веб-страницы

• Цвет – принципы использования, элементы цветовой композиции;
• Основные графические форматы: GIF, JPEG, PNG;
• Оптимизация по качеству и размеру. Управление прозрачностью;
• Решения для старых браузеров по поддержке некоторых наиболее востребованных возможностей - SVG, canvas.

Система навигации страницы. Нарезка макета

• Элементы управления, типы, устройство меню;
• Модели навигации по сайту. Библиотеки интерактивных элементов;
• Размещение и оформление текста на веб-странице. Юзабилити текста;
• Пиктограммы;
• Фоновые изображения;
• Планирование нарезки макета. Способы нарезки. Оптимизация элементов нарезки;
• Приемы подготовки изображений для интерактивных графических элементов.

Юзабилити. Проектирование форм

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

Разработка инфографики. Анимация и баннеры

• Баннер: основные параметры, виды. Этапы разработки;
• Способы создания анимационных последовательностей;
• Оптимизация и сохранение анимации.

Блочная верстка. Семантическая разметка документа

• Современные тенденции формирования интерфейса ресурсов;
• Стандарты разработки;
• Программные средства и сервисы, используемые в процессе верстки;
• Основные свойства оформления элементов, предоставляемые CSS3;
• Поддержка CSS3 в старых браузерах;
• Браузерные префиксы;
• Основные блоки свойств CSS3;
• Вспомогательные сервисы в работе с CSS3-свойствам;
• Блочная модель;
• Базовые свойства CSS для позиционирования;
• Основная структура документа HTML5;
• Новые семантические структурные элементы;
• Условные комментарии.

Шрифты и фон

• Свойства оформления текста;
• Единицы измерения CSS;
• Цветовые модели в CSS3;
• Подключение шрифтов;
• Поддержка новых свойств и селекторов в браузерах;
• Походы к проблеме поддержки.

Медийные запросы. Принципы и техника адаптивного дизайна

• Применение Media Queries;
• Адаптивный веб-дизайн и Internet Explorer;
• Адаптируемые изображения;
• Применение и поддержка SVG;
• Паттерны адаптируемой навигации.

Модульные сетки. CSS-фреймворки

• Понятие модульной сетки;
• Основные схемы верстки макетов;
• Верстка навигации. Выпадающее меню на CSS;
• Модульные сетки адаптивного дизайна;
• Понятие CSS-фреймворка;
• Состав фреймворка Boilerplate. Настраиваемые компоненты;
• Использование Boilerplate для верстки адаптивных веб-сайтов;
• Обзор CSS-препроцессоров. LESS — динамический язык стилевой разметки;
• Средства работы с препроцессорами CSS;
• Использование Twitter Bootstrap для верстки адаптивных веб-сайтов.

Модуль 4: «PHP и MySQL»

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

Приобретаемые навыки:

• Создавать интерактивные сайты на базе языка PHP и сервера MySQL;
• Обрабатывать данные веб-форм;
• Осуществлять чтение и запись данных в текстовые файлы;
• Создавать базы данных и таблицы;
• Осуществлять запросы к базе данных MySQL;
• Применять функции языка PHP для работы с базами данных;
• Управлять сессиями пользователя;
• Обеспечивать безопасность сайтов на основе PHP.

Программа курса
Типы данных, операторы, условные операции и циклы

• Создание переменных. Типы данных PHP: строки, числа. Вывод на экран. Константы;
• Математические и логические операции;
• Операторы if-else, switch-case;
• Циклы for, while, do-while.

Массивы. Функции. Строки и регулярные выражения

• Создание массива. Численно-индексированные и ассоциативные массивы;
• Функции для работы с массивами;
• Обработка строковых данных. Поиск и замена с помощью регулярных выражений;
• Определение вызов функций. Аргументы и возвращаемые значения.

Обработка форм

• Передача данных форм на сервер;
• Особенности работы с различными полями ввода;
• Фильтрация данных. Массивы _POST и _GET.

Работа с файлами. Отправка почты

• Чтение и запись данных в файлы;
• Функции отправки почты;
• Функции обработки строк. Проблемы локализации.

Работа с сервером MySQL. Язык SQL. Создание баз и таблиц. Запись и чтение данных

• Язык структурированных запросов SQL. Типы данных SQL;
• Базы данных, таблицы, записи, столбцы;
• SQL-инструкции для создания баз и таблиц, чтения, записи и изменения данных базы;
• Права доступа к серверу MySQL. Аутентификация пользователей на сервере.

Функции PHP для работы с базой данных

• Расширение mysqli для работы с базой данных;
• Запись, чтение и вывод на экран данных из базы;
• Создание базы данных электронного магазина;
• Поиск товаров в базе данных, добавление товаров.

Обеспечение безопасности сайта. Сессии. Аутентификация

• Принципы безопасной работы. Аутентификация посетителя сайта;
• Применение сессий для аутентификации посетителей сайта.

Модуль 5: «JavaScript и JQuery»

Модуль знакомит с принципами разработки интерактивных веб-страниц с помощью языка JavaScript и библиотеки JQuery. Курс включает в себя сведения об основных объектах JavaScript, поддержке событий и построении пользовательских интерфейсов

Приобретаемые навыки:

• Знать основы и особенности языка JavaScript;
• Управлять элементами веб-страниц с помощью JavaScript;
• Разрабатывать функции на языке JavaScript;
• Управлять событиями, связанными с браузерами;
• Знать основные объекты JavaScriptБ уметь создавать пользовательские объекты;
• Подключать и использовать библиотеку JQuery;
• Применять методы JQuery для работы с атрибутами элементов и стилевыми таблицами;
• Применять пользовательские интерфейсы JQuery.

Программа курса
Переменные и операторы. Управляющие конструкции

• Типы данных. Создание переменных;
• Операторы и выражения;
• Ввод и вывод информации на экран;
• Приведение типов.

Функции. Массивы. Объекты

• Создание массива. Перебор элементов массива;
• Массив как объект. Свойства и методы массивов;
• Создание объекта, его свойства и методы;
• Конструктор и прототип объекта. Обработка ошибок.

Поддержка событий

• Модель событий в JavaScript;
• Генерация, распространение и обработка события. Ненавязчивый JavaScript;
• Объект события и его свойства;
• Распространение событий, привязка события к элементу документа.

Базовые объекты и методы. Работа с датой

• Объект Date, чтение и изменение компонентов даты;
• Объект Math и его методы, объект String.

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

• Объекты window, document, screen;
• Методы работы с промежутками времени. Таймеры.

Применение объектной модели документа

• Стандарт DOM. Типы узлов;
• Методы и свойства объектов Element, Document, Attr, NodeList, NamedNodeMap;
• Перебор узлов документа. Изменение свойств узлов;
• Создание элементов документа.

Библиотек JQuery. Селекторы

• Подключение библиотеки JQuery;
• Событие ready;
• Базовые и иерархические селекторы;
• Селекторы форм и атрибутов. Фильтры.

Управление стилевыми свойствами документа

• Чтение и изменение стилевых свойств элементов;
• Работа с элементами форм.

Поддержка событий в JQuery

• События в JQuery. Объект Event. Callback-функции;
• Управление атрибутами;
• Обход дерева документа. Манипуляция элементами DOM.

Анимация и другие эффекты JQuery

• Изменение прозрачности и видимости элементов
• Сворачивание и разворачивание элементов
• Анимация стилевых свойств элемента.

Пользовательские интерфейсы

• Пользовательские интерфейсы JQuery. Взаимодействия и виджеты;
• Применение выпадающего календаря, вкладок, аккордеона и диалога на веб-страницах;
• Локализация календаря;
• Анимация цвета.

Модуль 6: «Продвижение сайта и SEO»

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

Приобретаемые навыки:

• Знать принципы и методы поисковой оптимизации веб-сайта;
• Знать принципы маркетинга сайта в социальных сетях;
• Использовать внешние и внутренние факторы поисковой оптимизации для продвижения сайта;
• Применять контекстную рекламу с помощью Яндекс.Директ;
• Использовать системы интернет-статистики для оценки продвижения сайта;
• Управлять своей рекламой на страницах результатов поиска Яндекса.

Программа курса
Поисковые системы. Поисковая оптимизация сайта

• Поисковые системы;
• Поисковая оптимизация как метод интернет-маркетинга;
• Сроки и риски поисковой оптимизации;
• Принципы работы поисковых систем;
• Особенности алгоритмов конкретных поисковых систем;
• Выбор целевых поисковых систем.

Оптимизация контента сайта

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

Внешние факторы оптимизации

• Принципы ссылочного ранжирования;
• Способы наращивания ссылочной массы;
• Обмен ссылками и публикация контента;
• Автоматическая и ручная регистрация сайта в каталогах;
• Методы приобретения ссылок;
• Организация обмена ссылками;
• CTR. Название сайта в результатах выдачи. Сниппет. Фавикон.

Мониторинг сайта. Интернет-статистика. Google-аналитика

• Регистрация и установка Google Analytics;
• Настройка аккаунта и сайта. Настройка целевых страниц;
• Регистрация и настройка Яндекс.Метрики.

Маркетинг и оптимизация в социальных сетях (SMM и SMO)

• Поисковое продвижение для социальных сетей;
• Профессиональные социальные сети, видео- и фото-блоги;
• Работа в блогосфере, создание сообществ бренда;
• Оптимизация контента сайта под социальные сети;
• Связь SMM и SMO.

Улучшение коммерческой репутации (SERM)

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

Контекстная реклама. Yandex Директ

• Принципы и сервисы работы контекстной рекламы;
• Конверсия и ее значение;
• Подбор ключевых слов;
• Система контекстной рекламы Яндекс Директ;
• Создание кампании. Виды стратегий. Виды таргетинга. Показ по релевантным фразам;
• Тематические площадки. Автофокус;
• Показ над поиском, показ под поиском. Быстрые ссылки;
• Сеть контекстной рекламы Google AdWords.

Медийная реклама

• Цели медийной рекламы. Площадки, размещающие медийную рекламу;
• Баннеры. Мобильная баннерная реклама. Тизерная реклама;
• Реклама на сервисах Яндекса;
• E-mail рассылки.

Модуль 7: «Разработка сложных проектов на PHP и MySQL»

Модуль предназначен для программистов веб-сайтов, которые желают познакомиться с современными подходами к разработке крупных сайтов. Язык PHP, вначале создававшийся как процедурный, в настоящее время поддерживает объектный подход, который позволяет коренным образом изменить принципы разработки веб-сайта. На данном курсе слушатели изучают объектную модель языка PHP и ее применение для работы с базами данных MySQL, для генерации документов различных типов.

Приобретаемые навыки:

• Применение объектной модели PHP при создании сайтов
• Поиск и установка готовых пакетов с классами для решения практических задач
  организации сайта
• Работа с базами данных с помощью расширения PDO
• Обеспечение безопасности сайта при работе с базами данных
• Применение шаблона «Модель – Представление - Контроллер» при разработке сайта

Программа курса
Объектная модель PHP

• Классы и объекты;
• Свойства и методы объекта. Константы класса;
• Конструктор и деструктор. Уточнение типа.

Наследование, инкапсуляция

• Наследование, перегрузка методов. Финальные классы;
• Уровень доступа: открытые, защищенные и частные свойства и методы;
• Понятие инкапсуляции.

Абстрактные классы и интерфейсы. Полиморфизм. Исключения

• Абстрактные методы и классы. Интерфейсы;
• Наследование в PHP. Применение полиморфизма. Автозагрузка классов;
• Обработка ошибок. Класс Exception.

Установка и применение готовых пакетов

• Пространство имен. Pear и composer. Поиск и установка пакетов;
• Генерация документов различных типов с помощью готовых классов.

Проектирование баз данных. Создание сложных запросов

• Создание схемы базы данных. Нормальные формы;
• Соединения и вложенные запросы. Транзакции;
• Функции MySQL. Работа с датой.

Класс PDO для работы с базами данных

• Унифицированный доступ к базам данных с помощью объектов PDO;
• Выполнение запросов, обработка результатов запросов методами PDO;
• Обеспечение безопасности сайта с базами данных. Фильтрация данных;
• Обработка ошибок;
• Разработка класса для выполнения запросов.

Шаблон Model – View – Controller

• Шаблоны проектирования программного обеспечения;
• Шаблон MVC. Структура сайта на основе MVC. Маршрутизация;
• Фреймворки на базе MVC.