JavaScript
Описание курса
Базовый курс JavaScript предназначен для ознакомления студентов с данным языком программирования. В ходе обучения вы изучите историю JavaScript и его возможности, узнаете о лексической структуре языка, познакомитесь с переменными и научитесь проводить операции с ними. Кроме того, мы расскажем вам об условных и циклических конструкциях, массивах и функциях. Также вы узнаете об объектах и способах их создания, свойствах и методах объектов. По окончании базового курса студенты смогут закрепить пройденный материал в ходе практических занятий.
Минимальные требования к слушателям
- Уверенное владение персональным компьютером
- Навыки работы с текстовыми редакторами
- Знание HTML, CSS
Программа курса
- Введение в JavaScript
- Знакомство с 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 документу
- ускорить Вашего приложения, а также его отзывчивость