Курс "20480 Программирование в HTML5 с JavaScript и CSS3 (20480 Programming in HTML5 with JavaScript and CSS3)"

Код: 20480
Специализация: Microsoft Visual Studio 2015

Продолжительность - 5 дней

Расписание:
26 августа 2024 года (Москва)
11 ноября 2024 года (Москва)

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

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

Курс помогает подготовиться к следующим сертификационным экзаменам: 070-480: Programming in HTML5 with JavaScript and CSS3.

По окончании курса Вы будете уметь:

• Использовать 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.

Предварительная подготовка

Успешное окончание курса 10953 Разработка c использованием HTML5 и курса 50564 Расширенные возможности HTML5 или эквивалентная подготовка.

Программа курса 20480 Программирование в HTML5 с JavaScript и CSS3

Модуль 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

В конце обучения на курсе проводится итоговая аттестация в виде теста или на основании оценок за практические работы, выполненных в процессе обучения.

Также Вы можете изучить данный курс OD20480 Programming in HTML5 with JavaScript and CSS3 дистанционно

Если вы хотите узнать больше о том, как использовать возможности Visual Studio для создания превосходных современных веб-приложений и облачных служб с помощью набора инструментов для совместной работы, то вам сюда. Эти учебные ресурсы помогут быстро приступить к работе: от знакомства с продуктом до его освоения и сертификации.

Пройдите курс обучения по Visual Studio и приобретите навыки, необходимые для создания и предоставления приложений различных типов на самых разных платформах. Если вы хотите изучить C# или HTML5, каждый указанный ниже путь обучения структурирован для обучения либо C# на платформе .NET, либо HTML5 с JavaScript и CSS3, а также для получения навыков работы с Microsoft Visual Studio. Путь начального уровня является прекрасным вариантом для начинающих, которым необходимо обучение базовым и основным навыкам работы с .NET и HTML5. Эти курсы подготовят вас также к сертификации по Microsoft Visual Studio.

Получите сертификат и расскажите всему миру, что умеете использовать организационные решения и возможности по разработке кодов Visual Studio для создания новых приложений для самых разных платформ.

Начальный уровень: Developer

Пройдите один из данных курсов Visual Studio и подготовьтесь к сертификации Microsoft Technology Associate (MTA)

• Software Development Fundamentals Подготовка к экзамену 98-361 / Пройдите курс 40361
• HTML5 App Development Fundamentals Подготовка к экзамену 98-375 / Пройдите курс 40375

Уровень "Эксперт": Windows Store apps using HTML5

Пройдите эти курсы и подготовьтесь к сертификации Microsoft Certified Solutions Developer (MCSD): Windows Store Apps Using HTML5.

• Programming in HTML5 with JavaScript and CSS3 Подготовка к экзамену 70-480 / Пройдите курс 20480
• Essentials of Developing Windows Store Apps Using HTML5 and JavaScript Подготовка к экзамену 70-481 / Пройдите курс 20481
• Advanced Windows Store App Development Using HTML5 and JavaScript Подготовка к экзамену 70-482 / Пройдите курс 20482

Уровень "Эксперт": Windows Store Apps Using C#

Пройдите эти курсы и подготовьтесь к сертификации MCSD: Windows Store Apps Using C#.

• Programming in C# Подготовка к экзамену 70-483 / Пройдите курс 20483
• Essentials of Developing Windows Store Apps Using C# Подготовка к экзамену 70-484 / Пройдите курс 20484
• Advanced Windows Store App Development Using C# Подготовка к экзамену 70-485 / Пройдите курс 20485

Уровень "Эксперт": Web Applications

Пройдите эти курсы и подготовьтесь к сертификации MCSD: Web Applications.

• Programming in HTML5 with JavaScript and CSS3 Подготовка к экзамену 70-480 / Пройдите курс 20480
• Programming in C# Подготовка к экзамену 70-483 / Пройдите курс 20483
• Developing ASP.NET MVC 4 Web Applications Подготовка к экзамену 70-486 / Пройдите курс 20486
• Developing Microsoft Azure and Web Services Подготовка к экзамену 70-487 / Пройдите курс 20487

По окончании авторизованного курса Microsoft выдаётся международный сертификат Microsoft

Магазин программного обеспечения   WWW.ITSHOP.RU

Microsoft Office для дома и учебы 2019 (лицензия ESD) Microsoft Office 365 для Дома 32-bit/x64. 5 ПК/Mac + 5 Планшетов + 5 Телефонов. Подписка на 1 год. Microsoft 365 Apps for business (corporate) Microsoft 365 Business Basic (corporate) Microsoft 365 Business Standard (corporate)

Другие предложения...

Курсы обучения   WWW.ITSHOP.RU

Разработка приложений Win32 в Delphi 10 Seattle Основы SQL. PostgreSQL. Взаимодействие с базой данных в Pyhton 20740 Установка, хранение данных и вычисления с Windows Server 2016

Другие предложения...

Магазин сертификационных экзаменов   WWW.ITSHOP.RU

Implementing Data Models and Reports w/MS SQL Server 2012 Software Development Fundamentals Mobility and Devices Fundamentals

Другие предложения...

3D Принтеры | 3D Печать   WWW.ITSHOP.RU

Другие предложения...