Студент Группы ИИ-451
Обучаюсь в сибирском государственном университете телекоммуникаций и информатики
Направление «Прикладная информатика»
Реализуется в Институте информатики и вычислительной техники.
О сайте
Сайт был создан для курса WEB-технологии
Образование (истоки и стандарты)
HTML (HyperText Markup Language)
Тим Бернерс-Ли в ЦЕРНе предлагает систему гипертекстовых документов. Первая версия HTML описывает структуру страницы: заголовки, абзацы, списки и ссылки.
CSS (Cascading Style Sheets)
Браузеры начинают поддерживать каскадные таблицы стилей. Отделение содержания от оформления: можно задать цвета, шрифты, расположение блоков сразу для всего сайта.
JavaScript и DOM
Брендан Эйх за 10 дней пишет Mocha → LiveScript → JavaScript. Появляется объектная модель документа (DOM), позволяющая менять страницу без перезагрузки.
Опыт (как это работало на практике)
Эпоха табличной вёрстки и Flash
Вёрстка делается на таблицах, сайты — как сложные сетки. Flash-анимация и «приветствия» на главной. Браузерный плеер — отдельная технология, требующая плагина.
AJAX и Web 2.0
Google Maps и Gmail показывают, что можно обновлять часть страницы через XMLHttpRequest без перезагрузки. Появляются первые SPA (одностраничные приложения).
Реактивность и компоненты
React от Facebook и Vue.js меняют подход: интерфейс собирается из компонентов, а DOM обновляется автоматически через виртуальный DOM. Становится модно писать веб-приложения, а не просто сайты.
Современный стек: TypeScript, WebAssembly, серверные рендеры
TypeScript добавляет типизацию в JS. WebAssembly позволяет запускать в браузере код на C++ и Rust почти с нативной скоростью. Next.js и Nuxt делают гибридные сайты (SSR + клиентская маршрутизация).
Интересы (тренды и направления)
Edge computing и изоморфные приложения
Код выполняется прямо на серверах CDN (Cloudflare Workers, Deno Deploy). Одно и то же приложение работает и на сервере, и на клиенте.
WebGPU и нейросети в браузере
Новый графический API для высокопроизводительного рендера и вычислений. Модели машинного обучения (например, TensorFlow.js) запускаются локально, без отправки данных на сервер.
Источники (ключевые документы и ресурсы)
Спецификации WHATWG и W3C
Живые стандарты HTML, DOM и Fetch API. Именно по ним браузеры строят свои движки (Blink в Chrome, Gecko в Firefox).
MDN Web Docs (Mozilla Developer Network)
Самый полный и точный справочник по веб-технологиям. От HTML-тегов до методов работы с Service Workers и WebRTC.
Работы
Работы выполненые во время прохождения курса WEB-технологии
