Перейти к содержанию

Описание дисцплинв РWJ

Цели изучения дисциплины

Содержание дисциплины

  • Дисциплина: Разработка web-приложений на языке JavaScript
  • Длительность: 1 семестр
  • Количество лабораторных: 4 лабораторных работ
  • Баллы за лабораторные: 60 баллов
  • ИМ: Зачет

Вариант на семестр

Описание: У каждого студента свой вариант предметной области, прикрепленный в ЛМС. Предметная область меняется на каждую работу.

Цель изучения дисциплины

Овладение концепцией и принципами разработки web-приложений на языке JavaScript.

Задачи изучения дисциплины

  • формирование знаний о парадигмах программирования, архитектурных особенностях, семантике и синтаксисе языка JavaScript, а также о назначении, устройстве и свойствах основных структур данных, используемых при проектировании, отладке, проверке работоспособности, создании (модификации) и сопровождении информационных систем (ИС);

  • формирование умений разрабатывать математические методы и алгоритмы для проектирования, отладки, проверки работоспособности, создания (модификации) и сопровождения информационных систем (ИС), автоматизирующих задачи организационного управления и бизнес-процессы с целью повышения эффективности деятельности организаций;

  • формирование практического опыта чтения, написания, проектирования, отладки, проверки работоспособности, создания (модификации) и сопровождения информационных систем на высокоуровневом языке программирования в интегрированных средах разработки;

  • формирование уровня знаний, умений и опыта деятельности в рамках программы подготовки кадров для цифровой экономики, построенной на основе программы «Цифровая экономика России»;

  • формирование умений по созданию инфраструктуры различных видов телекоммуникационных сетей на основе знаний и понимания требований отраслевых стандартов, а также развития профессиональных навыков, соответствующих лучшим практикам в области информационных и коммуникационных технологий и компетенциям формата WorldSkills.

Темы курса

  1. Введение в современную веб-разработку и экосистему JavaScript (веб как платформа, client–server, web-сайт vs web-приложение vs SPA, роль JavaScript)

  2. Интернет, HTTP и обмен данными в web-приложениях (HTTP/HTTPS, запрос–ответ, JSON, REST — понятийно, CORS)

  3. Среда разработки JavaScript и инженерная дисциплина (редакторы кода, DevTools, форматирование, отладка, типовые ошибки)

  4. Стандарт ECMAScript и базовый синтаксис JavaScript (типы данных, переменные, операторы, строгий режим выполнения кода)

  5. Управляющие конструкции и логика программы (условные операторы, циклы, алгоритмическое мышление)

  6. Функции, области видимости и структуры данных (функции, массивы, объекты, методы обработки данных, основы модульности)

  7. Асинхронность и интеграция с внешними сервисами (асинхронные сценарии, Promise, async/await, fetch, обработка ошибок)

  8. DOM и события. Пользовательский интерфейс web-приложения (DOM, управление элементами, браузерные события, делегирование)

  9. Формы, качество кода и современные подходы в web-разработке (формы и валидация, регулярные выражения, сопровождение кода, обзор библиотек и фреймворков)

№ Название лабораторной работы Описание лабораторной работы Баллы
1 Введение в современную веб-разработку. Проектирование веб-сайта Формирование представления о веб-разработке как инженерной деятельности. Проектирование структуры веб-сайта, организация каталогов проекта (HTML, CSS, JS), подключение внешнего JavaScript-файла, обеспечение базового взаимодействия между разметкой и скриптом. Разделение структуры, представления и поведения. 10
2 Основы синтаксиса JavaScript. Операторы языка Освоение переменных (let, const), типов данных, арифметических и логических операторов, условных конструкций и циклов. Реализация базовой программной логики: проверки корректности данных, перебор структур данных, выполнение вычислений и управление состоянием приложения. 10
3 Объектная модель документа. Использование DOM для доступа к элементам веб-страницы Изучение работы с DOM: получение и изменение элементов страницы, динамическое создание и удаление узлов, обработка пользовательских событий. Реализация интерфейсной логики приложения без перезагрузки страницы, управление отображением данных в браузере. 20
4 Регулярные выражения. Разные функции Применение регулярных выражений для валидации пользовательского ввода. Использование встроенных и пользовательских функций обработки данных. Реализация асинхронного получения данных (fetch, async/await), обработка JSON и контроль ошибок при взаимодействии с внешними источниками данных. 20
Итого 60

Полезные ресурсы для изучения JavaScript

Официальная документация и стандарты

  • MDN Web Docs — JavaScript (RU)
    https://developer.mozilla.org/ru/docs/Web/JavaScript
    Официальная документация по JavaScript с примерами, описанием синтаксиса, встроенных объектов и Web API.

  • ECMAScript (ECMA-262)
    https://tc39.es/ecma262/ Спецификация языка JavaScript, описывающая формальный стандарт ECMAScript.

Учебные материалы и справочники

  • JavaScript.info (Илья Кантор)
    https://javascript.info/ Подробный русскоязычный учебник по JavaScript: основы языка, работа с DOM, асинхронное программирование, объектная модель.

  • Eloquent JavaScript
    https://eloquentjavascript.net/ Онлайн-книга, ориентированная на понимание принципов работы языка и развитие алгоритмического мышления.

  • You Don’t Know JS (Yet)
    https://github.com/getify/You-Dont-Know-JS Серия книг, посвящённых внутренним механизмам JavaScript и продвинутым аспектам языка.

Практика и интерактивные среды

  • Codewars (JavaScript)
    https://www.codewars.com/ Платформа для решения алгоритмических задач на JavaScript с автоматической проверкой решений.

  • JSFiddle
    https://jsfiddle.net/ Онлайн-песочница для экспериментов с JavaScript, HTML и CSS.

  • CodePen
    https://codepen.io/ Среда для создания и демонстрации фронтенд-примеров и небольших web-компонентов.

  • StackBlitz
    https://stackblitz.com/ Онлайн-IDE для разработки JavaScript- и Node.js-проектов в браузере.

Статьи, обзоры и профессиональное сообщество

  • Habr — раздел JavaScript
    https://habr.com/ru/hub/javascript/ Публикации, разборы практических кейсов, обзоры инструментов и обсуждение современных подходов к разработке.

  • Hexlet Blog
    https://ru.hexlet.io/blog Аналитические статьи по JavaScript, архитектуре приложений и качеству кода.

Дополнительные ресурсы для изучения JavaScript

  • learn.javascript.ru
    https://learn.javascript.ru/ Русскоязычный учебный ресурс, подробно раскрывающий основы и продвинутые возможности JavaScript: синтаксис, работа с DOM, события, асинхронность, объектная модель.

  • W3Schools — JavaScript
    https://www.w3schools.com/js/ Справочник и практические примеры по JavaScript, ориентированные на быстрое освоение базовых конструкций языка и работы с браузером.

  • Code.mu — JavaScript
    https://code.mu/ru/javascript/book/prime/ Русскоязычный учебник по JavaScript с последовательной подачей материала и практическими заданиями для закрепления навыков.