JavaScript and HTML5: Develop Web Applications
Преимущества для Вас:
Этот курс подготовит любого веб-разработчика с достаточным количеством знаний по JavaScript, HTML5 и CSS3, необходимых для создания сложных и современных сайтов, в том числе для тех, кто надеется участвовать в разработке “front-end” веб-приложений с использованием Java EE.
Предварительная подготовка:
Базовый опыт в любом языке программирования
Базовые знания по концепциям веб-технологий
Длительность
Доступ к курсу
Документы
Кому подойдет этот курс
Цели курса:
Писать код на языке 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
Программа курса
Установка среды.
Выполнение страниц HTML и их анализ при помощи средств разработки браузера.
Отделение CSS и контента JavaScript от страниц HTML.
Выполнение Приложений HTML5 в NetBeans.
Практика: Создание Веб-приложения HTML5 с NetBeans 8.
Практика: Разделение ресурсов JavaScript и CSS.
Создание массивов JavaScript для хранения данных.
Определение Объектов JavaScript как хранилищ пары “ключ-значение”.
Доступ к свойствам объекта.
Практика: Написание кода JavaScript для прохождения тестов в Jasmine.
Создание Форм HTML5 для запроса информации и её обработки.
Проверка допустимости форм ввода HTML5 .
Написание функций JavaScript для событий HTML5.
Управление элементами HTML5 с использованием DOM.
Практика: Написание кода JavaScript для изменения элементов документа.
Обработка нескольких значений с использованием JavaScript Collections.
Управление датами с испоьзованием JavaScript Date API.
Практика: Создание приложения “meal-divider”.
Практика: Расчет общего количества в зависимости от возраста.
Разбор JSON Strings внутри JavaScript Objects.
Сохранение Objects при помощи JSON API , Cookies и Local Storage.
Практика: Сохранение пользовательского ввода при помощи JSON API и Local Storage.
Практика: Восстановление сохраненных данных, в момент загрузки страницы.
Использование возможностей CSS3 для добавления динамических стилей к элементам с событиями.
Использовать Media Queries и медиа-данные, чтобы адаптироваться к различным экранам.
Использование JavaScript, для добавления и удаления стилей из элементов.
Практика: Написание правил CSS, для установления стилей элементов в документе.
Создание замыканий (closures) и объяснение компоненты Variable Scope.
Написание функций JavaScript в виде модулей.
Создание прототипов (Prototypes).
Создание взаимодействий вида Drag-and-Drop с использованием JavaScript.
Создание таймеров и задержек JavaScript, для получения анимации в HTML.
Использование объекта HTML5 Canvas для рисования на страницах.
Практики: Создание холста (Canvas), интервалов, Drag and Drop и манипуляции мышью.
Применение 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.
Использование Selectors и манипуляторов DOM для обработки документов.
Обработка событий с jQuery.
Анимация элементов и применение эффектов в документе.
Обработка ответов сервера AJAX.