Учите их отдельно
С одной стороны, есть люди, которые утверждают, что вся сеть должна быть просто JavaScript, что даже блог должен быть приложением, работающим на React.
С другой стороны, есть люди, ратующие за простоту и удобство для «читателя» только в HTML и CSS, а некоторые даже выступают за полное отключение JavaScript. Этот лагерь включает Medium.
Еще одна группа рассматривает Интернет просто как платформу для потоковой передачи видео и аудио, фактически заменяющую радио и телевидение.
Никто не является особенно неправильным или плохим. Но они существенно отличаются.
Какой HTML следует использовать?
Я уже немного писал об этом в The Static Web Returns, но, подумывая о том, чтобы исключить множество HTML-тегов из моей учебной программы по Основам современного программирования, я понимаю, что смелость Medium отказаться от такого большого количества укрепил мою решимость сделать то же самое.
Вот реальность.
Около половины официальных тегов HTML никогда не используются большинством разработчиков.
Почему?
Потому что они просто не нужны. Предпосылка для их существования была благонамеренной, но оказалась совершенно неуместной для современного веб-программирования.
Потом мне пришло в голову.
Почему бы не разделить все теги HTML на те, которые должен выучить каждый веб-программист doc (то есть каждый), и те, которые должен выучить каждый веб-разработчик app? Эти два списка можно даже преподавать отдельно разным ученикам, которым нужны разные вещи из Интернета. Конечно, что-то вроде книги также было бы хорошим способом систематизировать его, что-то вроде JavaScript: хорошие стороны, но без всего этого Крокфорда.
Веб-документ
Интернет был изобретен, чтобы заменить общую электронную почту и серверы новостей для физиков CERN. Вот почему все веб-страницы в основе своей по-прежнему выглядят как сообщения электронной почты на самом низком уровне. Вот почему весь веб-контент по-прежнему использует типы MIME (вторая буква M предназначена для почты).
Интернет действительно был создан, чтобы заменить книги и научные статьи. Возможно, именно поэтому термин «документ» так прижился.
Но никто, глядя в Интернет сегодня, не назвал бы большую часть контента «страницами» и «документами». Нет, Интернет стал платформой, а в случае Chromebook — практически операционной системой.
Нет, веб-документация — это то, с чего Интернет должен начинаться. Я описал это в HTML был плохой идеей.
Введите средний.
Medium имеет наглость предположить, что вам на самом деле не нужна абсолютная свобода в том, как вы используете слова и ограниченные изображения для общения.
В процессе Medium, возможно, невольно определил рабочий стандарт для веб-документации (который я когда-то назвал «основной сетью»). Далее я предположил, что удаление Интернета из уравнения может оставить нечто, называемое сеть знаний. Но если вы оставите Интернет, вы получите веб-документ.
Как бы мы это ни называли, на самом деле нам дали возможность извлечь выгоду из дерзости Medium, систематизировав минимальный HTML-код, необходимый для рендеринга поста на Medium, который оказывается таким же, как и для рендеринга с помощью BaseML, моего беззастенчивого упрощения CommonMark до чего-то, что каждый может легко написать и разобрать.
Потоковая сеть
Любой, кто родился после 2013 года, на самом деле не знает, что такое телевидение, даже если его родители смотрят его. Я заметил, что каждый ученик в возрасте от 10 до 13 лет одержим желанием стать звездой YouTube.
Не знаю почему, но у большинства этот интерес ослабевает к подростковому возрасту (обычно, когда они открывают для себя 3D-игры, хакерство, автомобили и половое созревание).
Достаточно сказать, что потоковая передача в Интернете является одним из наиболее важных и наиболее распространенных способов использования Интернета. Мы забываем, что Netflix и фильмы на Amazon и YouTube — это все веб-технологии в наши дни.
Преподавателю может быть сложно даже коснуться этой темы, но даже если вы просто обучаете основным HTML-тегам, вам придется осветить ее при изучении элементов audio и video. Для этого легко увязать весь курс только о том, как создавать, редактировать и публиковать этот контент, не говоря уже о сложных разговорах о том, почему хостинг в сервисе обычно лучше для большинства. Это может быть прекрасной возможностью обсудить операции, хостинг, Linux, веб-серверы и все такое. Но если вы просто хотите пройти курс по основным тегам HTML5, он может вас утомить.
Итак, вы должны учить потоковые / медиа-теги вместе с остальными?
Мой голос - да. Но упоминать только о них. Затем пройдите полный курс Создание и потоковая передача мультимедийного веб-контента, который включает изучение основных инструментов для создания, редактирования и размещения видео YouTube, подкастов, музыки и многого другого.
Веб-приложение
Когда вы удаляете текст и мультимедиа, все, что остается, — это веб-сайт приложения. Основными элементами этого веб-сайта являются реактивные компоненты. Это, очевидно, включает <canvas>, но также включает <div>.
Вероятно, это должно включать изучение DOM и основных альтернатив ему (React, Vue, Angular).
Он также должен включать веб-сокеты, которые требуют базового понимания сетевого программирования.
Он должен охватывать веб-воркеры и прогрессивные веб-приложения.
Это много контента для охвата. На самом деле, скорее всего, это несколько курсов в рамках общего курса Разработка реактивных веб-приложений.
Некоторые люди действительно злятся на страницы, полностью заполненные тегами <div> и <span>, но это стало стандартом для приложений, даже если вы предпочитаете Vue, а не React (что я определенно делаю).
А как насчет веб-сборки? Эти люди просто выбросили все первоначальное использование Интернета полностью и полностью в окно. Вам даже не нужен DOM. На самом деле вам придется создать собственную библиотеку виджетов, чтобы вообще использовать какой-либо ИИ.
Все эти нововведения в «веб-платформе» не так уж плохи, просто они явно направлены против читабельных документов.
Преимущество этого в том, что Интернет объединяет наш компьютерный опыт. У нас есть надежда, что однажды у нас будет центральный стандарт для всего, что работает на компьютере, и относительно безопасная песочница, в которой это можно сделать (гм, Chromebook).
Кто-нибудь учится делать веб-страницы вместо того, чтобы писать школьную работу, чтобы они могли включать видео, изображения и форматирование и делиться ими со всеми, кто нуждается в изучении тега <div>? Не совсем. Но ни один уважающий себя инструктор не упустит их. Просто их нужно правильно классифицировать.
Голосовая сеть
Появляется еще одна другая сеть, голосовая или просто голосоваясеть. Можно возразить, что голосовой интернет является катализатором, который окончательно отделит веб-сайт приложения от веб-сайта документов, потому что голосовой интернет — это подмножество веб-документов. Когда вы думаете об этом в течение двух минут, вы понимаете, что Medium, возможно, непреднамеренно положил начало самой важной веб-инновации нашего времени, обеспечивающей дальнейший прогресс.
Моя любимая часть революции голосовой сети заключается в том, что как слепые, так и глухие люди снова рассматриваются. Люди, продвигающие только мир веб-приложений, либо совершенно нечувствительны, либо совершенно не обращают внимания на проблему. К счастью, для большинства голосовых приложений требуются текстовые форматы, которые можно легко произнести как речь.
На самом деле, при создании моего контента о HTML-тегах ключевым вопросом стал вопрос «что будет делать голосовой синтезатор с этим тегом». Другой, конечно же, «как это будет реагировать на мобильный телефон».
Кстати <tables> нет.
Гибридный (Гарри Поттер) контент
С тех пор, как я начал использовать Vuepress с его возможностью встраивать высокоинтерактивные компоненты в плоский веб-документ, я пришел к выводу, что в создании документов, которые кажутся живыми, нет ничего похожего на ваш традиционный учебник, как в Гарри Поттере. На самом деле, эти документы включают в себя технологии, которые делают невозможным их преобразование в плоскую печатную страницу.
Это вызвало дилемму.
«Создаю ли я контент, который может войти в книгу?»
«Создаю ли я весь разнообразный мультимедийный контент, который они могут смотреть?»
«Создаю ли я интерактивные учебные пособия, для которых они могут кодировать, с ботами-вызовами, которые проверяют их работу?»
«Создаю ли я контент, который может быть легко произнесен синтезатором речи, который имеет несколько потоков, настроенных для учебного процесса псевдоИИ-способом?»
Ответ положительный.
Vuepress может быть первой платформой, предоставляющей все это, если я следую нескольким конкретным соглашениям для себя:
- Только BaseML, который можно легко озвучить и скопировать на Medium.
- Нет встроенного видео, только ссылки.
- Видео вторично по отношению к озвучиваемому тексту и анимированным GIF-файлам.
- Используйте много анимированных GIF-файлов.
- Четко разделяйте обучающие компоненты.
- Пусть компоненты дополняют сам текст.
- Всегда спрашивайте: «Как это произносится с помощью голосового синтезатора?»
На самом деле, я планирую создать плагин, который будет включать голос на каждой странице, если они того пожелают.
Обновления: изменено не только Документы и приложения, но и многое другое.
