На уроках потребуется установленное ПО:

• IDE Eclipse - Java-разработка + нужно установить отдельно Eclipse для PHP
• Ampps - Веб сервер Ampps (apach, php, mysql): Ampps-4.3-x86_64.exe, Ampps-3.5-setup.exe

12 занятий третьего модуля учат подростков верстке сайтов - как пользовательского интерфейса - внешний вид, категории товаров, заказ товаров, так и раздела для управления сайтом - база данных с товарами, контроль остатков товаров, обработка заказов клиента.

При этом используются такие языки программирования, как JAVA, PHP, JAVASCRIPT и дополнительные технологии - HTML, CSS, SQL.

Ценность этого модуля состоит в том, что именно в работе над созданием сайта подростки соединяют разрозненные данные в единое целое и получают готовый «взрослый» продукт.

Подробная программа

• Схема проекта "Винни-Пух и компания" (стр. 6):
  1. Постановка задачи (логическое описание проекта)
  2. Техническое описание проекта
• Занятие 1. Быстрый старт: организация рабочего места веб-разработчика. Создание и запуск первого проекта (стр. 9):
  1. установка и настройка пакета Denver; (т.к. пакет устарел, используется Ampps)
  2. установка среды разработки Eclipse для PHP;
  3. создание и запуск веб-проекта РНР;
  4. добавление РНР кода к веб-проекту.
• Занятие 2. Технология верстки веб-страницы: изучение HTML (стр. 24):
  1. предназначение HTML и CSS;
  2. вспомним основные теги HTML;
  3. правила записи HTML-кода.
• Занятие 3. Технология верстки веб-страницы: изучение CSS (стр. 38):
  1. несколько слов о CSS;
  2. основы CSS;
  3. селекторы CSS (селектор по идентификатору, селектор по классу);
  4. основной способ подключения CSS;
  5. основные CSS-стили.
• Занятие 4. Начало создания проекта "Винни-Пух и компания": реализация клиентской части на JAVA (стр. 58):
  1. проект "Винни-Пух и компания";
  2. технология создания крупного проекта;
  3. реализация клиентской части на JAVA;
  4. обмен данными с сайтом.
• Занятие 5. Начало создания серверной части проекта "Винни-Пух и компания" (стр. 83):
  1. создание серверной части проекта на РНР;
  2. кодировка проекта UTF-8;
  3. обработка GET-запроса в РНР;
  4. работа с MySQL из РНР.
• Занятие 6. Завершение создания РНР-скрипта для приема данных от клиентской части на JAVA (стр. 105):
  1. формирование SQL-запросов из РНР.
• Занятие 7. Верстка основного каркаса сайта интернет-магазина (стр. 123):
  1. методики верстки;
  2. типы верстки;
  3. верстка основного каркаса сайта;
  4. изучение верстки других сайтов.
• Занятие 8. Создание главного меню и раздела описания товаров (стр. 143):
  1. создание таблицы описания товаров;
  2. формирование верхнего горизонтального меню;
  3. создание белой прямоугольной области;
  4. получение описания товаров из базы данных и вывод на веб-страницу.
• Занятие 9. Создание левой и правой боковой части страницы (стр. 165):
  1. создание таблицы для HTML-разметки;
  2. программирование пунктов меню;
  3. получение HTML-разметки из базы данных;
  4. создание левой боковой части страницы;
  5. использование Flash на веб-странице;
  6. создание правой боковой части страницы.
• Занятие 10. Подключение JAVA SCRIPT. Создание разделов сайта "Главная" и "Контакты" (стр. 183):
  1. реализация раздела сайта "Главная";
  2. реализация раздела сайта "Контакты";
  3. немного о JAVA SCRIPT;
  4. создание эффекта подмены изображений;
  5. создание эффекта появления изображений.
• Занятие 11. Создание раздела сайта "Заказать" (стр. 204):
  1. создание верхней части раздела;
  2. отправка и получение данных с веб-страницы;
  3. использование файлов для хранения данных;
  4. создание функции для получения и сохранения данных;
  5. создание таблицы и формы отправки данных.
• Занятие 12. Отладка проекта (стр. 229):
  1. кросс-браузерная отладка;
  2. создание дополнительных настроек в тегах HEAD;
  3. перенос сайта на веб-сервер;
  4. проверка взаимодействия с клиентской частью на JAVA.

• Изображения к занятиям

Основы программирования на языке Java для школьников.