Информация о видеокурсе
Название: 1С-Битрикс. Управление сайтом
Год выхода: 2015
Производитель: Geekbrains (Школа программирования)
Автор: Дмитрий Акинин
Жанр: Обучающий
Продолжительность: 20:20:17
Язык: Русский

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

Программа курса:
Урок 1. HTML5
• Zen Coding,
• Обзор HTML5,
• Новые семантические элементы HTML5,
• Новые возможности для создания форм

Урок 2. CSS3
• Основы верстки,
• Введение в CSS3,
• Границы,
• Текстовые эффекты,
• Работа с цветом

Урок 3. CSS3, часть 2
• Градиенты,
• Фон,
• Шрифты,
• Многоколоночность,
• Интерфейс пользователя,
• Селекторы,
• комбинаторы и псевдо-классы

Урок 4. CSS3, часть 3
• 2D-преобразования,
• 3D-преобразования,
• Переходы,
• Анимация

Урок 5. Современные инструменты веб-разработчика
• Медиа запросы (Media Queries),
• Modernizr,
• HTML5 Boilerplate

Урок 6. Less и Bootstrap
• LESS,
• Twitter Bootstrap

Урок 7. Canvas и Video
Элемент Canvas (Холст),
Видео и аудио

Урок 8. Новые возможности HTML5
• Новые атрибуты HTML5,
• Хранение данных,
• Автономные приложения,
• Геолокация,
• Сообщения (Web Messaging),
• Фоновые вычисления (Web Workers),
• Сокеты (Web Sockets)

Файл
Формат видео: MP4
Качество видео: PCRec
Видео: AVC, 640×480, 1280×720, ~900-1201 Kbps, 15.000-29,970 fps
Аудио: AAC, ~126 Kbps, 44.1 KHz
Доп. материалы: присутствуют
Размер архива: 8 GB

Сообщение HTML5 и CSS3. Современные средства Web-разработки (2015) появились сначала на Мир игр новости.

Информация о видеокурсе
Название: HTML5 & CSS3 Базавый курс
Год выхода: 2014
Автор: Д.Охрименко
Жанр: Обучающий
Продолжительность: 11:41:32
Язык: Русский
 Программа курса:

• Урок 1. Введение в HTML5
В первом видео уроке Вы узнаете об истории развития языка HTML, о возможностях, которые описаны в спецификации HTML5 и которые начинают реализовываться в современных браузерах. Основной темой этого урока является семантическая разметка – набор новых элементов, таких как header, section, nav, article, которые направлены на создание более описательной структуры HTML документа, в которой каждый элемент самостоятельно описывает назначение той или иной части страницы. В этом уроке Вы получите рекомендации по верстке сайтов и узнаете список веб ресурсов, которые помогут Вам находить ответы на вопросы по веб разработке и определять поддержку новых функций HTML 5 в браузерах.

• Урок 2. HTML5 формы. Теги video и audio
На сайтах часто размещаются видео материалы, а на некоторых сайтах необходимы инструменты для воспроизведения звуковых файлов. В HTML5 появляется ряд элементов, с помощью которых упрощается создание мультимедийных страниц с использованием аудио или видео. Для этого урока Вам потребуются базовые знания JаvaScript для того, чтобы контролировать воспроизведение мультимедийного контента в HTML5 странице. Также Вы узнаете, как можно кодировать звук и видео различными кодеками для поддержки воспроизведения в разных браузерах. Во второй части урока будут рассмотрены новые элементы форм, которые позволяют упросить создание страниц регистрации, авторизации и других элементов взаимодействия с пользователем.

• Урок 3. Микроданные и геолокация
Микроданные – это новый подход в создании дополнительной описательной информации для HTML документа. С помощью микроданных мы можем в HTML странице, кроме самой структуры документа, сохранить специальную информацию, которая будет полезная поисковым системам и другим приложениям, анализирующим документы. В этом уроке Вы узнаете, как использовать микроданные и словари микроданных в HTML5. Вторая часть урока будет посвящена геолокации. Вы научитесь создавать приложения, которые смогут получить координаты пользователя и определить его текущее положение. Вы узнаете, как можно комбинировать Geolocation API и Google карты.

• Урок 4. Canvas
Один из самых популярных и известных элементов HTML5 – это canvas. С использованием canvas уже написано много бизнес приложений и браузерных игр. С помощью canvas и javascript кода frontend разработчик теперь может генерировать графику на стороне клиента. Canvas сложный и очень мощный элемент в HTML5, в этом уроке Вы увидите примеры работы с графикой на стороне клиента, научитесь создавать анимацию и различные эффекты.

