HTML CSS JavaScript TypeScript — страница 6
Семантика, DOM, события, формы, модули, Fetch, async/await, типизация и проверка данных
Материалы
- CSS3 - переходы
Полный обзор свойств CSS3-переходов (CSS3 transitions)
- CSS3 - прозрачность, тени и градиенты
Использование возможностей CSS3 для создания прозрачных элементов, теней и градиентной заливки
- CSS3 - скругление углов и фон
Описание новых возможностей CSS3 - скругление углов и задание множественного фона
- CSS3 - трансформации
Описание и примеры использования CSS3-трансформаций: rotate, skew, scale, translate
- CSS3 - шрифты
Описание возможностей внедрения шрифтов CSS3 с помощью функции @font-face
- HTML редактор
Описание атрибутов contentEditable и designMode, позволяющих редактировать содержимое элементов и HTML-разметку
- HTML5 Canvas - анимация
Примеры простых и сложных анимаций в элементе Canvas, анимация физических процессов (гравитация, отскок)
- HTML5 Canvas - вставка изображений и текста
Добавление и настройка изображений и текста в элемент HTML5 Canvas
- HTML5 Canvas - интерактивные фигуры
Пример программы, манипулирующей интерактивными элементами на Canvas - добавление, попадание, перетаскивание
- HTML5 Canvas - простая игра
Создание простой ишры в лабиринт используя возможности элемента Canvas
- HTML5 Canvas - простая программа рисования
Пример создания графического редактора с помощью элемента HTML5 Canvas
- HTML5 Canvas - тени и градиентная заливка
Описание JavaScript-функций HTML5 для создания теней, линейных и радиальных градиентов
- HTML5 Canvas - трансформации и прозрачность
- HTML5 Files API - чтение файлов
Описание программного интерфейса HTML5 Files API - поддержка браузерами, чтение текстовых файлов и вставка изображения методом drag and drop
- HTML5 Web Storage - обзор веб-хранилища
Описание локального и сессионного веб-хранилищ, пример сохранения данных и кроссбраузерная совместимоть
- HTML5 Web Storage - пример приложения
Использование веб-хранилища на примере модификация простой игры - добавления возможности сохранения
- HTML5 Web Storage - работа с веб-хранилищем
Описание операций веб-хранилища - удаление данных, просмотр всех сохраненных данных, сохранение чисел, дат и объектов, события веб-хранилища
- HTML5 Web Workers - фоновые вычисления
Описание API-интерфейса HTML5 Web Workers для выполнения фоновых задач, которые позволяют оптимизировать сложные вычисления
- jQuery и Ajax
Описание базовых методов jQuery для работы с Ajax - get(), post(), load(), getJSON() и getScript()
- Атрибуты и свойства
Описание методов jQuery для работы с атрибутами элементов и свойствами объекта HTMLElement
- Аудио и видео в HTML5
Воспроизведение аудио- и видеофайлов средствами HTML5
- Базовые эффекты
Описание базовых эффектов jQuery: появление/скрытие, сворачивание/разворачивание и изменение прозрачности элементов
- Библиотека jQuery
- Браузерная совместимость семантических элементов
Обзор кроссбраузерной совместимости семантических элементов HTML5, костыль для старых браузеров