Главная Контакты

Опрос

Как грузиться наш сайт?

Быстро
Нормально
Медленно
Очень медленно
Постоянно ошибки и тормоза

Получайте наши Новости:

Введите Ваш EMAIL:

Интересное

Это интересно

Это интересно

Ваша реклама!

Мы ВКонтакте

Календарь

«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Это интересно

Интересное

Интересное

Ваша реклама!

М20480 Программирование в HTML5 с JavaScript и CSS3. Обучающий видеокурс (2012)

11-02-2013, 19:39 | Раздел: Веб Дизайн , Видео уроки | Просмотров: 3502
М20480 Программирование в HTML5 с JavaScript и CSS3. Обучающий видеокурс (2012)

Вы получите знания и навыки разработки Windows Store и веб-приложений с использованием HTML5/CSS3/javascript, познакомитесь с принципами создания программных компонентов и структур, используемых в приложениях на HTML5.

Особое внимание на занятиях уделяется принципам построения программной логики, определению и использованию переменных, написанию циклов и ветвлений, разработке пользовательских интерфейсов, обработке вводимых данных, их хранении, разработке структурированных приложений на базе HTML5/CSS3/javascript. Вы выполните большое количество практических работ с использованием Visual Studio 2012 на платформе Windows 8.

Курс предназначен для разработчиков с опытом более 6 месяцев, желающих изучить принципы создания приложений на HTML5 с javascript и CSS3, развить навыки разработки веб-приложений под IE10 и Windows Store. Курс не требует знания HTML5, вполне достаточно некоторого опыта использования HTML4.

По окончании курса Вы будете уметь:
? Использовать Visual Studio 2012 для создания Windows Store и веб-приложений;
? Описать новые функции HTML5, создавать страницы в стиле HTML5;
? Добавлять интерактивные страницы HTML5 с использованием javascript;
? Создавать формы HTML5, используя различные типы ввода, проверять вводимые пользователем данные с помощью атрибутов HTML5 и кода javascript;
? Отправлять и получать данные удаленно с помощью объектов XMLHTTPRequest и метода ajax библиотеки jQuery;
? Настраивать стиль HTML5-страниц с помощью новых возможностей CSS3;
? Создавать структурированный и легкий в сопровождении код на javascript;
? Использовать новые возможности javascript API в интерактивных веб-приложениях;
? Создавать веб-приложения поддерживающие хранение данных на стороне клиента (offline-режим);
? Создавать веб-страницы HTML5, способные адаптироваться к различным видам устройств и форм-факторам;
? Выводить графику средствами HTML5, используя элементы Canvas и масштабируемую векторную графику SVG;
? Повысить удобство интерфейса пользователя, используя анимацию на страницах HTML5;
? Использовать новые возможности Web Sockets API для передачи и приема данных между веб-приложением и сервером;
? Сделать более эффективной работу приложений производящих длительные операции, используя Web Worker.

Программа курса

Модуль 1. Обзор HTML и CSS
- Обзор HTML
- Обзор CSS
- Создание веб-приложений с помощью Visual Studio 2012

Лабораторная работа: Анализ приложения Contoso Conference
- Пошаговое изучение приложения управления конференциями “Contoso Conference”
- Анализ и модификация приложения

По окончании этого модуля Вы будете уметь:
- Описать основные элементы и атрибуты HTML
- Объяснить структуру CSS
- Описать инструменты, доступные в Visual Studio 2012 для создания веб-приложений

Модуль 2. Создание и стилизации HTML5 страниц
- Создание страницы HTML5
- Настройка стиля страницы HTML5

Лабораторная работа: Создание и стилизация страницы HTML5
- Создание страницы HTML5
- Настройка стиля страницы HTML5

По окончании этого модуля Вы будете уметь:
- Создавать страницы с помощью новых функций HTML5
- Применять стили CSS3 к элементам страницы HTML5

