• Задание 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 и изучите основные возможности этой библиотеки. Во другой части урока будет рассмотрено понятие адаптивного дизайна на образце небольшой веб страницы, какая будет адаптироваться под размеры браузера для того, дабы корректно отображаться на любом устройстве – персональном компьютере, планшете или мобильном телефоне.