JavaScript Основной Курс

http://web.xxi.kiev.ua/JavaScript

Рецепты приготовления ярких сайтов на Javascript

Хотите "оживить" свой сайт, сделать его ярким и динамичным? 
- Используйте JavaScript и у вас все получится!

 Javascript - это скриптовый язык, который используется как со стороны клиента - front-end, так и со стороны сервера - back-end. Если вам на сайте нужен встроенный калькулятор, конвертер валют или, к примеру, слайдер, то все это легко реализовать, используя Javascript.  
Еще один вариант использования языка - браузерные игры.

 

 

• Пример современного сайта - весь функционал выполнен на JavaScript

 

Основные темы курса:

Тема. Введение. Основные конструкции языка

• Почему сегодня актуален JavaScript
• Сценарии, выполняемые на стороне клиента
• Внедрение в HTML документы.  Популярные редакторы кода JavaScript
• Синтаксис, зарезервированные слова языка
• Операторы, переменные и типы данных JS
• Ввод/вывод данных. Диалоговые окна
• Работа с числами:

- объект Math
- parseInt(), parseFloat()

• Работа с консолью, учимся искать ошибки

Тема. Управляющие конструкции. Функции

• Операторы инкремента и декремента
• Циклы:

- while
- for
- do while

• Управляющие конструкции if else  
• Прерывание и продолжение цикла
• Управляющая конструкция switch
• Работа с функциями:

- возврат значений
- области видимости
- анонимная функция
- замыкания
- рекурсия

Тема. Объекты и массивы

• Объектный тип: Объект (Object)
• Свойства и методы объекта
• Объектный тип: Массив (Array)
• Доступ к элементам массива

Тема. Объектная модель документа (DOM). Объектная модель браузера

• Описание DOM. Иерархия объектов
• Представление HTML-документа в виде дерева, типы узлов
• Связи между объектами
• Свойства и методы модели DOM. Модель событий DOM
• Поиск элементов в документе
• Модификация документа
• Добавление элементов в документ
• Объектная модель браузера

Тема. Cookies

• Обзор cookie. Безопасность и ограничения
• Время жизни cookie
• Создание и область действия cookie
• Чтение cookie
• Удаление cookie
• Работа с адресной строкой, подмена адресной строки
• Примеры использования в реальных проектах

Тема. Регулярные выражения  

• Синтаксис регулярных выражений
• Спецсимволы, неалфавитные символы (управляющие последовательности)
• Объект RegExp. Правила записи регулярных выражений
• Методы объектов String и RegExp для работы с регулярными выражениями

Практическая работа. Разработка формы с проверкой достоверности входных данных 

Тема. Управление протоколом HTTP (Ajax)

• Назначение , запуск, использование
• Технология Ajax
• Преимущества и ограничения Ajax
• Типы запросов, синхронный, асинхронный
• Формат передачи данных
• Текст, XML, JSON
• Пишем Single Page Application 

Практика работы с JQuery 

jQuery - это самая популярная бесплатная библиотека JavaScript. Девиз jQuery - write less, do more.

Используя jQuery Вы можете значительно облегчить разработку на JavaScript, расширить функциональность и добавить различные эффекты к пользовательскому интерфейсу web-приложений.  

Тема. Обзор библиотеки jQuery

• Понятие «JavaScript-библиотека»
• Знакомство с jQuery и ее возможностями
• Правила работы с библиотекой jquery.js
• Основы выборки элементов с web-страницы средствами jQuery
• Выбор вложенных, дочерних элементов, выборка по значению и наличию атрибутов

Тема. Фильтрация наборов элементов

• Базовые фильтры

• Фильтрация по контенту
• Фильтрация по атрибутам

• Фильтрация элементов форм 

 

• Получение, установка и удаление значений атрибутов

• Получение, установка и удаление значений свойств
• Получение, установка и удаление значений CSS-стилей

 

• Методы фильтрации элементов DOM-дерева

• Перемещение по DOM-дереву
• Добавление новых узлов

Тема. События и их обработка

• Функция конструктор jQuery Event

• Методы создания оьработчиков событий

• Обработка событий в jQuery

 

• Методы создания анимаций и их возможности

• Встроенные анимационные эффекты в jQuery

Практическая работа. Создание анимации

В результатр изучения JQuery вы сможете:

• Понимать принцип работы библиотеки jQuery

• Работать с различными методами библиотеки
• Создавать анимацию
• Использовать эффекты jQuery

Слушатели успешно прошедшие курс обучения, получают сертификат.