Описание курса

Базовый курс JavaScript предназначен для ознакомления студентов с данным языком программирования. В ходе обучения вы изучите историю JavaScript и его возможности, узнаете о лексической структуре языка, познакомитесь с переменными и научитесь проводить операции с ними. Кроме того, мы расскажем вам об условных и циклических конструкциях, массивах и функциях. Также вы узнаете об объектах и способах их создания, свойствах и методах объектов. По окончании базового курса студенты смогут закрепить пройденный материал в ходе практических занятий.

Минимальные требования к слушателям

• Уверенное владение персональным компьютером
• Навыки работы с текстовыми редакторами
• Знание HTML, CSS

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

• Введение в JavaScript
  • Знакомство с JavaScript
    • Что такое JavaScript?
    • История языка
    • Как работает Javascript?
    • Возможности языка
  • Основы JavaScript
    • Лексическая структура языка
    • Понятие “переменная”
    • Имена переменных
    • Типы данных в JavaScript
    • Операции над переменными
    • Логические операторы
    • Первое взаимодействие с пользователем
    • Практическое занятие со студентами, закрепление урока
• Условные конструкции и циклы
  • Понятие “условные конструкции”, их применение и разновидности
  • Практическое занятие со студентами, закрепление пройденной темы
  • Понятие “циклические конструкции”, их применение и разновидности
  • Практическое занятие со студентами, закрепление пройденной темы
  • Дополнительно: инструменты для отладки кода
• Массивы
  • Что такое массив?;
  • Создание массивов
  • Работа с массивами
  • Практическое занятие со студентами, закрепление пройденного урока
• Функции
  • Для чего нужны функции?
  • Способы создания функций
  • Вызов функций
  • Области видимости переменных
  • Разновидности функций
  • Практическое занятие со студентами, закрепление пройденного урока
• Введение в объекты
  • Понятие “объект”;
  • Способы создания объектов;
  • Свойства объектов
  • Методы объектов
  • Ключевое слово “this”
  • Практическое занятие со студентами, закрепление пройденного урока

После изучения курса вы сможете:

• Cоздавать и работать с переменными
• Проверять код на предмет ошибок
• Реализовывать несложные математические операции
• Создавать массивы, функции, объекты, условные и циклические конструкции

Описание курса

В этом курсе Вы узнаете, что такое JavaScript – гибкий и мощный язык программирования, который используется практически в процессе создания любого сайта или веб-приложения. Некоторые из самых популярных интернет-компаний, такие как Facebook и Twitter активно используют Javascript для добавления функциональности и повышения свои веб-сайты. Этот курс предназначен для слушателей, которые имеют предварительные знания с языком программирования JavaScript. В ходе курса Вы узнаете основные концепции программирования через JavaScript, применяя те базовые знания что Вы получили, а также расширяя их и получая новые. После окончания данного курса, рекомендовано продолжить обучения с курсом JavaScript Professional.

Требования к слушателям

• Владение ПК
• Навыки работы с IDE
• Знание основ HTML
• Знание основ JavaScript

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

• Базовые знания. Основные объекты. Основы работы с DOM
  • Интеграция JavaScript
  • Пространство имен
  • Работа с объектом document
  • Работа с другими объектами, location, navigator и тд.
  • Получение элементов разметки с помощью JavaScript
  • Работа с DOM деревом
• CSS и JavaScript
  • Базовые селекторы CSS
  • Полезные CSS селекторы
  • querySelector
  • Стили и классы, getComputedStyle
  • Размеры и прокрутка элементов
  • Размеры и прокрутка для страницы
  • Координаты
• Интервалы и таймеры. Работа со строками. Регулярные выражения
  • setInterval
  • setTimeout
  • Объект String
  • Методы для работы со строками
  • Регулярные выражения
  • Практическое задание
• События, обработка событий
  • Что такое события
  • События в Javascript
  • Обработчики событий
  • Отмена событий по умолчанию
