1 / 21

Разработка современных веб-приложений на HTML5

DEV212. Эксперт по технологиям разработки ПО. Microsoft. Разработка современных веб-приложений на HTML5. Константин Кичинский. Коктейль технологий и c тандартов или что такое HTML5?. Развитие HTML5. Развитие HTML5. HTML5. XHTML 1.1. CSS 2.1. HTML 4.01. Развитие HTML5.

violetta-michel
Download Presentation

Разработка современных веб-приложений на HTML5

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. DEV212 Эксперт по технологиям разработки ПО Microsoft Разработка современныхвеб-приложений на HTML5 Константин Кичинский

  2. Коктейль технологий и cтандартов или что такое HTML5?

  3. Развитие HTML5

  4. Развитие HTML5 HTML5 XHTML 1.1 CSS 2.1 HTML 4.01

  5. Развитие HTML5

  6. Коктейль технологий

  7. Постоянное развитие и важность W3C • @w3c CEO: bad standard early is worse than good standard late. Is pushing for timely delivery. #tpac(W3C CEO — Jeff Jaffe) • more than 1550 last call comments for HTML5... now you know why we need a neutral place like the #w3c consortium :-) #tpac

  8. Примеры реальных приложенийна HTML5 демонстрация

  9. Visual Studio 2010и новые веб-стандарты

  10. Встроенная поддержка HTML, CSS, JavaScript • VS2010 SP1 • Intellisenseдля JavaScript • Базовая поддержка HTML5, CSS3

  11. Дополнительные расширения • Web Standards Update • HTML5 – Video, Audio, Input Type, Drag & Drop, WAI-ARIA, Microdata, Schema.org • Browser API – GeoLocation & Local Storage • CSS3– 2D Transforms, 3D Transforms, Animations, Background & Borders, Basic Box Model, Basic UI, Behavior, Color, Flexible Box Layout, Fonts, Paged Media, Hyperlink Presentation… • Vendor specific prefixes like –ms, -webkit & -moz • Web Essentials

  12. Семантика, видео-плеер и сокеты демонстрация

  13. Что мы увидели • Поддержка семантических тегов • html5shim, jQuery 1.7 для старых браузеров • Использование HTML5 Video • Использование возможностей CSS3 Borders & Backgrounds, CSS3 Grid • Клиентские решения для префиксов • http://leaverou.github.com/prefixfree/ • Работа с Web Sockets

  14. Графика, оффлайн и файлы демонстрация

  15. Что мы увидели • Работа в offline-режиме • Хранение данных локально в Web Storage • Используйте Modernizrдля Feature Detection

  16. Можно ли использовать HTML5 сегодня? • Разработчики могут использовать HTML5 уже сегодня и мы призываем их делать это. • Ian Jacobs, W3C

  17. Резюме • Используйте VS 2010 SP1 + расширения • Пробуйте Visual Studio11 • Разрабатывайте сайты, учитывая Internet Explorer 9 • (его доля на Windows 7 продолжает расти!) • Пробуйте Internet Explorer 10 • Пробуйте Windows 8

  18. Обратная связь Уважаемые участники! Ваше мнение очень важно для нас! В блокноте, который находится в инфопаке участника, вы найдете анкету для оценки докладов Пожалуйста, оцените доклад и сдайте анкету при выходе из зала модератору Для участия в конкурсе заполненных анкет, отметьте в анкете номер, который указан на вашем бейдже Спасибо!

  19. Вопросы • DEV212 • Константин Кичинский • Эксперт по технологиям разработки ПО • konkich@microsoft.com • http://blogs.msdn.com/kichinsky • http://html5insight.ru • Вы сможете задать вопросы докладчику в зоне Microsoft в зале №17 в течение часа после завершения этой сессии

More Related