HTML5 & CSS3. Видеокурс [КиберБионик Систематикс / CyberBionic Systematics] (2013) PCRec



Год выпуска: 2013
Страна: Россия
Тематика: Создание сайта, программирование
Сайт: Перейти
Тип материала: Обучающее видео
Продолжительность: 11:41:43
Автор: КиберБионик Систематикс / CyberBionic Systematics
Язык: Русский

Описание:
Пройдя этот видеокурс по HTML5 и CSS3, Вы научитесь создавать сайты, применяя современные веб технологии. В этом видеокурсе Вы узнаете, как создавать страницы с использованием новой семантической разметки, увидите, как можно разместить на странице видео или аудио, узнаете, что такое Geolocation API и сможете разрабатывать интересные приложения, определяющие месторасположение пользователя. Вы научитесь работать с новыми стилевыми свойствами, создавать анимацию и трехмерные эффекты, не применяя ничего, кроме CSS. Видеокурс HTML5 CSS3 даст Вам знания, необходимые современному Frontend разработчику.

Содержание:
Урок 1. Основы синтаксиса и семантики и передовые методы разметки.

• Объявление DOCTYPE.
• Определение кодировки, языка.
• Оптимизация и link.
• Добавление в структуру документа новых элементов HTML5.
• Элемент article или section.
• Проверка и изменение структуры документа.
• Временное скрытие содержимого.
• Управление нумерацией списков.
• Создание редактируемых частей страницы.
• Проверка поддержки HTML5.
• Валидация HTML5.

Урок 2. Формы. Встроенное аудио и видео.

• Поле ввода контактной информации.
• Использование полей ввода даты и времени.
• Численный ввод.
• Отображение поискового поля ввода.
• Выбор значения из числового диапазона.
• Создание редактируемого раскрывающегося списка.
• Обязательные поля формы.
• Автофокусировка на поле формы.
• Отображение замещающего текста.
• Отключение автозаполнения.
• Ограничение значений.
• Создание простой формы.
• Добавление НТML5-аудио и управление аудиопотоком.
• Создание аудиопроигрывателя.
• Добавление НТМL5-видео.
• Кроссбраузерная поддержка видео и настройка видеоразрешения.
• Цикличное воспроизведение видео.

Урок 3. Микроданные и пользовательские данные. Геолокация.

• Добавление в разметку микроданных.
• Использование микроданных.
• Добавление в разметку пользовательских данных.
• Доступ к пользовательским данным с помощью Java.
• Управление пользовательскими данными.
• Создание приложения для карты с помощью пользовательских данных.
• Получение основных геолокационных данных.
• Альтернативный способ получения основных геолокационных данных.
• Получение адреса путем обратного геокодирования широты и долготы.
• Преобразование адреса в широту и долготу.
• Drag and drop
• Progress bar

Урок 4. Элемент Canvas.

• Рисование на элементе canvas.
• Использование эффекта прозрачности.
• Установка размеров «холста».
• Использование градиентов, узоров и стилей линий.
• Добавление на «холст» внешних изображений.
• Настройка цветовых преобразований.
• Использование геометрических преобразований.
• Добавление на «холст» текста.
• Обрезка рисунков на «холсте».
• Добавление эффекта анимации к рисункам на «холсте».
• Рисование графиков на «холсте».
• Сохранение рисунка с «холста» в файле.

Урок 5. Элементы доступа и расширенные возможности Java в HTML5.

• Создание текстового описания рисунка.
• Определение аббревиатур и сокращений.
• Определение разделов страницы с помощью ключевых ролей ARIA.
• Создание доступных навигационных ссылок.
• Связывание полей формы с метками.
• Логическая группировка полей формы.
• Динамическое включение fieldset.
• Определение обязательных полей формы.
• Использование ARIA для динамических обновлений.
• Локальное хранилище.
• Кэширование приложений.
• Перетаскивание.
• Рабочие процессы.
• Веб-сокеты.
• История.
• Локальные файлы.

Урок 6. Кроссбраузерные свойства CSS3.

• Введение в CSS3.
• Border-radius.Text-shadow.
• Box-shadow.
• Background-origin.Background-size.
• Одновременное использование нескольких фоновых изображений.
• Parallax.
• Opacity.
• RGBA.
• Практический пример с применением пройденных на уроке свойств.

Урок 7. Переходы в CSS. Градиенты в CSS3. Улучшенние форм.

• Временные функции.
• Задержка перехода.
• Краткая форма записи.
• Краткая форма записи перехода с задержкой.
• Поддержка в браузерах.
• Полная запись перехода.
• Состояния перехода.
• Переход нескольких свойств.
• Переход всех возможных состояний.
• К каким свойствам применимы переходы.
• Простой пример переходов с помощью CSS3.
• Градиенты.
• Разметка для простой формы регистрации.
• Стили для полей и подписей.
• О CSS3-селекторах.
• Оформление полей ввода.
• Пример формы с помощью CSS3.

Урок 8. Преобразование содержимого и добавление CSS-анимаций.