• Работа с событиями
  • Дерево событий
  • stopPropagation
  • События мыши
  • События клавиатуры
  • Прочие полезные события
  • Техники работы с обработчиками событий
• ООП в Javascript
  • Объекты
  • Конструкторы
  • Прототип
  • Проверка прототипа: “instanceof”
  • Наследование
  • Инкапсуляция
  • Полиморфизм
  • Преобразование объектов: toString и valueOf
  • Оператор typeof, [[Class]]
  • Общие методы класса Object
• Формы и работа с формами. Валидация данных
  • Работа с формами с помощью JavaScript
  • Валидация данных
  • Обработка данных
  • Практическое задание
• Работа с cookies, графикой
  • Что такое cookies
  • Сохранение и чтение cookie
  • Альтернативы cookie
  • Работа с изображениями в JavaScript
  • SVG
  • Canvas
• Ajax и работа с HTTP протоколами
  • Привязка контекста
  • Методы call и apply
  • Обработка ошибок
  • __proto__ VS. prototype
  • Замыкания
  • Запуск кода из строки: eval
  • Формат JSON
• Ajax и работа с HTTP протоколами
  • Объект XMLHttpRequest
  • Форматы данных для AJAX
  • XMLHttpRequest и POST, отсылка форм
  • Запрос данных через SCRIPT, формат JSONP

После изучения курса вы сможете:

• Понимать сложные JavaScript конструкции
• Понимать прототипно-ориентированную модель программирования JavaScript, а также основы ООП в среде JavaScript
• Создавать JavaScript плагины
• Понимать событиюную модель в JavaScript
• Валидации данных
• Создавать ротаторы изображений и другие интерактивные элементы для страниц
• Работать с локальными хранилищами данных
• Использовать технологии AJAX

Описание курса

В ходе изучения курса JavaScript Professional Вы познакомитесь с реализацией на JavaScriptе самых популярных GOFовских шаблонов проектирования — Decorator (Декоратор – структурный шаблон), Observer (Наблюдатель – поведенческий шаблон), Factory (Абстрактная фабрика – порождающий шаблон), Mediator (Посредник – поведенческий шаблон) и Singleton (Одиночка – порождающий шаблон). В данном курсе, кроме классических шаблонов, будут рассмотрены характерные для Java¬Script и учитывающие уникальные особенности этого языка паттерны. Также в ходе курса Вы познакомитесь с множеством разлизных техник работы с JavaScript, узнаете массу тонких моментов, в которых, даже профессионалы совершают ошибки, а также научитесь использовать функциональное программирование и стандарт ECMAScript 6 .

Требования к слушателям

• Владение ПК
• Навыки работы с IDE
• Знание основ HTML
• Знание основ Javascript

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

• Урок 1. Циклы и Массивы. Функциональное программирование
  • Правильная работа с массивом
  • Правильная работа с циклом for
  • Методы map, foreach и другие методы для работы с массивами
  • Функциональное программирование. Подходы и техники
• Урок 2. Работа с объектами
  • Область применения наследования
  • ООП: фреймворк Class.extend
  • ООП: функциональная реализация классов
  • Расширение встроенных прототипов
  • Дескриптор свойства, геттеры и сеттеры
• Урок 3. Шаблоны создания объектов
  • Пространство имен
  • Объявление зависимостей
  • Частные свойства и методы
  • Шаб­лон «модуль»
  • Шаб­лон изолированного пространства имен
  • Статические члены
  • Шаб­лон цепочек
• Урок 4. Шаблоны для работы с деревом DOM и броузерами
  • Работа с деревом DOM
  • События
  • Сценарии, работающие продолжительное время
  • Удаленные взаимодействия
  • Развертывание сценариев Java¬Script
  • Стратегии загрузки
  • Прокси-объект
• Урок 5. Отпимизация и тонкости JS. Полезные методы
  • Управление памятью в JS и DOM
  • Утечки памяти
  • Замыкания и ссылки
  • Методы call, apply
  • Метод eval и его замена
  • Оператор delete
