Пропустить команды ленты
Пропустить до основного контента
English Version
Вход
Перейти вверх

М20480 Программирование в HTML5 с JavaScript и CSS3. Programming in HTML5 with JavaScript and CSS3

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

Особое внимание на занятиях уделяется принципам построения программной логики, определению и использованию переменных, написанию циклов и ветвлений, разработке пользовательских интерфейсов, обработке вводимых данных, их хранении, разработке структурированных приложений на базе HTML5/CSS3/JavaScript.

Вы выполните большое количество практических работ с использованием Visual Studio 2017 на платформе Windows 10.

Также курс позволяет подготовиться к сдаче экзамена 70-480: Programming in HTML5 with JavaScript and CSS3.

Аудитория:

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

Курс не требует знания HTML5, вполне достаточно некоторого опыта использования HTML4.

Предварительные требования

Для эффективного обучения на курсе, слушатели должны обладать следующими знаниями и навыками:

По окончании курса слушатели смогут:

  • Использовать Visual Studio 2017 для создания Windows Store и веб-приложений;
  • Описать новые функции HTML5, создавать страницы в стиле HTML5;
  • Добавлять интерактивные страницы HTML5 с использованием JavaScript;
  • Создавать формы HTML5, используя различные типы ввода, проверять вводимые пользователем данные с помощью атрибутов HTML5 и кода JavaScript;
  • Отправлять и получать данные удаленно с помощью объектов XMLHTTPRequest и метода ajax библиотеки jQuery;
  • Настраивать стиль HTML5-страниц с помощью новых возможностей CSS3;
  • Создавать структурированный и легкий в сопровождении код на JavaScript;
  • Write modern JavaScript code and use babel to make it compatible to all browsers
  • Использовать новые возможности JavaScript API в интерактивных веб-приложениях;
  • Создавать веб-приложения поддерживающие хранение данных на стороне клиента (offline-режим);
  • Создавать веб-страницы HTML5, способные адаптироваться к различным видам устройств и форм-факторам;
  • Выводить графику средствами HTML5, используя элементы Canvas и масштабируемую векторную графику SVG;
  • Повысить удобство интерфейса пользователя, используя анимацию на страницах HTML5;
  • Использовать новые возможности Web Sockets API для передачи и приема данных между веб-приложением и сервером;
  • Сделать более эффективной работу приложений производящих длительные операции, используя Web Worker.
  • Use WebPack to package web applications for production

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

Модуль 1. Обзор HTML и CSS 

  • Обзор HTML 
  • Обзор CSS 
  • Создание веб-приложений с помощью Visual Studio 2017
  • Exploring the Contoso Conference Application
  • Examining and Modifying the Contoso Conference Application

Модуль 2. Создание и стилизации страниц HTML5 

  • Создание страницы HTML5 
  • Настройка стиля страницы HTML5

Модуль 3. Введение в JavaScript 

  • Обзор JavaScript 
  • Введение в DOM
  • Displaying Data Programmatically
  • Handling Events

Модуль 4. Создание форм для сбора данных и проверки вводимых пользователем данных 

  • Создание форм HTML5
  • Проверка вводимых пользователем данных с помощью атрибутов HTML5 
  • Проверка вводимых пользователем данных с помощью JavaScript

Модуль 5. Взаимодействие с удаленным сервером

  • Отправка и получение данных с помощью XMLHTTPRequest 
  • Отправка и получение данных с помощью операций jQuery AJAX
  • Retrieving Data
  • Serializing and Transmitting Data
  • Refactoring the Code by Using the jQuery ajax Method

Модуль 6. Стилизация HTML5 с помощью CSS3 

  • Стилизация текста с помощью CSS3 
  • Стилизация группы элементов 
  • Pseudo-Classes and Pseudo-Elements
  • Использование графических эффектов CSS3
  • Styling the Navigation Bar
  • Styling the Register Link
  • Styling the About Page

Модуль 7. Создание объектов с помощью JavaScript 

  • Разработка структурированного кода на JavaScript 
  • Создание собственных объектов 
  • Расширение созданных/существующих объектов
  • Object Inheritance
  • Refactoring JavaScript Code to Use Objects

Модуль 8. Создание интерактивных страниц с помощью HTML5 

  • Взаимодействие с файлами 
  • Использование мультимедиа 
  • Реагирование на дислокацию и контекст обозревателя 
  • Отладка и профилирование веб-приложений
  • Dragging and Dropping Images
  • Incorporating Video
  • Using the Geolocation API to Report the User's Current Location

Модуль 9. Использование возможностей хранения данных на стороне клиента 

  • Локальное чтение и запись данных 
  • Сохранение данных на стороне клиента (offline-режим) с помощью кэша приложения
  • Caching Offline Data by Using the Application Cache API
  • Persisting User Data by Using the Local Storage API

Модуль 10. Реализация адаптивного интерфейса пользователя 

  • Поддержка различных форм-факторов 
  • Создание адаптивного пользовательского интерфейса
  • Creating a Print-Friendly Style Sheet
  • Adapting Page Layout to Fit Different Form Factors

Модуль 11. Использование графики 

  • Создание векторной графики с помощью библиотеки SVG 
  • Drawing Graphics by Using the Canvas API
  • Creating an Interactive Venue Map by Using SVG
  • Программное создание графики с помощью элемента Canvas API

Модуль 12. Анимация интерфейса пользователя 

  • Применение переходов (transitions) CSS 
  • Преобразование (transformations) элементов 
  • Использование покадровой CSS анимации

Модуль 13: Реализация двунаправленного обмена сообщениями с использованием Web Sockets 

  • Введение в Web Sockets 
  • Использование WebSocket API
  • Отправка и получение данных с помощью Web Sockets
  • Handling Different Web Socket Message Types

Модуль 14: Performing Background Processing by Using Web Workers

  • Введение в Web Workers
  • Выполнение асинхронной обработки с помощью Web Workers
  • Improving Responsiveness by Using a Web Worker
Модуль 15: Packaging JavaScript for Production Deployment
  • Understanding Transpilers And Module bundling
  • Creating Separate Packages for Cross Browser Support
Продолжительность курса:
5 дней (40 часов)
 

 Регистрация на курс

 
Доступные даты для регистрации:
13 мая 2019
10 июня 2019

Для регистрации на курс воспользуйтесь личным кабинетом
 

 Новости

 
 

 Облако тегов

 
Здесь будут отображаться тэги.(Upd)