Лабораторная 1 (Вариант 1307)

Веб-программирование, 2 курс

Требования для выполнения лабораторной работы

1. Разработать PHP-скрипт, определяющий попадание точки на координатной плоскости в заданную область

• Параметр R и координаты точки должны передаваться скрипту посредством HTTP-запроса. • Скрипт должен: ├ выполнять валидацию данных └ возвращать HTML-страницу с таблицей └ таблица должна содержать полученные параметры и результат вычислений └ т.е. факт попадания или непопадания точки в область • Предыдущие результаты должны сохраняться между запросами и отображаться в таблице. • Ответ должен содержать данные о текущем времени и времени работы скрипта.

2. Создать HTML-страницу, которая формирует данные для отправки их на обработку php-скрипту.

• Для расположения текстовых и графических элементов необходимо использовать блочную верстку. • Данные формы должны передаваться на обработку посредством GET-запроса. • Таблицы стилей должны располагаться в отдельных файлах. • HTML-страница должна иметь "шапку", содержащую ФИО студента, номер группы и новер варианта. • При оформлении шапки необходимо явным образом задать (в каскадной таблице стилей): ├ шрифт (monospace) ├ цвет шрифта └ размер шрифта • Отступы элементов ввода должны задаваться в пикселях.

3. При работе с CSS должно быть продемонстрировано использование:

   • селекторов элементов
   • селекторов идентификаторов
   • селекторов атрибутов
   • селекторов псевдоклассов

4. А также такие свойства стилей CSS, как

   • наследование
   • каскадирование

5. Страница должна содержать сценарий на языке JavaScript. • Сценарий должен осуществлять валидацию значений, вводимых пользователем в поля формы • Любые некорректные значения (буквы в координатах точки / отрицательный радиус / ... ) должны блокироваться.

Темы для подготовки к защите лабораторной работы

1. Протокол HTTP. Структура запросов и ответов, методы запросов, коды ответов сервера, заголовки запросов и ответов.
2. Язык разметки HTML. Особенности, основные теги и атрибуты тегов.
3. Структура HTML-страницы. Объектная модель документа (DOM).
4. HTML-формы. Задание метода HTTP-запроса. Правила размещения форм на страницах, виды полей ввода.
5. Каскадные таблицы стилей (CSS). Структура - правила, селекторы. Виды селекторов, особенности их применения. Приоритеты правил. Преимущества CSS перед непосредственным заданием стилей через атрибуты тегов.
6. LESS, Sass, SCSS. Ключевые особенности, сравнительные характеристики. Совместимость с браузерами, трансляция в "обычный" CSS.
7. Клиентские сценарии. Особенности, сферы применения. Язык JavaScript.
8. Версии ECMAScript, новые возможности ES6 и ES7.
9. Синхронная и асинхронная обработка HTTP-запросов. AJAX.
10. Библиотека jQuery. Назначение, основные API. Использование для реализации AJAX и работы с DOM.
11. Реализация AJAX с помощью SuperAgent.
12. Серверные сценарии. CGI - определение, назначение, ключевые особенности.
13. FastCGI - особенности технологии, преимущества и недостатки относительно CGI.
14. Язык PHP - синтаксис, типы данных, встраивание в веб-страницы, правила обработки HTTP-запросов. Особенности реализации принципов ООП в PHP.

Как запустить чтобы всё работало?

1. Откройте терминал и перейдите в директорию, где вы хотите клонировать репозиторий:

   cd path/to/your/workspace

2. Cклонируйте репозиторий:

   SSH(recommended): git@github.com:mkkkpln/WEB1.git
   HTTPS: https://github.com/mkkkpln/WEB1.git

3. Перейдите в директорию проекта:

   cd <your_repo>

4. Инициализируйте проект с помощью пакетного менеджера yarn:

   yarn init

   • пока можно проскипать все вопросы на "enter"

5. Ставим http-server - простой статический сервер:

   yarn add http-server

6. Запускаем сервер:

   yarn http-server

   • по умолчанию пакет http-server запустит сервер на порте 8080
   • чтобы поменять порт: yarn http-server -p 3000

7. Откройте браузер и перейдите на http://localhost:8080