Coder Social home page Coder Social logo

web.lab1's Introduction

Web.Lab1

GitHub stars GitHub issues GitHub GitHub repo size GitHub last commit

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

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

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


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

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

pic


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

  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 на гелиос?

Надо создать в корне своей директории директорию public_html, у неё рекурсивно выставить права 755 и передать файлы по SFTP. P.S. Ваша домашняя директории также должна иметь права 755.

Лаба будет доступна по ссылке https://se.ifmo.ru/~вашНомерНаГелиосе/

web.lab1's People

Contributors

kirillshakhov avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.