Веб-разработчик. Онлайн курс

✔ Умение работать с браузерами
✔ Умение устанавливать программное обеспечение
✔ Умение работать с архивами

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

HTML. Создание ссылок. Добавление в документ медиаконтента
Гиперссылки в веб-документе. Создание гиперссылок.
Основные форматы изображений для web.
Тег img и его атрибуты.
Вставка аудио контента в веб-документ: тег audio и его атрибуты.
Вставка видео контента в веб-документ: тег video и его атрибуты.

HTML. Создание таблиц. Создание списков
Создание таблиц.
Тег table и его атрибуты.
Тег создания строк и его атрибуты.
Тег создания ячеек и его атрибуты.
Тег создания заголовков таблицы.
Вставка таблицы в ячейку таблицы (создание вложенных таблиц).
Создание маркированных, нумерованных и определенных списков. Создание вложенных списков

HTML. Создание интерактивных форм
Создание форм.
Выпадающий список выбора.
Выпадающий список выбора с полосой прокрутки.
Флажки, переключатели.
Тег fieldset, значение, правила написания.
Визуальное выделение группы элементов формы.

Графика
Основные принципы создания макета дизайна сайта в графическом редакторе Photoshop
Подготовка («нарезка») макета дизайна сайта для использования в html-документе.

CSS. Основы
Синтаксис CSS.
Методы включения CSS в html-документ.
CSS-настройки ширины элементов (width, min-width, max-width).
CSS-настройки высоты элементов (height, min-height, max-height).
CSS-настройки отступов элементов (margin, margin-top, margin-bottom, margin-left, margin-right).

CSS. Настройка полей, границ и фона элементов
CSS-настройки полей элементов (padding, padding-top, padding-bottom, padding-left, padding-right).
CSS-настройки границ элементов (border, border-width, border-style, border-color, border-top, border-bottom, border-left, border-right и т.д.).
CSS-настройки фона элементов (background, background-color, background-image, background-position, background-repeat, background-attachment).
Модель формирования истинных размеров элемента.

CSS. Форматирование текста и шрифта, генерирование контента
CSS-настройки шрифта, используемого в элементах (font, font-family, font-size, font-style, font-weight, font-variant, line-height, color).
CSS-настройки отображения текста в элементах (text-align, text-decoration, text-transform, text-indent и т.д.).
Специальные добавочные селекторы для управления контентом, добавляемым перед или после основного контента элементов (псевдоэлементы before и after).
CSS-настройка, позволяющая добавлять дополнительный контент к элементам (content).
CSS-настройки, позволяющие создавать специальные «счётчики» и управлять ими (counter-reset, counter-increment).

CSS. Позиционирование и отображение
Понятие «стандартного потока» элементов. Нарушение «стандартного потока» элементов.
CSS-настройки управляющие «обтеканием» элементов (float, clear).
CSS-настройки, управляющие отображением элементов на странице (display, visibility).
CSS-настройки, управляющие положением элементов внутри «стандартного потока» (position, top, bottom, left, right, z-index).
 
Одиночные селекторы
Простые одиночные селекторы: селектор по имени тега, селектор по имени класса, селектор по имени идентификатора, селектор по атрибуту.
Комплексные одиночные селекторы. Принципы использования.
Комплексный одиночный селектор. Частный случай. Селектор по наличию нескольких классов.

Составные селекторы
Принципы использования составных селекторов.
Примитивные составные селекторы: селектор по соседнему признаку, селектор по дочернему признаку, селектор по контекстному признаку.
Комплексные составные селекторы. Принципы использования.
Иерархия приоритетности селекторов.

Селекторы псевдотипа
Основные принципы использования селекторов псевдотипа.
Псевдоклассы. Особенности использования псевдоклассов.
Псевдоклассы первого и последнего дочернего элементов (first-child, last-child).
Псевдокласс наведения курсора мыши на элемент (hover).
Псевдоэлементы. Особенности использования псевдоэлементов.

CMS ( учебный вариант CMS). Создание веб-шаблона страницы
Обоснования создания исходного веб-шаблона .
Практика. Подготовка макета дизайна к внедрению в html-документ («нарезка»).
Практика. Создание базового веб-шаблона (html + css).
Практика. Подготовка оформления дополнительных элементов веб-шаблона (html + css).

Внедрение веб-шаблона в систему CMS. Редактирование контента
Что такое CMS. Принципы работы CMS с веб-шаблонами и контентом.
Подготовка веб-шаблона для внедрения в CMS (изменение путей, расстановка функциональных меток CMS в веб-шаблоне).
Настройка CMS для использования веб-шаблона.
Добавление и редактирование контента при помощи CMS.

Использование функций CMS ( на примере учебной версии).
Включение в контент формы обратной связи. Изменение веб-шаблона для её отображения.
Включение в контент новостного блока. Изменение веб-шаблона для его отображения.
Добавление контента новостного блока.

