Введение и основные понятия

1. Как работает Интернет? Понятие WWW. История создания.

2. Что такое сайт, веб-сервер, веб-страница? Как это всё работает? Классификация сайтов.

3. Процесс разработки сайтов

4. Что такое гипертекст? Пример простой HTML-страницы.

Основы языка разметки документов HTML

1. Структура HTML-документа. Понятие тега.

2. Основные теги оформления текста на странице. Спецсимволы и комментарии в HTML.

3. Размещение на странице картинок/изображений. Типы поддерживаемых изображений. Понятие атрибута тега. Основные атрибуты тега вставки изображений.

4. Принципы вставки спецсимволов и тэгов псевдографики. Кодировка HTML-файлов.

5. Гиперссылки и их типы.

6. Обзор тэгов создания списков различных типов

7. Создание форм на сайте. Обзор тегов для создания элементов форм (текстовых полей, выпадающих списков, кнопок и т.д.).

Таблицы и табличная верстка

1. Обзор тэгов для создания таблиц и их атрибуты.

2. Объединение ячеек таблиц. Вложенные таблицы.

3. Верстка макета сайта при помощи таблиц

Основы языка оформления стилей документа CSS

1. Что такое CSS и для чего он нужен? Синтаксис CSS. Способы объявления CSS.

2. Селекторы (id, class, tag). Селекторы атрибутов.

3. Вложенность, наследование и группирование свойств.

4. Приоритеты применения CSS-стилей.

5. Псевдоэлементы и псевдоклассы.

Блочная верстка (верстка слоями)

1. Основные теги для блочной верстки (div, span)

2. Внутренние и внешние отступы элементов (padding и margin) и их использование.

3. Обтекание элементов справа и слева.

4. Виды и способы позиционирования элементов на странице.

5. Создание основной разметки сайта. Приёмы позиционирования блоков на странице.

Верстка дизайн-макета в PSD формате

1. Основы работы в программе Photoshop (или GIMP).

2. Работа с макетом: выделение и нарезка основных частей, работа со слоями, настройках качества сохраняемых файлов изображений

3. Создание основной размертки сайта для верстки макета

4. Вставка нарезанных частей макета на страницу и их позиционирование.

5. Проблема “кроссбраузерности”. Стандарты HTML/CSS.

JavaScript и jQuery

1. Что такое JavaScript и как он работает? Как использовать JavaScript на странице?

2. Пример простого скрипта обработки нажатия на кнопку.

3. Пример калькулятора на JavaScript.

4. Библиотека jQuery и её преимущества.

5. Основные понятие jQuery. Примеры использования.

6. Подключение и использование скрипта фото галереи на странице.

Дополнительная информация

1. Понятие домена. Виды доменных имен. Выбор и регистрация доменного имени для сайта. Хостинг и его виды. Выбор хостинга для размещения сайта в Интернете.

2. Способы размещения (выгрузки) сайта на хостинг-сервере по протоколам FTP и HTTP.

3. Понятие usability (юзабилити) сайта. Определения. Факторы, влияющие на правильность восприятия информации на сайте.

4. Что такое веб-дизайн? Основы “хорошего” дизайна. Цвет, Форма, Типографика, Основы гармоничной композиции. Особенности разработки дизайна своими руками. Поиск и использование готовых дизайн-макетов.

Основы PHP

1. Знакомство с языком PHP. Краткая история PHP. Основные особенности.

2. Установка и настройка локального веб-сервера на компьютер.

3. Создание первого PHP-скрипта. Встраивание PHP-кода в HTML.

4. Базовый синтаксис. Переменные, константы, типы данных, преобразование типов, операторы, операции.

Операторы условия и функции.

1. Оператор if и тернарный оператор условия. Оператор множественных условий switch.

2. Определение функции. Какие бывают функции? Значения по умолчанию. Область видимости и время жизни переменных. Рекурсивные функции.

Циклы и массивы

1. Циклы в PHP: while, do.while, for. Бесконечный цикл. Операторы выхода из цикла и прерывания итерации.  

2. Массивы. Работа с массивами в цикле. Функции для работы с массивами. Многомерные массивы. Предопределенные массивы.

Запросы HTTP. Параметры URL и формы HTML.

1. Типы запросов HTTP. URL и параметры запроса.

2. Предопределенные массивы GET, POST, REQUEST.

3. Обработка отправки HTML формы.

Cookies и сессии.

1. Что такое Сookies и как их использовать?

2. Что такое сессии PHP и как они работают?

3. Создание простейшей авторизации пользователя на сайте.

Работа с файлами в PHP

1. Особенности работы с файлами в PHP. Функции для работы с файлами.

2. Разработка скрипта простой гостевой книги.

3. Загрузка файлов на сервер. Функции для работы с каталогами. Получение списка файлов.

Работа с базой данных MySQL

1. Что такое база данных? Для чего нужна база данных? Поддержка баз данных в PHP. Что такое СУБД? Особенности СУБД MySQL.

2. Создание новой Базы данных. Администрирование базы данных MySQL при помощи веб-приложения phpMyAdmin.

3. Язык запросов SQL. Основные операции над данными в таблице БД: вставка, удаление, изменение и выборка.

4. Получение результатов SQL-запроса в PHP. Обработка полученных данных.

Архитектура программы. Парадигма MVC.

1. Архитектура и структура программы.

2. Что такое хороший код?

3. Архитектура MVC. Реализация MVC в PHP.

4. Буферизация в PHP. Универсальный метод шаблонизации.

Объектно-ориентированное программирование (ООП)

1. Класс и объект. Свойства и методы.

2. Конструктор класса.

3. Наследование, полиморфизм, инкапсуляция.

4. Модификаторы доступа. Статические свойства и методы.

5. Константы классов. Абстрактные классы и методы. Интерфейсы.

6. Реализация MVC при помощи ООП в PHP. Разработка простого мини-фреймворка для быстрого создания сайтов.

Создание готового проекта — сайта Интернет-магазина

1. Верстка готового дизайн-макета Интернет-магазина

2. Разработка функционала панели администрирования

3. Реализация основной функциональной части Интернет-магазина на сайте.

4. Наполнение сайта контентом. Тестирование. Исправление недочетов и ошибок.

5. Обзор возможных улучшений и дополнений функционала Интернет-магазина.