Модуль 3. Введение в javascript
- Обзор синтаксиса javascript
- Использование DOM в javascript
- Введение в jQuery

Лабораторная работа: Отображение данных и обработка событий с помощью javascript
- Отображение данных
- Обработка событий

По окончании этого модуля Вы будете уметь:
- Описать синтаксис javascript и его использование в HTML5
- Использовать javascript для управления DOM и обработкой событий
- Описать использование библиотеки jQuery для упрощения кода на javascript

Модуль 4. Создание форм для сбора данных и проверки вводимых пользователем данных
- Обзор форм и типов ввода
- Проверка вводимых пользователем данных с помощью атрибутов HTML5
- Проверка вводимых пользователем данных с помощью javascript

Лабораторная работа: Создание форм и проверка пользовательского ввода
- Создание форм проверки вводимых пользователем данных с помощью атрибутов HTML5
- Проверка пользовательского ввода с помощью javascript

По окончании этого модуля Вы будете уметь:
- Создавать формы, использующие новые элементы ввода HTML5
- Проверять пользовательский ввод и обеспечивать обратную связь с помощью новых атрибутов HTML5
- Писать код javascript для проверки пользовательского ввода и обеспечивать обратную связь в случаях, когда атрибуты HTML5 не годятся

Модуль 5. Взаимодействие с удаленным источником данных
- Отправка и получение данных с помощью XMLHTTPRequest
- Отправка и получение данных с помощью операций jQuery AJAX

Лабораторная работа: Связь с удаленным источником данных
- Получение данных
- Сериализация и передача данных
- Оптимизация кода с помощью метода ajax библиотеки jQuery

По окончании этого модуля Вы будете уметь:
- Отправлять и получать данные с помощью объектов XMLHTTPRequest
- Оптимизировать код для получения и передачи данных метод ajax библиотеки jQuery

Модуль 6. Моделирование с помощью HTML5 CSS3
- Стилизация текста
- Стилизация группы элементов
- Селекторы CSS3
- Использования графических эффектов CSS3

Лабораторная работа: Стилизация текста и блоковых элементов с помощью CSS3
- Стилизация панели навигации
- Стилизация заголовка страницы
- Стилизация страницы “О приложении” (About)

По окончании этого модуля Вы будете уметь:
- Стилизовать элементы текста на странице HTML5, используя CSS3
- Применять стили для групп элементов с помощью CSS3
- Использовать селекторы CSS3 для отбора стилизуемых элементов
- Реализовывать графические эффекты и преобразования (transformations) с помощью новых свойств CSS3

Модуль 7. Создание объектов с помощью javascript
- Разработка структурированного кода на javascript
- Создание собственных объектов
- Расширение созданных/существующих объектов

Лабораторная работа: Оптимизация кода для снижения издержек при сопровождении (Maintainability), повышение устойчивости при внесении изменений (Extensibility)
- Наследование объектов
- Рефакторинг кода использующего объекты

По окончании этого модуля Вы будете уметь:
- Описать преимущества структурированного кода javascript
- Применять передовой опыт для создания пользовательских объектов средствами javascript
- Описать, как можно надстроить логику пользовательских и встроенных объектов

Модуль 8. Создание интерактивных страниц с помощью HTML5
- Взаимодействие с файлами
- Использование мультимедиа
- Реагирование на дислокацию и контекст обозревателя
- Отладка и профилирование веб-приложений

Лабораторная работа: Создание интерактивных страниц с помощью HTML5
- Внедрение видео
- Внедрение изображений
- Использование API геолокации

По окончании этого модуля Вы будете уметь:
- Использовать технологию Drag and Drop и API для взаимодействия с файлами (File API)
- Использовать элементы аудио и видео
- Определить местоположение пользователя, запустившего Веб-приложение, с помощью API геолокации
- Отлаживать и персонифицировать Веб-приложения, используя Web Timing API и Internet Explorer Developer Tools