Поисковая оптимизация
Принципы работы поисковых машин.
Файл «robots.txt» (обоснование использования, размещение файла, основные директивы).
Что такое «карта сайта». Необходимость её использования.
Доменное имя. Принципы выбора. Получение.
Внедрение сайта на внешний сервер.
Типы доступов к файловой системе сайта, расположенного на внешнем сервере.
Взаимодействие с основными поисковыми системами в качестве веб-мастера. Преимущества использования аккаунтов веб-мастера в Google и Яндекс.
Счётчики посещений. Определение и типы.
Создание семантического ядра сайта.
Использование семантического ядра, при добавлении контента.

Основы javascript
Типы данных (простые и структурированные);
Объявление и использование переменных;
Операторы языка;
Конструкции ветвления сценария;
Циклические конструкции;
Глобальные методы javascript, используемые для вызова модальных окон браузера.

Javascript. Пользовательские функции. Методы отдельных стандартных объектов
Пользовательские функции;
Полное представление объекта в javascript;
Работа со стандартными объектами языка (String, Array, Math, Date);
Глобальный метод отложенного выполнения части сценария (setTimeout) и особенности его использования;
Глобальный метод периодического выполнения части сценария (setInterval) и особенности его использования.

Javascript. Библиотека jQuery. Основы
Стартовый набор элементов;
Использование css-селекторов и специальных селекторов-фильтров для определение стартового набора элементов;
Манипулирование атрибутами отдельных элементов html-документа;
Манипулирование структурой html-документа;
Манипулирование каскадными таблицами стилей, применяемых к элементам html-документа;
События.

Javascript. Библиотека jQuery. Анимация. Формирование набора элементов
Использования стандартных анимационных эффектов jQuery;
Создание «пользовательской» анимации;
Управление ходом анимации;
Формирование набора элементов на основе стартового;
Перемещение между имеющимися наборами.

Javascript,jQuery. Примеры проектирования приложения. Галереи различных типов представления изображений

Javascript,jQuery. Примеры проектирования приложения. Интерактивный калькулятор стоимости. Прилипающая к окну браузера навигация

PHP. Основы
Типы данных (простые и структурированные);
Использование переменных;
Часто используемые конструкции языка;
Конструкции ветвления сценария;
Циклические конструкции;
Некоторые функции языка.

PHP. Пользовательские функции. Функции, используемые для работы со строчными данными
Объявление и вызов пользовательских функций;
Функции, используемые для работы с пользовательскими функциями;
Функции, используемые для вычисления новой строки на основе исходной;
Функции, используемые для изменения текущей строки;
Функции используемые для конвертирования строки в массив и массива в строку.

PHP. Массивы
Функции, используемые для поиска в массиве;
Функции, используемые для сравнения массивов;
Функции, используемые для сортировки массивов;
Функции, используемые для изменения структуры целевого массива;
Функции, используемые для манипулирования несколькими массивами.

PHP. Функции для работы с регулярными выражениями. Суперглобальные массивы
Примитивы и их использование в построение регулярного выражения;
Функции, используемые для поиска в строке по регулярному выражению;
Особенности использования функции поиска и замены в строке по регулярному выражению;
Некоторые суперглобальные массивы языка ($_GET, $_POST, $_SESSION);
Функции, используемые для работы с суперглобальным массивом $_SESSION.

PHP. Работа с файлами и папками
Функции используемые для поиска файлов и папок;
Функции, используемые для получения и изменения контента файла;
Функции, используемые для манипулирования структурой файлов и папок;
Обработка попытки загрузки файлов из html-формы.

PHP. Примеры проектирования приложения. Система регистрации и авторизации. Система отзывов

PHP. Пример проектирования приложения. Система генерирования и редактирования страниц сайта

MySQL
Использование интерфейса phpMyAdmin для управления базами данных;
Запросы, используемые для добавления и изменения информации в таблице базы данных;
Запрос выборки информации из таблицы базы данных и его вариации;
Составные запросы к базе данных.

PHP+MySQL. Осуществление запросов к базе данных посредством сценария php
Функции, используемые для отправки и интерпретации результата одиночных запросов выборки;
Функции, используемые для отправки запросов изменяющих базу данных;
Функции, используемые для отправки и интерпретации результата составных запросов выборки;
Использование баз данных в системе генерирования и редактирования страниц сайта.

Файл конфигурации веб-сервера (htaccess). Асинхронные javascript-запросы к серверу (AJAX)
Формирование переадресации на сервере (модуль mod_rewrite);
Настройка PHP на сервере;
Использование низкоуровневого ajax-запроса;
Использование высокоуровневых событий для отслеживания состояния ajax-запроса к сереверу.