• Урок 6. EcmaScript 6. Создание JS плагинов.
  • Соглашения в коде виджета
  • Свои события, подписка-уведомление
  • Блочная область видимости
  • Значения параметров по умолчанию
  • Именованные параметры функций
  • Классы в ECMAScript 6
  • Arrow-функции

После изучения курса вы сможете:

• Понимать сложные JavaScript конструкции и работу шаблона
• Понимать и использовать ООП в среде JavaScript
• Понимать и использовать фукнциональные программирование и его подходы в среде
• Создавать JavaScript плагины
• Понимать механизмы работы массивов и объектов
• ECMAScript 6
• Продвинуто использовать технологию AJAX
• Использовать шаблоны кодирования и проектирования

Описание курса

Данный курс предназначен для обучения работе с JQuery. В ходе данного курса вы познакомитесь с понятием «JavaScript библиотека», а также с историей создания библиотеки JQuery. Мы обучим вас фильтрации наборов элементов, работе с атрибутами, свойствами и стилями. Вы узнаете о фильтрации элементов DOM-дерева, сможете добавлять новые узлы. Также мы ознакомим вас с понятием «событие», научим классической обработке событий в JavaScript и обработке средствами JQuery. Вы научитесь создавать анимации и встроенные анимационные эффекты, узнаете о готовых пользовательских интерфейсах и вспомогательных функциях, сможете создавать модули и использовать нативные методы JQuery. По окончании курса вы сможете работать с JQuery на высоком уровне.

Минимальные требования к слушателю

• Знание HTML и CSS
• Знание основ программирования с использованием JavaScript

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

• Введение в jQuery
  • Понятие “JavaScript библиотека”
  • История создания библиотеки jQuery
  • Подключение к веб-странице
  • Получение доступа к тегам
• Фильтрация наборов элементов
  • базовые фильтры
  • фильтрация по контенту
  • фильтрация по атрибутам
  • фильтрация елементов форм
• Работа с атрибутами, свойствами и стилями
  • получение, установка и удаление значений атрибутов
  • получение, установка и удаление значений свойств
  • получение, установка и удаление значений CSS-стилей
• DOM & jQuery
  • фильтрация элементов DOM-дерева
  • перемещение по DOM-дереву
  • добавление новых узлов
• События и их обработка
  • понятие “событие”
  • классическая обработка событий в JavaScript
  • обработка событий средствами jQuery
• Анимации
  • создание собственных анимаций
  • встроенные анимационные эффекты
• jQuery UI (готовые пользовательские интерфейсы)
  • общие характеристики jQuery UI
  • подкючение библиотеки и модулей
  • использование и настройка виджетов
  • настройка внешнего оформления виджетов
• Вспомагательные функции
  • работа с массивами
  • добавление метаданных в jQuery
  • устранение конфликтов с другими JavaScript-библиотеками
• Создание модулей
  • что такое “модуль jQuery”?
  • правила создания модулей
  • расширение библиотеки своими методами
• AJAX & JQuery
  • технология AJAX и ее преимущества
  • использование нативных методов JavaScript
  • использование методов jQuery

После изучения курса вы сможете:

• Понимать принцип работы JQuery библиотеки
• Пользоваться селекторными функциями
• Работать с функциями библиотеки
• Создавать анимацию
• Использовать различные эффекты
• Подключать различные плагины к своим страницам
• Разрабатывать собственные плагины
• Работать c JQuery UI

Описание курса

В ходе курса jQuery Advanced Вы узнайте и расширите свои знания о технологии Ajax, c помощью которой Вы сможете добавить больше итеративности в Ваши сайты и проекты. Также Вы ознакомитесь с техниками того как организовать свой код, используя jQuery плагины и обещания (Promises).

