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.

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

Базовый опыт в любом языке программирования
Базовые знания по концепциям веб-технологий


80 000 ₽

Длительность

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

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

10 модулей
Введение
Изучение целей курса. 
Установка среды.


Основы Веб-приложения
Создание приложений HTML5 в NetBeans. 
Выполнение страниц HTML и их анализ при помощи средств разработки браузера. 
Отделение CSS и контента JavaScript от страниц HTML. 
Выполнение Приложений HTML5 в NetBeans. 
Практика: Создание Веб-приложения HTML5 с NetBeans 8.
Практика: Разделение ресурсов JavaScript и CSS.


Основы JavaScript
Написание кода JavaScript для объявления переменных, объектов, функций и массивов. 
Создание массивов JavaScript для хранения данных. 
Определение Объектов JavaScript как хранилищ пары “ключ-значение”. 
Доступ к свойствам объекта. 
Практика: Написание кода JavaScript для прохождения тестов в Jasmine.


Сочетание HTML5 и JavaScript в Веб-приложениях
Создание документов HTML5. 
Создание Форм HTML5 для запроса информации и её обработки. 
Проверка допустимости форм ввода HTML5 . 
Написание функций JavaScript для событий HTML5. 
Управление элементами HTML5 с использованием DOM. 
Практика: Написание кода JavaScript для изменения элементов документа.


JavaScript API
Проверка пользовательского ввода с помощью JavaScript и регулярных выражений. 
Обработка нескольких значений с использованием JavaScript Collections. 
Управление датами с испоьзованием JavaScript Date API. 
Практика: Создание приложения “meal-divider”. 
Практика: Расчет общего количества в зависимости от возраста.


Данные Веб-приложения
Преобразование Объектов к виду JSON Strings. 
Разбор JSON Strings внутри JavaScript Objects. 
Сохранение Objects при помощи JSON API , Cookies и Local Storage. 
Практика: Сохранение пользовательского ввода при помощи JSON API и Local Storage. 
Практика: Восстановление сохраненных данных, в момент загрузки страницы.


Стиль приложений, использующих CSS3 и JavaScript
Применение CSS-стилей к документам HTML. 
Использование возможностей CSS3 для добавления динамических стилей к элементам с событиями. 
Использовать Media Queries и медиа-данные, чтобы адаптироваться к различным экранам. 
Использование JavaScript, для добавления и удаления стилей из элементов. 
Практика: Написание правил CSS, для установления стилей элементов в документе.


Продвинутый JavaScript
Определение Функций. 
Создание замыканий (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.


Разработка приложений с jQuery
Добавление jQuery и библиотек UI jQuery к вашим проектам. 
Использование Selectors и манипуляторов DOM для обработки документов. 
Обработка событий с jQuery. 
Анимация элементов и применение эффектов в документе. 
Обработка ответов сервера AJAX.


Как проходит обучение на платформе ФОРС

[ 01 ]

Знакомство с платформой

Платформа учебного центра ФОРС предназначена для удобного и комфортного обучения. Доступ к материалам будет открыт сразу после приобретения курса, а также навсегда доступен в личном кабинете.

[ 02 ]

Обучение

Каждый раздел содержит уроки с теоретическими материалами в видео и текстовых форматах, а так же демонстрацию практических примеров от преподавателей. Самостоятельная работа поможет закрепить полученные знания.

[ 03 ]

Обратная связь и поддержка

Мы поддерживаем онлайн-ресурс, где слушатели всегда могут задать вопрос преподавателю или коллективно обсудить возможные проблемы с другими студентами. Вы всегда сможете получить необходимую информацию в личном кабинете.

[ 04 ]

Дипломы и сертификаты

Все документы об окончании курсов собраны в одном месте в электронном формате — вы всегда можете посмотретьи скачать их в личном кабинете.

Остались вопросы?

Оставьте свои контактные данные — мы с вами свяжемся и все расскажем

Нажимая на кнопку «Отправить», я принимаю условия Политики конфиденциальности, и даю согласие на обработку персональных данных