https://github.com/kimdaniiell/web-lab-1

Лабораторная работа 1
https://github.com/kimdaniiell/web-lab-1

ajax css dom html javascript php php5 web

Last synced: 11 days ago
JSON representation

Лабораторная работа 1

• Host: GitHub
• URL: https://github.com/kimdaniiell/web-lab-1
• Owner: KIMdaniiell
• Created: 2021-09-29T21:45:17.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-12-09T08:59:05.000Z (about 3 years ago)
• Last Synced: 2025-01-19T17:56:13.997Z (11 days ago)
• Topics: ajax, css, dom, html, javascript, php, php5, web
• Language: JavaScript
• Homepage: https://se.ifmo.ru/~s280054/WEB-Lab1/HTML%20Markup%20Language/
• Size: 235 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Web-Lab-1    |  Лабораторная работа 1

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

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

Кроме того, ответ должен содержать данные о текущем времени и времени работы скрипта.

### Разработанная HTML-страница должна удовлетворять следующим требованиям:

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

+ Данные формы должны передаваться на обработку посредством POST-запроса.

+ Таблицы стилей должны располагаться в отдельных файлах.

+ При работе с CSS должно быть продемонстрировано использование селекторов дочерних элементов, селекторов псевдоклассов, селекторов потомств, селекторов элементов а также такие свойства стилей CSS, как наследование и каскадирование.

+ HTML-страница должна иметь "шапку", содержащую ФИО студента, номер группы и новер варианта. При оформлении шапки необходимо явным образом задать шрифт (cursive), его цвет и размер в каскадной таблице стилей.

+ Отступы элементов ввода должны задаваться в процентах.

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

 ------------

### Вопросы к защите лабораторной работы:

+ Протокол HTTP. Структура запросов и ответов, методы запросов, коды ответов сервера, заголовки запросов и ответов.

+ Язык разметки HTML. Особенности, основные теги и атрибуты тегов.

+ Структура HTML-страницы. Объектная модель документа (DOM).

+ HTML-формы. Задание метода HTTP-запроса. Правила размещения форм на страницах, виды полей ввода.

+ Каскадные таблицы стилей (CSS). Структура - правила, селекторы. Виды селекторов, особенности их применения. Приоритеты правил. Преимущества CSS перед непосредственным заданием стилей через атрибуты тегов.

+ LESS, Sass, SCSS. Ключевые особенности, сравнительные характеристики. Совместимость с браузерами, трансляция в "обычный" CSS.

+ Клиентские сценарии. Особенности, сферы применения. Язык JavaScript.

+ Версии ECMAScript, новые возможности ES6 и ES7.

+ Синхронная и асинхронная обработка HTTP-запросов. AJAX.

+ Библиотека jQuery. Назначение, основные API. Использование для реализации AJAX и работы с DOM.

+ Реализация AJAX с помощью SuperAgent.

+ Серверные сценарии. CGI - определение, назначение, ключевые особенности.

+ FastCGI - особенности технологии, преимущества и недостатки относительно CGI.

+ Язык PHP - синтаксис, типы данных, встраивание в веб-страницы, правила обработки HTTP-запросов. Особенности реализации принципов ООП в PHP.