• Масштабирование.
• Поворот.
• Кручение.
• Сдвиг.
• Ключевые кадры.
• Ссылки на keyframe.
• Повторное использование анимации в состоянии hover.
• Практический пример «Создание галереи изображений с помощью HTML5 и CSS3».

Урок 9. Работа с границами, текстом, шрифтом. Полезные псевдо-классы.

• Свойство word-wrap.
• Свойство text-overflow.
• Свойство word-wrap.
• Свойство @font-face.
• Работа с границами.
• Использование условных комментариев.
• Добавление авторского стиля.
• Полезные псевдо-классы.

Урок 10. Адаптивный дизайн.

• Введение в адаптивный дизайн.
• Fluid grid. Fluid images.
• Media queries.
• CSS Regions.Mobile first.






Качество: PCRec
Формат: .html
Видео кодек: AVC / WMV3
Аудио кодек: AAC-LC / WMA
Видео: AVC / VC-1 (WMV3), 1280x720/1920x1080, 30.000 fps, ~150 - 291 Kbps
Аудио: AAC-LC / WMA, 44.1 KHz, 2 ch, ~113-126 Kbps
Размер: 1.79 Gb



Скачать HTML5 & CSS3. Видеокурс [КиберБионик Систематикс / CyberBionic Systematics] (2013) PCRec


Топ-10 запрещенных документальных фильмов

