#4 Консольные и браузерные приложения. Особенности JavaScript. МордГУ,
Рассмотрена структура консольных приложений, выполняющихся в терминале, и приложений, выполняющихся внутри веб-браузера. Дан обзор некоторых возможностей и особенностей языка JavaScript для браузерных приложений:
- Возможности скриптов JavaScript в браузере
- Особенности работы с переменными и функциями
- Работа с DOM и обработка событий для построения UI
- Два варианта работы с модулями в JavaScript
Презентации к лекции:
* Консольные и браузерные приложения:
* Особенности языка JavaScript для браузерных приложений:
Примеры кода:
Содержание:
00:00 Начало
00:30 Одно приложение в разных средах исполнения.
01:40 Задача покомпонентного перевода консольного приложения в браузер.
04:50 Пользовательский интерфейс в консольных приложениях.
05:34 Терминология: терминал, консоль и командная оболочка.
05:48 Терминал и консоль как отдельные устройства.
09:54 Программная эмуляция терминала и консоли в персональном компьютере.
10:56 Командная оболочка (bash, zsh, cmd, PowerShell).
12:58 Возможности Windows Terminal.
15:00 Структура консольного приложения.
16:40 Структура браузерного приложения.
20:02 Рендеринг веб-страницы
23:00 Просмотр DOM и стилей в Инструментах разработчика в браузере
27:10 Возможности скриптов JavaScript в браузере
30:12 Основные особенности языка JavaScript
30:56 Запуск простейшего скрипта “Hello, world!“
34:00 Консоль для JavaScript
36:30 EcmaScript и JavaScript. Версии стандарта EcmaScript
41:36 Движки JavaScript. Проверка реализованных возможностей в движках на сайте
44:31 Объявление переменных с помощью var, let и const. Всплытие переменных
53:18 Функции в JavaScript. Function Declaration и Function Expression
55:37 Анонимные функции
56:26 Стрелочные функции
58:33 Вложенные функции
59:22 Лексическое окружение
01:04:02 Замыкания
01:11:44 Управление интерфейсом пользователя. Работа с DOM
01:15:37 Обработка событий, происходящих в браузере
01:19:56 Модульность в JavaScript
01:23:55 Два варианта работы с модулями
01:28:26 Сборка JavaScript-проекта