• Урок 5. WebStorage, WebWorkers, Offline Applications
В этом уроке Вы узнаете о новых функциях HTML5 для хранения данных в браузере клиента. Вы узнаете, что такое localStorage и sessionStorage. Увидите основные отличия веб хранилищ от cookie-файлов. Этот урок также будет полезным для тех, кто хочет научиться создавать javascript сценарии, выполняющие сложные вычисления. Вторая часть урока посвящена спецификации Web Worker. Вы научитесь использовать многопоточное программирование в javascript. Третья часть урока будет посвящена созданию автономных приложений, которые могут работать без доступа к Интернет. HTML5 Offline Application – это новый механизм, который позволяет создать приложения, близкие к обычным настольным приложениям. И в этом уроке Вы узнаете, как это делать.

• Урок 6. Введение в CSS3
Любой FrontEnd разработчик знает, что такое CSS, но не каждый умеет пользоваться возможностями, которые появились в CSS3 – новой версии формального языка определения стиля документа. С помощью всего нескольких инструкций теперь можно делать сложные графические эффекты, которые раньше занимали много времени. В этом уроке Вы узнаете общие сведения о состоянии спецификации CSS3 и о том, в каких браузерах поддерживается CSS3. Также Вы узнаете о том, какие новые селекторные функции были введены в CSS3, какие изменения коснулись свойств, с помощью которых задаются цвета, фоновые изображения и рамки элементов.

• Урок 7. Web Fonts и стили для текста
Использование дизайнерских шрифтов в веб приложениях всегда было проблемой, так как шрифт для корректной работы страницы должен был быть установлен на компьютере посетителя сайта. Теперь с использованием веб шрифтов мы можем использовать любой шрифт в документе, не опасаясь того, что текст будет не красиво отображаться в браузерах пользователей. Также в этом уроке Вы научитесь оформлять текстовые блоки – устанавливать тень для текста, разбивать текст на несколько колонок и генерировать текст с помощью CSS правил и псевдоэлементов.

• Урок 8. Псевдоклассы и градиенты
Псевдоклассы – элементы CSS правил, с помощью которых можно определить оформление элементов, которые изменили свое состояние из-за действий пользователя или других причин. Например, с помощью псевдоклассов, мы можем определить стиль элемента, который будет применен только в том случае, если пользователь навел курсор на элемент. В CSS3 появилось очень много псевдоклассов, которые позволяют легко оформлять документ. В этом уроке Вы узнаете о всех псевдоклассах, описанных в новой спецификации, а также узнаете, как можно создавать градиенты в CSS и как заставить старые браузеры отображать CSS эффекты.

• Урок 9. Трансформации и анимация
Анимация — одна из задач, которые обычно решаются с помощью javascript библиотек. В этом уроке будут рассмотрены свойства, которые позволяют без применения дополнительного кода, с помощью только одного CSS, создать анимационные эффекты. В этом уроке будут рассмотрены два возможных способа анимации – через свойство transition и через свойство animation. Также Вы узнаете о том, как работают трансформации в CSS. Вы научитесь использовать трансформации translate, rotate, scale, skew и даже трансформировать объекты в трехмерном пространстве, создавая интересные эффекты для страниц.

• Урок 10. LESS и адаптивный дизайн
Синтаксис CSS имеет много недостатков – разработчик не может создавать переменные, создавать блоки стилей и повторно их использовать как обычные функции, использовать арифметические операции в стилях. Все перечисленные выше недостатки можно убрать, применив библиотеку LESS для добавления в CSS дополнительной динамики. В этом уроке Вы узнаете, как подключить LESS и изучите основные возможности этой библиотеки. Во второй части урока будет рассмотрено понятие адаптивного дизайна на примере небольшой веб страницы, которая будет адаптироваться под размеры браузера для того, чтобы корректно отображаться на любом устройстве – персональном компьютере, планшете или мобильном телефоне.
Файл
Формат видео: MKV
Качество видео: PCRec
Видео: AVC, 1280×720, ~1555 Kbps, 21,759 fps
Аудио: AAC, ~121 Kbps, 44.1 KHz
Доп. материалы: присутствуют
Размер архива: 5,36 GB

Сообщение HTML5 & CSS3 Базавый курс. Видеокурс (2014) появились сначала на Мир игр новости.