JDWA
JavaScript and HTML5: Develop Web Applications
Данный курс научит Вас тому, как кодировать программную логику в веб-приложениях, используя JavaScript, а также, как создавать страницы HTML5, чтобы разобрать и отправить данные c использованием формата HTML5. Помимо этого - создавать и изменять Объектную модель документа ( Document Object Model - DOM), создавать быстро реагирующие слои с CSS3, сохранять локальные данные с JSON и “рисовать” на HTML5 холсте (HTML5 canvas). Студенты смогут добавить интерактивность к веб-страницам, получая при этом необходимый практический опыт, применить динамические данные, используя AJAX, REST и WebSocket с JavaScript.
Преимущества для Вас:
Этот курс подготовит любого веб-разработчика с достаточным количеством знаний по JavaScript, HTML5 и CSS3, необходимых для создания сложных и современных сайтов, в том числе для тех, кто надеется участвовать в разработке “front-end” веб-приложений с использованием Java EE.
Предварительная подготовка:
Базовый опыт в любом языке программирования
Базовые знания по концепциям веб-технологий
Преимущества для Вас:
Этот курс подготовит любого веб-разработчика с достаточным количеством знаний по JavaScript, HTML5 и CSS3, необходимых для создания сложных и современных сайтов, в том числе для тех, кто надеется участвовать в разработке “front-end” веб-приложений с использованием Java EE.
Предварительная подготовка:
Базовый опыт в любом языке программирования
Базовые знания по концепциям веб-технологий
Длительность
4 дня (32ч в неделю)
Доступ к курсу
Навсегда в личном кабинете
Документы
Удостоверение о повышении квалификации
Кому подойдет этот курс
Разработчики приложений
Разработчики
Разработчики форм
Разработчики J2EE
Разработчики Java
Разработчики Java EE
Ведущие специалисты
Технические консультанты
Цели курса:
Создавать и запускать HTML5 приложения в среде NetBeans
Писать код на языке JavaScript с использованием переменных, объектов, функций и массивов
Создавать формы HTML5, чтобы запросить и обработать информацию
Писать функции JavaScript для событий HTML5
Управлять элементами HTML5 с использованием DOM
Использовать JavaScript API
Сохранять объекты, используя JSON API, Cookies и Local Storage
Стиль HTML документов при наличии CSS3
Использовать Media Queries и медиа-данные, чтобы адаптировать веб-страницу к различным размерам экрана
Создавать замыкания (closures), прототипы и модули в JavaScript
Создавать холст (Canvas), интервалы, взаимодействия вида Drag and Drop и манипуляции мышью в HTML5
Применять AJAX при использовании RESTful Web Services
Идентифицировать требуемые Back-End технологии для REST и WebSocket с Java EE7
Использовать Selectors и манипуляторы DOM для обработки документов с jQuery
Обрабатывать события и ответы сервера AJAX с jQuery
Писать код на языке JavaScript с использованием переменных, объектов, функций и массивов
Создавать формы HTML5, чтобы запросить и обработать информацию
Писать функции JavaScript для событий HTML5
Управлять элементами HTML5 с использованием DOM
Использовать JavaScript API
Сохранять объекты, используя JSON API, Cookies и Local Storage
Стиль HTML документов при наличии CSS3
Использовать Media Queries и медиа-данные, чтобы адаптировать веб-страницу к различным размерам экрана
Создавать замыкания (closures), прототипы и модули в JavaScript
Создавать холст (Canvas), интервалы, взаимодействия вида Drag and Drop и манипуляции мышью в HTML5
Применять AJAX при использовании RESTful Web Services
Идентифицировать требуемые Back-End технологии для REST и WebSocket с Java EE7
Использовать Selectors и манипуляторы DOM для обработки документов с jQuery
Обрабатывать события и ответы сервера AJAX с jQuery
Программа курса
10 модулей
Введение
Изучение целей курса.
Установка среды.
Установка среды.
Основы Веб-приложения
Создание приложений HTML5 в NetBeans.
Выполнение страниц HTML и их анализ при помощи средств разработки браузера.
Отделение CSS и контента JavaScript от страниц HTML.
Выполнение Приложений HTML5 в NetBeans.
Практика: Создание Веб-приложения HTML5 с NetBeans 8.
Практика: Разделение ресурсов JavaScript и CSS.
Выполнение страниц HTML и их анализ при помощи средств разработки браузера.
Отделение CSS и контента JavaScript от страниц HTML.
Выполнение Приложений HTML5 в NetBeans.
Практика: Создание Веб-приложения HTML5 с NetBeans 8.
Практика: Разделение ресурсов JavaScript и CSS.
Основы JavaScript
Написание кода JavaScript для объявления переменных, объектов, функций и массивов.
Создание массивов JavaScript для хранения данных.
Определение Объектов JavaScript как хранилищ пары “ключ-значение”.
Доступ к свойствам объекта.
Практика: Написание кода JavaScript для прохождения тестов в Jasmine.
Создание массивов JavaScript для хранения данных.
Определение Объектов JavaScript как хранилищ пары “ключ-значение”.
Доступ к свойствам объекта.
Практика: Написание кода JavaScript для прохождения тестов в Jasmine.
Сочетание HTML5 и JavaScript в Веб-приложениях
Создание документов HTML5.
Создание Форм HTML5 для запроса информации и её обработки.
Проверка допустимости форм ввода HTML5 .
Написание функций JavaScript для событий HTML5.
Управление элементами HTML5 с использованием DOM.
Практика: Написание кода JavaScript для изменения элементов документа.
Создание Форм HTML5 для запроса информации и её обработки.
Проверка допустимости форм ввода HTML5 .
Написание функций JavaScript для событий HTML5.
Управление элементами HTML5 с использованием DOM.
Практика: Написание кода JavaScript для изменения элементов документа.
JavaScript API
Проверка пользовательского ввода с помощью JavaScript и регулярных выражений.
Обработка нескольких значений с использованием JavaScript Collections.
Управление датами с испоьзованием JavaScript Date API.
Практика: Создание приложения “meal-divider”.
Практика: Расчет общего количества в зависимости от возраста.
Обработка нескольких значений с использованием JavaScript Collections.
Управление датами с испоьзованием JavaScript Date API.
Практика: Создание приложения “meal-divider”.
Практика: Расчет общего количества в зависимости от возраста.
Данные Веб-приложения
Преобразование Объектов к виду JSON Strings.
Разбор JSON Strings внутри JavaScript Objects.
Сохранение Objects при помощи JSON API , Cookies и Local Storage.
Практика: Сохранение пользовательского ввода при помощи JSON API и Local Storage.
Практика: Восстановление сохраненных данных, в момент загрузки страницы.
Разбор JSON Strings внутри JavaScript Objects.
Сохранение Objects при помощи JSON API , Cookies и Local Storage.
Практика: Сохранение пользовательского ввода при помощи JSON API и Local Storage.
Практика: Восстановление сохраненных данных, в момент загрузки страницы.
Стиль приложений, использующих CSS3 и JavaScript
Применение CSS-стилей к документам HTML.
Использование возможностей CSS3 для добавления динамических стилей к элементам с событиями.
Использовать Media Queries и медиа-данные, чтобы адаптироваться к различным экранам.
Использование JavaScript, для добавления и удаления стилей из элементов.
Практика: Написание правил CSS, для установления стилей элементов в документе.
Использование возможностей CSS3 для добавления динамических стилей к элементам с событиями.
Использовать Media Queries и медиа-данные, чтобы адаптироваться к различным экранам.
Использование JavaScript, для добавления и удаления стилей из элементов.
Практика: Написание правил CSS, для установления стилей элементов в документе.
Продвинутый JavaScript
Определение Функций.
Создание замыканий (closures) и объяснение компоненты Variable Scope.
Написание функций JavaScript в виде модулей.
Создание прототипов (Prototypes).
Создание взаимодействий вида Drag-and-Drop с использованием JavaScript.
Создание таймеров и задержек JavaScript, для получения анимации в HTML.
Использование объекта HTML5 Canvas для рисования на страницах.
Практики: Создание холста (Canvas), интервалов, Drag and Drop и манипуляции мышью.
Создание замыканий (closures) и объяснение компоненты Variable Scope.
Написание функций JavaScript в виде модулей.
Создание прототипов (Prototypes).
Создание взаимодействий вида Drag-and-Drop с использованием JavaScript.
Создание таймеров и задержек JavaScript, для получения анимации в HTML.
Использование объекта HTML5 Canvas для рисования на страницах.
Практики: Создание холста (Canvas), интервалов, Drag and Drop и манипуляции мышью.
AJAX и WebSocket
Использование AJAX с JavaScript для запроса данных от сервера приложений.
Применение AJAX при использовании RESTful Web Services.
Использование вызовов AJAX для создания взаимодействия вида"Server Push" .
Определение альтернатив AJAX для использования в устаревшем коде.
Понимание компоненты AJAX Security.
Использование компоненты WebSocket, для создания взаимодействия вида Real-time Client/Server.
Определение требуемых Back-End технологий для REST и WebSocket с Java EE7.
Практики: Создание одностраничного приложения, использующего RESTand a Tic-Tac-Toe Game Client с WebSocket.
Применение AJAX при использовании RESTful Web Services.
Использование вызовов AJAX для создания взаимодействия вида"Server Push" .
Определение альтернатив AJAX для использования в устаревшем коде.
Понимание компоненты AJAX Security.
Использование компоненты WebSocket, для создания взаимодействия вида Real-time Client/Server.
Определение требуемых Back-End технологий для REST и WebSocket с Java EE7.
Практики: Создание одностраничного приложения, использующего RESTand a Tic-Tac-Toe Game Client с WebSocket.
Разработка приложений с jQuery
Добавление jQuery и библиотек UI jQuery к вашим проектам.
Использование Selectors и манипуляторов DOM для обработки документов.
Обработка событий с jQuery.
Анимация элементов и применение эффектов в документе.
Обработка ответов сервера AJAX.
Использование Selectors и манипуляторов DOM для обработки документов.
Обработка событий с jQuery.
Анимация элементов и применение эффектов в документе.
Обработка ответов сервера AJAX.