Модуль 9. Использование возможностей хранения данных на стороне клиента
- Локальное чтение и запись данных
- Сохранение данных на стороне клиента (offline-режим) с помощью кэша приложения

Лабораторная работа: Добавление сохранения данных на стороне клиента (offline-режим)
- Реализация кэша приложения
- Реализация локального хранилища

По окончании этого модуля Вы будете уметь:
- Сохранять и восстанавливать данные на компьютере пользователя с помощью Local Storage API
- Обеспечение сохранения данных на стороне клиента с помощью Application Cache API

Модуль 10. Реализация адаптивного интерфейса пользователя
- Поддержка различных форм-факторов
- Создание адаптивного пользовательского интерфейса

Лабораторная работа: Реализация адаптивного интерфейса пользователя
- Создание шаблона страницы пригодного для вывода на печать
- Адаптация макета страницы к различным форм-факторам

По окончании этого модуля Вы будете уметь:
- Научить приложение определять возможности устройств и адаптироваться к форм-факторам
- Создавать веб-страницы, способные динамически адаптироваться, чтобы соответствовать различным форм-факторам

Модуль 11. Использование графики
- Создание векторной графики с помощью библиотеки SVG
- Программное создание графики с помощью элемента Canvas

Лабораторная работа: Настройка расширенной графики
- Создание интерактивной карты с использование средств векторной графики
- Создание беджа докладчика (Speaker Badge) с помощью элемента Canvas

По окончании этого модуля Вы будете уметь:
- Использовать векторную графику для создания интерактивных приложений
- Рисовать сложные графические элементы на базе Canvas с помощью javascript

Модуль 12. Анимация интерфейса пользователя
- Применение переходов (transitions) CSS
- Преобразование (transformations) элементов
- Использование покадровой CSS анимации

Лабораторная работа: Анимация элементов пользовательского интерфейса
- Создание переходов для анимации пользовательского интерфейса
- Применение покадровой анимации

По окончании этого модуля Вы будете уметь:
- Применить переходы CSS к элементам HTML5, управлять переходом через javascript
- Описать различные типы 2D и 3D переходов, доступные с CSS3
- Реализовать сложную покадровую анимацию с помощью CSS и кода javascript

Модуль 13. Реализация двунаправленного обмена сообщениями с использованием Web Sockets
- Введение в Web Sockets
- Отправка и получение данных с помощью Web Sockets

Лабораторная работа: Реализация двунаправленного обмена с использованием Web Sockets
- Получение данных через Web Sockets
- Отправка данных в Web Sockets
- Передача разных типов сообщений через Web Sockets

По окончании этого модуля Вы будете уметь:
- Описать, как работают Web Sockets, как происходит передача и прием сообщений
- Использовать Web Socket API на javascript для подключения к серверу, отправки и получении данных и обработки событий, связанных с отправкой или получением сообщений

Модуль 14. Использование Web Workers
- Введение в Web Workers
- Выполнение асинхронной обработки с помощью Web Workers

Лабораторная работа: Создание Web Workers
- Повышение эффективности использования приложений посредством Web Workers
- Обеспечение обратной связи с пользователями во время выполнения длительных операций

По окончании этого модуля Вы будете уметь:
- Описать назначение Web Workers их использование для асинхронной обработки
- Создавать, запускать и проводить мониторинг Web Worker из javascript при помощи Web Worker API

Качество видео: PCRec
Видеокодек: mp4
Битрейт видео: ~9999 kb/s,
Размер кадра: 777 x 333
Аудиокодек: AAC
Битрейт аудио: 300

Автор (режиссер): Шуйков Сергей Юрьевич
Название: [Специалист] М20480 Программирование в HTML5 с javascript и CSS3
Год выпуска: 2012
Жанр: Программирование
Язык: Русский
Продолжительность: 40 ак. ч.
Размер: 3.41 GB (+5% на восст.)

Понравилась новость? Расскажи друзьям!

Не пропустите

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Информация

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