Также вовремя обучения Вы получите информацию о некоторых удобных служебных методах, включая $. each и $. map во время работы со сложными JSON данными.
Отдельно стоить выделить урок в котором Вы научитесь рефакторить Ваш jQuery код, правильно организовывая и оптимизируя отдельные части Вашего скрипта с целью ускорения выполнения кода, удобности его чтения другими разработчиками, а также с целью предотвращения критических ошибок в Вашем коде. Курс состоит из 5 уроков по 2 часа каждый, в ходе курсам Вам будет представлена как и теоритическая составляющая уроков так и практические задания.

Требования к слушателям

• Владение ПК
• Навыки работы с IDE
• Знание основ HTML и CSS
• Знание основ Javascript
• Знание основ jQuery

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

• Ajax & jQuery
  • Intro (напоминание о Ajax)
  • Работа с формами с помощью Ajax
  • Работа с JSON с помощью Ajax
  • JSONP
• Служебные методы
  • Коротко о служебных методах
  • $. each
  • $. map
  • $.proxy
  • $.trim
  • прочие служебные методы
• Обещания (promises)
  • Введение
  • Зачем нужны обещания
  • Deffered object
  • Использование обещаний на примере работы с Ajax
  • Будущее обещаний
• jQuery plugin
  • Методики и подходы к созданию reusable плагинов
  • Контекст
  • Основы
  • Поддержание цепочек вызовов
  • Настройки и умолчания
  • Определение пространства имен
  • Заключение и полезные советы
• jQuery Mobile
  • Введение в jQuery Mobile
  • Page – структура страниц
  • Buttons
  • Checkboxes & radiobuttons
  • Listview
  • PopUp
  • Panel
  • Theme Roller
  • События

После изучения курса вы сможете:

• Правильно организовывать структуру Вашего jQuery/JavaScript кода
• Рефакторить Ваш код
• Правильно использовать память
• Использовать ‘обещания’
• Создавать собственные плагины

Описание курса

Научитесь использовать Angular. js, добавив желаемое поведение для Вашей HTML страницы, а также ускорьте реагирование и отзывчивость Вашего приложения с помощью богатых возможностей данной библиотеки. Наш курс по Angular. js построен с целью представить Вас лучшие из имеющихся подходов для использования каждого аспекта в этом MVW Framework Основным желанием при написании курса было желание представить все темы под широким углом, и из различных точек зрения, для того, чтобы представить Вам более полную картину мира Angular. js. Наш учебный курс учит Вас все основам Angular. js фреймворка с открытым исходным кодом на JavaScript.
Этот курс предназначен для абсолютных новичков в Angular. js, не требует никаких предварительных знаний AngularJS, однако у Вас уже должны быть фундаментальные знания по HTML, CSS и JavaScript.

Требования к слушателям

• Владение ПК
• Навыки работы с IDE
• Знание основ HTML и CSS (TECT)
• Знание основ Javascript (TECT)

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

• Основы Angular.js на практике. Создание простого приложения
  • контроллеры
  • директивы
  • фильтры
  • модели
  • ng-include
  • ng-repeat
• Основы Angular.js
  • разбор приложения
  • рефакторинг
  • кратко о MVW
  • modules
  • scope
  • контроллеры
  • выражения
• Фильтры и директивы в Angular.js
  • основные фильтры
  • создание собственного фильтра
  • валидация
  • основы работы с директивами
  • передача данных в директиву
  • встроенные директивы
• Подробнее о директиваха также о модулях и путях
  • все подробности о работе с директивами
  • жизненый цикл в AngularJs
  • ngModel
  • стратегии обработки событий
  • модули
  • внедрение зависимости
  • работа с routes
• Важные мелочи
  • сервисы
  • работа с XHR
  • обещания
  • коротко о тестировании
  • события
  • коротко о архитектуре
  • анимация и работа с jQuery

После изучения курса вы сможете:

• использовать основные конструкции Angular.js
• добавлять пользовательское поведение Вашему HTML документу
• ускорить Вашего приложения, а также его отзывчивость