Проектирование и разработка WEB-приложений. Введение в frontend и backend разработку на JavaScript и node.js: Учебное пособие для СПО

Description

Изложены основы работы с объектной моделью документа, положенной в основу динамического формирования и изменения содержимого HTML страниц, с помощью языка программирования JavaScript и библиотеки jQuery. Рассматриваются основы backend разработки web-приложений программирования на стороне сервера на платформе node.js. Для закрепления и более глубокого изучения теоретического материала рассмотрен пример разработки приложения для выполнения простейших расчетов на серверной стороне и динамического формирования содержимого HTML-страниц с результатами этих расчетов в табличном и графическом виде на стороне клиента. Предполагается, что читатель владеет основами языков HTML, CSS и базового языка JavaScript. Соответствует современным требованиям Федерального государственного образовательного стандарта среднего профессионального образования и профессиональным квалификационным требованиям. Может быть использовано в качестве учебного пособия для студентов средних профессиональных учреждений, обучающихся по специальностям направлений подготовки «Информационная безопасность» и «Информатика и вычислительная техника». Введение 1. Объектная модель документа и клиентский JavaScript 1.1. Введение 1.2. Концепция объектной модели документа 1.3. Работа с DOM 1.3.1. Выбор объектов 1.3.2. Работа с атрибутами 1.3.3. Создание, вставка изменение и удаление узлов 1.3.4. Размеры и положение элементов документа 1.3.5. Изменение стилей 1.4. Обработка событий 1.4.1. Асинхронная модель программирования 1.4.2. Распространение событий 1.4.3. Регистрация обработчиков событий 1.4.4. Пример обработки событий 1.4.5. О загрузке содержимого документа и кода JavaScript 2. Введение в jQuery 2.1. Функция $() 2.2. Работа с элементами 2.2.1. Работа с атрибутами 2.2.2. Работа со стилями и классами 2.2.3. Манипулирование содержимым элементов 2.2.4. Манипулирование размерами и положением элементов 2.2.5. Изменение структуры документа 2.3. Обработка событий 2.3.1. Регистрация и удаление обработчиков событий 2.3.2. Универсальный объект Event 2.3.3. Искусственная генерация событий. Собственные события 2.4. Работа с AJAX 2.4.1. О протоколе http 2.4.2. JSON 2.4.3. Пример работы с AJAX 3. Введение в node.js 3.1. Установка и проверка работоспособности 3.2. Модули 3.2.1. Установка дополнительных модулей 3.2.2. Порядок поиска модулей 3.2.3. Файл package.json 3.2.4. Полезные команды npm 3.2.5. Пример разработки собственного модуля 3.3. Http-сервер 3.3.1. Эхо-сервер 3.3.2. Файловый сервер 3.4. Web-сокеты на примере реализации простейшего чата пользователей 3.4.1. Разработка клиентской части чат 3.4.2. Разработка серверной части чата 4. Практикум 4.1. Постановка задания 4.2. Пример выполнения задания 4.2.1. Расчетная формула 4.2.2. Исходные данные 4.2.3. Каркас приложения 4.2.4. Реализация модальных окон 4.2.5. Перемещение окон 4.2.6. Стартовая страница 4.2.7. Ввод и контроль исходных данных, функция check() 4.2.8. Обмен данных с сервером, функция send() 4.2.9. Вывод результатов расчётов в табличном и графическом виде, функция showResult() 4.2.10. Серверная часть приложения – backend разработка 5. Дополнительное задание Заключение Приложение Файл main.html Файл app.css Файл ModalWindow.js Файл ModalWindow.css Файл frontend.js Файл server.js Литература