HTML CSS JavaScript TypeScript
Семантика, DOM, события, формы, модули, Fetch, async/await, типизация и проверка данных
111 материаловФронтенд и веб-платформа
HTML, CSS, JavaScript, TypeScript, компоненты и статические сайты.
Темы раздела
Фреймворки и компоненты
React, Vue, Web Components, состояние, навигация, работа с API, SSR, статическая генерация и организация проекта.
Материалы готовятсяСтатические сайты и контент
Markdown, шаблоны, темы, оглавления, поиск, пагинация, таблицы, примеры кода, ресурсы и локальная сборка.
Материалы готовятсяУстройство браузера и совместимость
HTTP в браузере, CORS, cookies, хранилища, workers, разрешения, прогрессивное улучшение и различия браузеров.
Материалы готовятсяЛокализация интерфейса
Переводы, даты, числа, валюты, множественное число, языки справа налево и работа переводчиков
Материалы готовятсяWebAssembly
Модули C/C++ и Rust в браузере, обработка файлов и изображений, взаимодействие с JavaScript и измерение вычислений.
Материалы готовятсяМатериалы
- Ajax-загрузка файлов с индикатором
Пример реализации асинхронной загрузки файлов на сервер с отслеживанием состояния и обработкой ошибок на jQuery и C#
- Cookies файлы
Описание способов чтения, записи и удаления cookie-файлов с помощью JavaScript
- CSS-фреймворк jQuery UI
Описание наиболее важных классов CSS-фреймворка jQuery UI, обеспечивающих согласование внешнего вида элементов с внешним видом виджетов jQuery UI
- CSS3 - многостолбцовые макеты
Использование CSS3-свойства column-count для создания многостолбцового макета для большого текста
- CSS3 - мобильные интерфейсы
Оптимизация сайтов под мобильные устройства с помощью возможностей CSS3
- CSS3 - новые псевдоклассы
Описание и примеры использования некоторых новых псевдоклассов CSS3
- 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 для выполнения фоновых задач, которые позволяют оптимизировать сложные вычисления