+7 (812) 703-02-02 info@hse.spbstu.ru

Разработка пользовательских интерфейсов (JS)

Длительность дисциплины: 28 ак.ч.


Аннотация

Курс является продолжением курса Программирование клиентской части веб-приложений (JS). В рамках курса слушатели продолжают освоение языка JavaScript, а также изучают фреймворк Vue.js, который значительно облегчает создание сложных пользовательских интерфейсов, а также предоставляет эффективные возможности управления элементами веб-страницы. 

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


Знания и умения, полученные в результате изучения

В результате обучения слушатели будут:

  • Знать:
    • какие бывают современные JS-Фреймворки;
    • назначение языка TypeScript и его отличия от JavaScript;
    • назначение и область применения библиотеки jQuery;
    • назначение и принципы работы веб-компонентов.
  • Уметь:
    • подключать сторонние библиотеки и фреймворки;
    • использовать один из современных фреймворков JavaScript (Vue.js);
    • создавать компоненты Vue.js;
    • создавать интерфейс пользователя с помощью Vue.js.

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

Темы лекций

Тема 1. Языки, фреймворки и библиотеки

  • TypeScript.
  • Понятие подключаемой библиотеки и фреймворка.
  • Обзор современных фрейморков и библиотек. Список может меняться из-за появления новых Фреймворков: jQuery и jQueryUI, Angular, React, Vue.js
  • Веб-компоненты

Тема 2. Работа с современным фреймворком на примере Vue.js

  • Реактивность
  • Структура приложения
  • Хуки. Шаблоны. Работа со стилями. Обработка событий. Формы. Компоненты. Прочие инструменты фреймворка.

Практические темы

Тема 1

  • Простая программа на TypeScript. Компиляция TypeScript.
  • Подключение JQuery.
  • Доступ к элементам документа через jQuery.
  • Использование готовых плагинов jQuery.
  • jQuery UI.

Тема 2

  • Подключение Vue.js
  • Декларативная отрисовка
  • Условия и циклы при отрисовке Vue.js

Тема 3

  • Обработка событий во Vue.js
  • Свойства и методы Vue.js
  • Хуки Vue.js

Тема 4

  • Шаблоны Vue.js
  • Вычисляемые свойства и слежение
  • Работа с формами
  • Вкладки
  • Компоненты