Наверх
» » » Видеокурс HTML5 и CSS3 Современные средства Web-разработки (2012)
Теги:

Видеокурс HTML5 и CSS3 Современные средства Web-разработки (2012)

В категории: Фильмы » Обучающее видео | Дата: 01 марта 2013 | Просмотров: 1862

Видеокурс HTML5 и CSS3 Современные средства Web-разработки (2012)

Данное видео пособие познакомит слушателей с особенностями современной верстки веб-интерфейсов с помощью HTML5/CSS3.Курс рассчитан на слушателей, знакомых с HTML 4.01 и XHTML 1.1, CSS2.1 и javascript.Особое внимание уделено проблеме кроссбраузерности. Рассмотрены особенности применения HTML5 и CSS3 в современных браузерах: IE8/9, Google Chrome, Firefox, Opera, Safari.

По окончании курсы Вы будете уметь
Размечать страницу при помощи новых семантических тегов HTML5: header, footer, aside, nav и других;
Использовать новые поля ввода для создания автоматически валидируемых форм без javascript;
Рисовать на холсте: создавать 2d-графику, диаграммы, анимацию и браузерные игры;
Использовать встроенные возможности браузера для воспроизведения аудио и видео на веб-страницах;
Определять местоположение пользователя при помощи средств геолокации;
Создавать восхитительные сайты используя возможности CSS3;
Использовать тени, скругленные углы блоков без использования изображений;
Создавать текстовые эффекты: вдавленный текст, неоновое свечение, эффект огня;
Использовать на своих сайтах нестандартные загружаемые шрифты;
Создавать страницы, одинаково хорошо выглядящие на устройствах с разным разрешением экрана;
Определять поддерживаются ли возможности HTML5/CSS3 в браузере пользователя с помощью библиотеки Modernizer;
Создавать быстрые и современные сайты на основе шаблона HTML5 Boilerplate.

Описание далее
Модуль 1. HTML5
1. Обзор HTML5
Что такое HTML5?
Краткая история HTML
Новая идеология HTML5
Отличия HTML5 от HTML4.01 и XHTML1.x
Новые теги и атрибуты
Устаревшие теги
2. Новые семантические элементы HTML5
Основная структура документа
Обзор новых тегов HTML5, таких как section, article, header, footer и nav и др.
Смысл появления новых элементов и примеры использования
Поддержка новых тегов в устаревших браузерах
3. Новые возможности для создания форм
Новые типы ввода данных: search, email, url, tel, range, number, datetime и др.
Новые атрибуты полей ввода: autofocus, placeholder, reqired, autocpmlete и др.
Валидация данных форм на стороне клиента.
Обратная совместимость с устаревшими браузерами
4. Элемент Canvas (Холст)
Что такое холст?
Координаты холста
Рисование изображений в реальном времени
Методы создания изображений в реальном времени: пути, обводка, заливка, преобразования, кривые, градиенты, тени
Анимация на холсте
Поддержка спецификации HTML 5 Canvas браузерами
5. Видео и аудио
Плюсы и минусы в использовании элементов video и audio
Поддержка видео и аудио форматов браузерами
Атрибуты элементов video/audio
Управление воспроизведением
6. Хранение данных
Web Storage — мощная, хорошо поддерживаемая замена файлам cookie.
7. Автономные приложения
Создание веб-приложений работающих без постоянного подключения к интернету.
8. Геолокация
Встроенные возможности определения местоположения пользователя.
9. Сообщения (Web Messaging)
Обмен сообщениями между окнами.
10. Фоновые вычисления (Web Workers)
Создание отдельных потоков для нагруженных вычислений.
11. Сокеты (Web Sockets)
Создание прямого соединения между сервером и клиентом для обмена данными в реальном времени.

Модуль 2. CSS3
1. Введение в CSS3
Что такое CSS3?
Что нового в CSS3?
Преимущества CSS3
Новые подходы к разработке: прогрессивное усовершенствование и постепенная деградация
Можем ли мы использовать CSS3 уже сегодня?
2. Границы
Cоздание загругленных углов у блоков, тени под боксом, использование изображений в качестве рамки блока.
3. Текстовые эффекты
Добавление тени к тексту
Текстовые эффекты: свечение, вдавленный текст, винтажный текст, эффект огня и др.
Автоматический перенос длинных слов в блоке
4. Градиенты
Заливка градиентом
Использование полупрозрачных градиентных заливок для создания эффекта блика
Генераторы градиентов
5. 2D-преобразования
Преобразования элементов на плоскости: перемещение, масштабирование, вращение и растягивание.
6. 3D-преобразования
Трехмерные преобразования элементов.
7. Фон
Новые методы работы с фоном блока
Использование нескольких изображений для создания фона
8. Шрифты
Использование подгружаемых шрифтов в браузерах
Обзор библиотек открытых шрифтов
9. Переходы
Эффекты плавного перехода от одного стиля к другому без использования Flash и javascript.
10. Анимация
Создание анимации на веб-странице с помощью CSS3.
11. Многоколоночность
Простое создание многоколоночной раскладки текста на странице.
12. Интерфейс пользователя
Новые функции для управления интерфейсом пользователя.
13. Работа с цветом
Форматы цвета
RGBA, HSLA и прозрачность
Удобство использования формата HSLA
14. Селекторы, комбинаторы и псевдо-классы
Новые методы доступа к элементам без использования классов и идентификаторов.

Модуль 3. Современные инструменты веб-разработчика
1. Zen Coding
Способ ускоренного написания HTML и CSS кода.
2. Медиа запросы (Media Queries)
Понимание media queries
Адаптивный и мобильный дизайн средствами CSS3
3. Модель гибкого поля
Принципы создания верстки будущего
4. Modernizr
javascript-библиотека для проверки поддержки возможностей HTML5 и CSS3 в браузере.
5. HTML5 Boilerplate
Высокопрофессиональный и надежный набор HTML/CSS/JS шаблонов для разработки веб-сайтов и веб-приложений.
6. LESS
Динамический язык стилевой разметки. Удобный инструмент для построения больших CSS файлов.
7. Twitter Bootstrap
Обзор возможностей Twitter Bootstrap.
Twitter Bootstrap как прекрасный пример современного кроссбраузерного CSS-фреймворка.
Быстрое создание современных веб-интерфейсов с помощью Twitter Bootstrap.
8. Основы usability и accessibility
Эргономика, практичность и удобство использования сайта (usability) и доступность (accessibility) сайтов.

Название: HTML5 и CSS3 Современные средства Web-разработки
Автор: школа программирования
Год: 2012
Жанр: обучающее видео
Язык: Русский

Формат: mp4
Видео: MPEG4 1680x1050 3.237fps
Аудио: 44100Hz stereo 1411kbps
Размер файла: 4.56 Gb

Видеокурс HTML5 и CSS3 Современные средства Web-разработки (2012)Видеокурс HTML5 и CSS3 Современные средства Web-разработки (2012)Видеокурс HTML5 и CSS3 Современные средства Web-разработки (2012)


0

Другие публикации:



Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Теги новостей

Требуется для просмотраFlash Player 9 или выше.

Показать все теги
Поиск по алфавиту

А Б В Г Д Е Ж З И К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Э Ю Я  |  A B C D E F G H I J K L M N O P Q R S T U V W X Y Z   |   1 2 3 4 5 6 7 8 9 0
Как скачать быстрее
Уважаемые посетители и гости нашего сайта недавно здесь я вам представлял один удобный сервис по выпрямлению ссылок на самые распостраненные ФО. Так вот сейчас хочу вас познакомить с еще одним удобным сервисом, который так же имеет довольно лояльные..
Читать далее