#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-проекта