Похожие видео уроки на "HTML5 & CSS3. Видеокурс [КиберБионик Систематикс / CyberBionic Systematics] (2013) PCRec"

    Знакомимся с веб-разработками HTLM5 и CSS3 (2013) DVDRipЗнакомимся с веб-разработками HTLM5 и CSS3 (2013) DVDRip
    В нашем учебном видео мы Вам подробнее ркасскажем об технологиях веб-розработки по стандартам нового поколения на реальных и простых примерах, а именно :
    HTML5 и CSS3. Веб-разработка по стандартам нового поколения (2012)HTML5 и CSS3. Веб-разработка по стандартам нового поколения (2012)
    HTML5 и CSS3 - будущее веб-разработки, но не обязательно ждать будущего, чтобы начать применять эти стандарты уже сегодня. Хотя спецификации этих языков еще находятся в разработке, большинство современных браузеров и мобильных устройств поддерживают HTML5 и CSS3. Эта книга поможет вам использовать HTML5 и CSS3 прямо сейчас, применяя все богатые воз...
    Расширенные возможности HTML5 (2012) CamRipРасширенные возможности HTML5 (2012) CamRip
    Язык HTML5 — ответ веб-разработчиков на давно назревшие требования обычных пользователей в международной паутине. Революционным отличием HTML5 от предыдущих технологий является интеграция в HTML5 не только HTML4, но и XHTML1, а также DOM2HTML (особенно javascript).
    Введение в HTML5 [Специалист]Введение в HTML5 [Специалист]
    Язык HTML5 — ответ веб-разработчиков на давно назревшие требования обычных пользователей в международной паутине. Революционным отличием HTML5 от предыдущих технологий является интеграция в HTML5 не только HTML4, но и XHTML1, а также DOM2HTML (особенно javascript).
    Видеокурс Microsoft Access 2007 (2011) CamRipВидеокурс Microsoft Access 2007 (2011) CamRip
    Видеокурс Microsoft Access 2007 предназначен, не толькько для новичков. Пользователи имеющие опыт работы с Microsoft Access тоже найдут в этом курсе для себя немало интересного. В первых уроках вы познакомитесь с базовыми настройками и приемами работы с базами данных.
    MPSOFTWARE phpDesigner 8.1.0.10 (2012/Multilingual) + PortableMPSOFTWARE phpDesigner 8.1.0.10 (2012/Multilingual) + Portable
    phpDesigner 8 является инструментом для веб-разработки содержащим "все-в-одном". Используйте полнофункциональный PHP редактор, PHP IDE со встроенными редакторами для HTML5 и CSS3 и javascript! phpDesigner 8 для разработчиков, кто хочет создавать хорошие веб-сайты, HTML5 веб-приложения или просто улучшить свои навыки веб-программирования. php ...
    Веб разработка HTML5 и CSS3 (djvu)Веб разработка HTML5 и CSS3 (djvu)
    В учебнике HTML5 и CSS3 описаны технологии веб разработки по стандартам нового поколения на реальных и простых примерах. Уже сейчас основные браузеры, а также мобильные устройства
    HTML 5 и CSS 3 . Создание сайтов по стандартам W3C (2011) DVDRipHTML 5 и CSS 3 . Создание сайтов по стандартам W3C (2011) DVDRip
    Новый видео курс по HTML 5 и CSS 3 — основные языки разметки и стилей. С помощью них разрабатываются веб-страницы. Видео курс научит Вас основам языка разметки HTML и способам применения CSS. Построения сайтов для сети Интернет.
    HTML и CSS. Создание сайтов по стандартам W3C и переход на HTML 5 и СSS 3.  ...HTML и CSS. Создание сайтов по стандартам W3C и переход на HTML 5 и СSS 3. ...
    Обновленный видеокурс по HTML и CSS. HTML и CSS — основные языки разметки и стилей, с помощью которых разрабатываются веб-страницы. На курсе Вы изучите основы языка разметки HTML, способы применения CSS, основы построения сайтов для сети Интернет. Вы получите необходимые навыки для построения сайтов с помощью статических страниц в сети Интернет. Ус...
    CSS3 для веб-дизайнеровCSS3 для веб-дизайнеров
    CSS - каскадные таблицы стилей. CSS3 — будущее веб-разработки, а книга Дэна Сидерхолма поможет вам использовать CSS3 прямо сейчас, применяя богатые возможности, появившиеся в новых стандартах.
    Основы разработки web - приложений в Microsoft Visual Studio 2010 (2011) Ви ...Основы разработки web - приложений в Microsoft Visual Studio 2010 (2011) Ви ...
    Microsoft Visual Studio 2010 — новейшая среда разработки от Microsoft нацеленная на создания широкого класса приложений на базе платформы .NET Framework. ASP.NET – подсистема входящая в состав .NET Framework предназначена для создания WEB приложений. Курс предназначен для начинающих программистов, знакомых с HTML и одним из языков .NET (VB, C#).
    Бен Форта - Освой самостоятельно SQL. 10 минут на урок (2006) PDFБен Форта - Освой самостоятельно SQL. 10 минут на урок (2006) PDF
    Название: Освой самостоятельно SQL. 10 минут на урок Автор: Бен Форта Данная книга поможет вам в кратчайшие сроки освоить SQL — самый популярный язык баз данных. Начиная с простых запросов на выборку данных, автор урок за уроком рассматривает все более сложные темы, такие как использование операций объединения, подзапросы, хранимые процедуры, инде...
    Самоучитель Adobe Photoshop CSСамоучитель Adobe Photoshop CS
    Самоучитель Adobe Photoshop CS предназначен для всех, кто впервые сталкивается с программой Adobe Photoshop CS и желает научиться использовать ее функции для плодотворной работы.
    Создание древовидных комментариев (видеоуроки)Создание древовидных комментариев (видеоуроки)
    Небольшой бесплатный видео курс от Евгения Попова по написанию скрипта и внешнего вида коментариев для сайта или блога имеющих вид дерева.
    MS Office 2013. Официальный видеокурс (2013-2014)MS Office 2013. Официальный видеокурс (2013-2014)
    С данным видеокурсом Вы легко и быстро освоите программы Microsoft® Office: Word, Excel, PowerPoint, Outlook, Publisher, Visio, Project, Access, OneNote и даже Lync. Вы узнаете все возможности этих мощных программ и с легкостью научитесь ими пользоваться! В видеоуроках простым и понятным языком описан каждый шаг по работе с этими программами.
    XML И XSLT. Современные технологии обработки данных для Web (2010/ FLV)XML И XSLT. Современные технологии обработки данных для Web (2010/ FLV)
    XML — это особый способ разметки документов, предназначенный для формирования в документах какой-либо структуры и определения отношений между различными элементами этой структуры. Язык XML является очень распространенным. Предлагаемый видеодекурс рассматривает основные технологии XML: описание данных, грамматика XML-разметки, XML схемы, XSL и XSLT,...
    CorelDRAW X5X6. Создание Векторных Иллюстраций (2012) CamRipCorelDRAW X5X6. Создание Векторных Иллюстраций (2012) CamRip
    На курсе Вы изучите технические возможности одного из наиболее популярных векторных редакторов – CorelDRAW и приобретете необходимые практические навыки профессиональной работы. Курс предназначен для дизайнеров, художников, фотографов, создателей презентаций, веб-дизайнеров и работников препресс – всех, кто связан с задачами представления графическ...
    Начинаю с нуля (2012) CamRipНачинаю с нуля (2012) CamRip
    В видеокурсе начинаю с нуля пошагово разобраны все шаги для успешного старта в инфобизнесе. Еще так подробно никто не разжевывал, теперь любая блондинка смело может запустить свой бизнес в интернет буквально за пару вечеров и выйти на заработок в 10.000 $ и более.
    Блоггинг от А до Я + бонус (2012) CamRipБлоггинг от А до Я + бонус (2012) CamRip
    Пошаговый практический тренинг по созданию, продвижению и монетизации своих блогов. Вы узнаете, что такое блог сделанный для людей и что такое ГС. Научитесь самостоятельно продвигать созданные блоги в ТОП поисковой выдачи, поднимать ТиЦ за несколько апов.
    Создание сайтов без знаний HTML и CSS в Adobe Muse (2014) CamRipСоздание сайтов без знаний HTML и CSS в Adobe Muse (2014) CamRip
    Хотите быстро научиться создавать красивые, современные, профессиональные сайты. И при этом у вас нет времени разбираться в HTML, CSS, РНР. Благодаря программе Adobe Muse и этому тренингу вы быстро научитесь создавать любые сайты.