Javascript - Интерактивные веб-приложения

Ближайшие даты:

05 июля - Пн, Чт 20:00 (Москва)

Продолжительность курса:

Длительность:1 месяц
Аудиторная:20 ак.часа
Общая:72 ак.часа
+ 20 часов бесплатно

Требуемая подготовка:

Желательны минимальные знания PHP

По данному курсу бесплатно предоставляются дополнительные часы для самостоятельной работы в компьютерных классах Центра.

Вы можете закрепить полученные знания, выполнить домашние задания, проконсультироваться у наших преподавателей.

Дополнительные часы предоставляются каждую среду с 18.00 по 20.00

Оставьте заявку на курс, и наш менеджер подробно расскажет о форматах обучения.

Способы оплаты

Мы предлагаем широкий выбор вариантов оплаты обучения. При оформлении заявки на курс Вы получите подробную инструкцию. Оплата происходит без комиссий, кроме оплаты через Сбербанк (комиссия банка 3%).

  • Наличными в нашем офисе
  • Безналичным переводом на рассчетный счет организации
  • Почтой России
  • Сбербанк
  • Банковской картой VISA, MasterCard, Maestro
  • Терминалы оплаты QIWI Кошелек, Элекснет, Уникасса, Мобил Элемент, Pinpay, Quickpay и др.
  • Банкоматы ВТБ24, Петрокомменрц
  • Со счета мобильного телефона Мегафон, Билайн
  • Электронные деньги Webmoney, Яндекс.Деньги, RBK Money
  • Салоны связи Евросеть, Связной, Альт Телеком, Мобил Элемент, МТС
  • Денежные переводы CONTACT, Золотая Корона, Лидер
  • Инернет-банки Океан Банк, Райфайзен, Уралсиб, ПромСвязьБанк, Русский Стандарт, Альфа-Клик, Промсвязьбанк, HandyBank

Для оформления заявки нажмите на красную кнопку Записаться напротив интересующей формы обучения

На этот курс Вы можете оформить кредит без первоначального взноса со сроком погашения до 24-х месяцев. Кредит предоставляет ТКС Банк (ЗАО). Ознакомьтесь с условиями кредитования.

Начать обучение:

Пробное занятие:
500 р.
Записаться
Очное:
11570 р.
9970 р.
Записаться
Онлайн:
8570 р.
6970 р.
Записаться
Индивидуально (очно):
24990 р.
Записаться
Индивидуально (онлайн):
17990 р.
Записаться

На этот курс Вы можете оформить кредит без первоначального взноса со сроком погашения до 24-х месяцев. Кредит предоставляет ТКС Банк (ЗАО). Ознакомьтесь с условиями кредитования.

Пробное занятие:
0 р.
Записаться
Очное:
8970 р.
Записаться

На этот курс Вы можете оформить кредит без первоначального взноса со сроком погашения до 24-х месяцев. Кредит предоставляет ТКС Банк (ЗАО). Ознакомьтесь с условиями кредитования.

Что Вы получаете



Видеозаписи всех уроков, а также дополнительные видеоуроки

Методические указания и домашние задания по каждому уроку

Доступ в закрытый форум для участников курса

Сертификат об успешном окончании курса

На данный курс действует ограниченное спецпредложение. Узнайте подробности...

Для кого

Курс предназначен для тех, кто прошел курсы по PHP и хочет совершенствоваться, как профессиональный веб-разработчик.

А также для тех, кто не имеет опыта или имеет небольшой опыт программирования на JavaScript и хочет научиться делать это грамотно.

Что будет

Курс охватывает основы создания интерактивных веб-страниц с помощью языка JavaScript и объектно-ориентированному программированию.

Основной упор в курсе сделан на практических заданиях, что позволяет лучше усвоить материал и закрепить полученные знания.

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

Использование фреймворка JQuery и JQuery UI позволит легко и элегантно организовать логику работы веб-приложений любой сложности на стороне клиента.

Вы также научитесь основным средствам коммуникации в HTML 5 с использованием новых технологий Web-sockets, Server-sent events и Web-workers.

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

Краткий обзор уроков курса:

 
Урок 1. JavaScript и DOM
 
  • Что такое JavaScript и DOM
  • Принцип взаимодействия клиент-сервер
  • Как вызвать JavaScript
  • С чем взаимодействует JavaScript
  • Структура DOM документа
  • Функции и область видимости переменных
  • Типы данных
  • Пример калькулятора на JavaScript
  • Замыкания
  • Пример часов на JavaScript
  • Создаём заготовку для выполнения домашнего задания
 
Урок 2. ООП в JavaScript и AJAX
 
  • Общие понятия ООП
  • Класс
  • Объект
  • Особенности ООП в JavaScript
  • Классы и объекты на примере игры «змейка»
  • Почему внутри класса следует аккуратно использовать this
  • Что такое AJAX
  • Работа с XMLHttpRequest
  • Пример функции отправки AJAX-запроса
  • Создаём чат с роботом на AJAX
 
Урок 3. jQuery (часть 1)
 
  • Зачем нужны фреймворки
  • Что такое jQuery
  • Где скачать и как подключить
  • Работа с DOM с помощью jQuery
  • Селекторы и иерархия
  • Проводим аналогию с css
  • Фильтры
  • Примеры сложных фильтров
Урок 4. jQuery (часть 2)
 
  • Работа с формами
  • Работа со стилями
  • Обработчики событий
  • Пример обработки нажатия на кнопку
  • Пример обработки скроллинга элемента
  • Пример обработки наведения курсора мышки
  • Функция live
  • Анимация
  • Простые анимационные эффекты
  • Функция animate
  • Цепочки из анимаций
 
Урок 5. AJAX в jQuery
 
  • Функция ajax
  • Что такое асинхронность запроса
  • Сериализация форм
  • Типы передаваемых данных
  • Timeout
  • Обработчики событий в рамках ajav-запроса
  • Функция ajaxSetup
  • Зачем нужны глобальные настройки
  • Функции post, get и load
  • Глобальные события
 
Урок 6. JSON
 
  • Что такое JSON
  • Какие данные может возвращать Ajax
  • Почему правильнее, чтобы Ajax возвращал JSON а не HTML
  • JSON vs XML
  • Работа с JSON в PHP
  • Работа с JSON в JavaScript
  • Пример чата с использованием JSON
 
Урок 7. jQuery UI
 
  • Где скачать и как подключить
  • Взаимодействия
  • Виджеты
  • Эффекты
  • Утилиты
  • Подключение календаря
  • Автодополнение
  • Работа с диалоговыми окнами
  • ThemeRoller
 
Урок 8. HTML-5, новшества 
 
  • Почему появился flash
  • Что такое сanvas
  • Общий порядок рисования на сanvas
  • Функции для рисования на сanvas
  • Чем отличаются fill и stroke
  • Примеры реализаций html5 + canvas
  • Web-sockets
  • Чат с ботом с использованием сокетов

 

 

Ключевые профессиональные навыки

  • Уверенное владение языком Javascript
  • Использование объектно-ориентированного подхода при разработке
  • Понимание концепции DOM
  • Работа с фреймворком JQuery
  • Использование библиотеки JQuery UI
  • Применение технологии AJAX
  • Знание формата JSON
  • Использование новых возможностей Javascript в стандарте HTML5
Ориентировочная позиция: Javascript-программист, front-end-программист, client-side-программист

Ориентировочная зарплата (для Москвы): 30000 - 70000 рублей.

курс программирования по HTML5Подарок!

При записи на данный курс до конца недели Вы  получаете в подарок видеокурс "Работа с графикой в HTML5"!

Краткое содержание видеокурса:

  • Общие принципы работы с графическими примитивами в HTML5
  • Работа с координатами мышки
  • 3 события, по которым происходит рисование
  • Выделение абстракции для работы с графической информацией
  • Тестируем графику – рисуем прямую линию на canvas
  • Совмещаем графическое ядро и обработку 3-ёх событий для рисования
  • Рисуем карандашом
  • Создаём панель для выбора цвета
  • Создаём классы инструментов для рисования
  • Выстраиваем взаимодействие ядра и инструментов, паттерн стратегия
  • Убеждаемся в том, что все инструменты работают по одинаковым принципам
  • Создаём новые инструменты
  • Ластик
  • Кисть
  • Прямые линии
  • Прямоугольники
  • Овалы
  • Распылитель
  • Добавляем возможность сохранения рисунка
  • Рассуждаем об улучшениях в организации кода


Оставьте заявку на курс "Javascript - Интерактивные веб-приложения" до конца недели и получите в подарок видеокурс "Работа с графикой в HTML5"!

 

До окончания акции осталось:

Как проходят занятия

Вы можете выбрать для себя любую из 4 форм обучения:

1. Очное обучение
Занятия проходят на базе наших центров в Москве и Санкт-Петербурге в специально оборудованном компьютерном классе с проектором и флип-чартом. Мы постарались создать для вас самых комфортных условиях для обучения в кругу однокурсников под чутким руководством преподавателя. Группы небольшие 12-16 чел. Кроме этого, всем участникам курса открывается доступ на закрытый форум, куда будут выкладываться материалы курса (методические указания, презентации, дополнительные видеоуроки), а также ведется поддержка со стороны преподавателя в процессе всего цикла обучения и выполнения домашних заданий.

2. Онлайн обучение
Вы учитесь не выходя из дома, при этом никакого дополнительного оборудования для онлайн-обучения Вам не потребуется. Перед началом каждого занятия Вы получаете ссылку на онлайн-класс, где проходят занятия. В онлайн-классе Вы сможете слышать голос преподавателя, смотреть на своем экране презентацию урока, а также при необходимости видеть экран преподавателя. Есть также чат, куда можно задавать свои вопросы преподавателю в процессе объяснения нового материала. Кроме этого, всем участникам курса открывается доступ на закрытый форум, куда будут выкладываться материалы курса (методические указания, презентации, дополнительные видеоуроки), а также ведется поддержка со стороны преподавателя в процессе всего цикла обучения и выполнения домашних заданий. Как показывает опыт, по эффективности онлайн обучение ничуть не уступает очному обучению. Онлайн обучение обычно выбирают при желании учиться дома удаленно и для экономии, так как онлайн курс на 30% дешевле очных.

3. Индивидуальное обучение
Эта форма обучения подойдет Вам, если Вы хотите учиться под личным руководством преподавателя или по индивидуальной программе. Для Вас подбирается индивидуальный график занятий в удобное для Вас время и обговариваются сроки обучения. Преподаватель буквально возьмет Вас за руку и проведет по требуемому направлению обучения.

Начать обучение

Пробное занятие:
500 р.
Записаться
Очное:
9970 р.
Записаться
Онлайн:
6970 р.
Записаться
Индивидуально (очно):
24990 р.
Записаться
Индивидуально (онлайн):
17990 р.
Записаться

На этот курс Вы можете оформить кредит без первоначального взноса со сроком погашения до 24-х месяцев. Кредит предоставляет ТКС Банк (ЗАО). Ознакомьтесь с условиями кредитования.

Пробное занятие:
0 р.
Записаться
Очное:
8970 р.
Записаться

На этот курс Вы можете оформить кредит без первоначального взноса со сроком погашения до 24-х месяцев. Кредит предоставляет ТКС Банк (ЗАО). Ознакомьтесь с условиями кредитования.

Отзывы о курсе

Денис начал обучение в Школе Программирования, когда у него были небольшие познания в технологии Flash и практически нулевые знания PHP. За три месяца обучения в Школе Программирования Денис прошел путь от начинающего программиста до профессионала веб-разработки высокого уровня. После окончания учебы он вместе с приятелем начал заниматься развитием собственной веб-студии.

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

Денис Киселев

Прежним я не буду никогда...

Сейчас пишу отзыв, оглядываюсь назад, оцениваю 4 месяца учебы (вместе с двумя неделями php) и понимаю, как говорит дочь, что прежним я не буду никогда...

Когда-то знание, что не боги горшки обжигают, что нужно ввязаться в драку, а там действовать по обстоятельствам, были моей жизненной позицией. Но давненько мне судьба не бросала настоящего вызова. Очень благодарен Школе Программирования, вам, Саша и Дима, за стресс, что вы мне учинили. Если не проверять себя иногда на пределе возможностей, не личностный рост, но деградация удел.

Как одному из победителей курса, мне предложили учителя работу. С колес – в бой. Первый шок уже прошел, выполнено первое задание. Дальше – новая жизнь. В статусе веб гуру. Новые курсы от Школы Программирования.

Игорь Иванец

Я в восторге! Перед его началом у меня были скептические мысли типа "Как это - все лето учиться", "Капец, целых три месяца" и т.п. А получилось очень бодро.

Что интересно, я искал курсы по php с декабря прошлого года. Нашел только те, о которых я говорил и которые закончил - с красивой подставкой для цветов гособразца. А когда курс начался, сразу стало понятно, что искал я именно это. (Просто я себе очень детально представлял, какими должны быть курсы. Потом я был поражен тем, насколько мои мысли совпали с реальностью.)

Алексей Анисимов

Решение каждого домашнего задания - это маленький шаг к завершению большого проекта.

Мои впечатления о курсе самые хорошие. Ничего лишнего. Грамотная программа курса постепенно помогающая ученикам легко постичь все более и более сложные технологии. Интересные задания повышенной сложности, дающие возможность испытать себя и во что бы то ни стало решить эту задачу. Решение каждого домашнего задания - это маленький шаг к завершению большого проекта. Очень понравился принцип обучения. Не нужно никуда ехать, все присылают на дом. Сначала записанный без "воды" и отвлечений Урок, далее дается достаточно времени на выполнение Домашнего задания и в итоге дается качественный разбор Домашних заданий с обсуждением типичных ошибок, опять же без лишних слов. Ну и конечно - самое ценное - это закрытый форум, где можно напрямую с преподавателем решить какой то узкий вопрос по решению той или иной задачи. И самое замечательное - есть результаты деятельности. Не просто набор каких то кривых самоделок, которые стыдно показывать людям, а законченная работа в виде игры Змейка в которой реализовано все, что требуется в современном Web-программировании. Это и низкоуровневая работа с DOM, и ООП, и фреймворк jQuery, и библиотека jQuery-UI, и работа с Ajax и многое другое и только полезное. В итоге ни у кого не возникнет сомнений в том, что человек написавший игру Змейка прекрасно освоил JavaScript. За что огромное спасибо Школе Программирования и прекрасному преподавателю Дмитрию Лаврику.

Иван Крюков

Понятия не имею, сколько бы времени у меня ушло для изучения в одиночку всей этой горы материала

Я очень счастлив, что как-то забрел на ваш сайт, по-моему, по ссылке книги "Путь программиста".

Вдохновленный прочитанной книгой, я решил попробовать себя в сфере веб (весь мой опыт в веб до этого - это один сайт на html + чуть-чуть js) и заказал курс "php за 2 недели", А там и до лета уже было не далеко, поэтому, не раздумывая, записался и на веб-гуру.

Перед стартом курса я не ставил себе цели стать супер-гуру, но достаточно конкретно определил для себя, чего я хочу добиться за эти 3 месяца. Теперь я изнутри знаю, как строятся крупные проекты, как сочетаются разные технологии при их создании. У меня не отвисает челюсть при виде незнакомого термина. Знаю, насколько "большим" может быть код, и могу спокойно дописать лишний десяток строк при необходимости, хотя раньше я легко терялся, видя больше сотни строк кода)))

Понятия не имею, сколько бы времени у меня ушло для изучения в одиночку всей этой горы материала)) Могу сказать точно, что не боюсь уже теперь взяться за какой-либо более-менее большой проект, так как некая база достаточно хорошо наработана, а если что, то под рукой всегда записи вебинаров)

Алмаз Рахиев

Подробнейший разбор всех домашних заданий - это фантастика!

Это были три чудесные недели! Адреналин, бессонные ночи, когда не успевала сделать домашнее задание к сроку... Потом бежала на работу и в перерывах между завариванием чая и разливанием пива (не подумайте плохого, просто я бармен :)) обдумывала замечания Гайка по предыдущему д/з. Отличные уроки с подробным разбором новой темы, буквально "на пальцах" Гайк объяснял материал и все было понятно!

Еще меня очень удивило, что нас обучали не только самому языку PHP, но и грамотному оформлению кода. Поначалу казалось, ну вот зачем он цепляется к оформлению, ну подумаешь... А потом начало "доходить", что ведь действительно, так лучше! Нам не просто объясняли тему и говорили, что "нужно делать так и только так", а объясняли, почему лучше написать именно так, как это повлияет на работу скрипта.

Подробнейший разбор всех домашних заданий - это фантастика! Делала в своих д/з самые глупейшие ошибки, но Гайк всегда спокойно разъяснял, почему вот здесь не работает, и как вот тут лучше переписать, чтобы решение было более правильным.

И в конце, на финальном уроке, большое спасибо Дмитрию Ляпину за ответ на вопрос "что делать дальше?". Он развеял все страхи и сомнения. Не осталось ощущения, что "все, закончился курс, а там дальше выплывайте, как знаете".

Можно сказать, эти три недели я жила PHP. И это было здорово! Буду скучать по курсу и теперь с нетерпением жду Веб-Гуру. Хочется шагать дальше.

Анна Николаева

На полученный аванс покупаю беговую дорожку

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

Думаю, что теперь мне ничего не страшно и этот интернет-магазин будет выполнен на высшем уровне. Большое Вам спасибо за то, что двигаете прогресс и даете возможность людям обучаться, не выходя из дома!

Александр

На практике после первого месяца у меня есть знания, навыки и небольшой набор шаблонов проектирования. Есть расширяемый каркас с разделением на модель, контроллеры и представление. Реализована работа со статьями и пользователями сайта. Причём пользовательская модель довольно сложная. Со всякими ролями, привилегиями и разделением прав. На основе сессий. А работа со статьями включает в себя не только вывод (списков и статей), но и управление (создание, редактирование, удаление). Причём все действия являются также привилегиями, то есть могут производиться назначенными пользователями. В общем, довольно жирно.

Алексей Опанасенко

Очень понравилась идея изучения данного языка путем написания целой игры

До начала курса я ни разу не имел дело с javascript, поэтому первые несколько занятий для меня казались сложными. Но после того как мы прошли основы javascript, для меня продолжать обучение и дорабатывать игру «змейка» стало действительно интересным занятием. Мне очень понравилась идея изучения данного языка путем написания целой игры, она как бы стимулировала меня не останавливаться и всеми силами довести ее до ума. Еще я полностью поддерживаю новый метод обучения (в онлайн мы разбираем только дз), потому что на рассказ и разбор домашнего задания действительно уходило много времени и слушать 2 часа лекцию, при этом стараясь понять как можно больше вещей, немного трудновато, а порой и нудно. Дмитрий, я благодарен вам за этот месяц обучения, он прошел почти незаметно. Еще с первого курса php мне понравилось ваше подробное и доходчивое объяснение материала и сейчас, я еще раз в этом убедился, что это так. К сожалению, бывало, что я забывал замечания по своему проекту, а смотреть повтор урока мне не очень нравилось (при перемотке на нужный участок звук и видео уже переставали совпадать). Думаю, очень было бы кстати оставлять комментарии по доработке прямо в коде программы ученика, как это делал Боборыкин Сергей, это действительно удобно.

Еще раз спасибо за этот интересный и немало важный курс!

Максимчик Вадим

Курс охватывает довольно много тем

Прежде всего хочу поблагодарить за курс проект "Школа программирования" и преподавателя Дмитрия в частности. Во-первых, формат курса идеальный. Если дефицит свободного времени, можно посмотреть позже, в любое время: хоть целиком, хоть частями - ставя на паузу. Что-то не понял - можно прокрутить назад.

Во-вторых, преподаватель понятно и доступно объяснял курс. Презентации, примеры - всё подобрано удачно. Даже про методику работы поисковиков кое-что узнали. В третьих, хорошо, что внимание уделено не только теории, но и практике. Одно дело - писать "Хэллоу Уорлд" и типовые примеры, а другое - реальная задача, такая как игра "змейка" - так, на мой взгляд, лучше усваивается материал и лучше понимаешь, как в дальнейшем применить знания.

В-четвёртых, отличное решение - разбор домашних заданий каждого, с пояснениями типичных ошибок, с возможностью каждому просмотреть ДЗ других. В-пятых, здорово, что курс охватывает довольно много тем. Из минусов разве что не совсем верное произношение Дмитрием некоторых английских слов. Лично мне это немного резало слух, хотя и не критично. В остальном всё понравилось. И я уже начинаю использовать в работе полученные навыки.

Soilfall

Доволен методикой, стилем преподавания, глубиной

Не любитель всяких душеизлияний, поэтому увольте, буду краток. Не понравилось лишь то, что двигались с задержками, хотелось быстрее. Во всем остальном доволен: методикой, стилем преподавания, глубиной. Надеюсь, в ближайшем времени получится применить полученные знания. О чем обязательно вам сообщу. Спасибо!

Ipkes

Дмитрий, показав ошибку не принижал человека

Когда пришел на курс мои знания о JS были примерно следующие - что есть такой файлик в папке с хорошими сайтами, и что с помощью js делается чтобы кнопочки переключались при наведении на них чего я так сказать "добился" за этот курс, или как справился - судить скорее вам...

Мне очень понравился курс, Дмитрий очень хорошо преподавал и объяснял, очень так грамотно показывал ошибки, показав ошибку не принижал человека допустившего ее... в связи с тем, что мои знания о программировании, в частности ооп (объектах, классах, уровнях абстракции) были совсем на нуле, то курс был для меня довольно сложным =( ну и это даже не минус... просто не знаю как написать... просто для изучения некоторых моментов, я все об ооп, все таки 5 недель маловато =) просто понимаю, что этот материал с классами объектами и т.п. я все таки знаю не очень хорошо (или правильнее сказать плохо) Ну и еще раз Дмитрию спасибо за этот курс.

Короткий Константин

Было интересно, нестандартно, увлекательно

Мне очень понравился курс. Было интересно, нестандартно, увлекательно. Понравился Дмитрий в качестве преподавателя. Дмитрий, у Вас получается. Вы можете увлечь предметом, объяснить... И понравилась Ваша речь (ровно, без лишних слов... ), как Вы объясняете материал и как разбираете наши домашние работы. Это очень помогало. Хорошо подобраны материалы курса, их вполне достаточно, чтобы можно было начать самостоятельную работу. У меня сложились представления об интернет-технологиях, как все увязано, как все работает и куда движется. Конечно, это все еще довольно поверхностно, но общее понимание есть и есть направление, куда "копать"... Большое Вам спасибо за терпение.

Дука Ольга

Разобран и показан дизайн разных типов сайтов: от сайта-визитки до интернет-магазина

Курс понравился. Именно с дизайна, возможно, и надо было начать свое обучение. Но так получилось, что в ШП я с июля месяца прошла сначала курсы по языкам программирования PHP и JS. Постепенно пришла к пониманию того, что без грамотного дизайна сайт не сделаешь. И очень хорошо, что ШП приняли решение организовать данный курс.

 
Теперь о конкретной реализации. Очень понравилось, что Андрей начал курс с теории. Все объяснил, да и методичка хорошо составлена. Много примеров. Учиться было интересно. Жаль, что со временем не очень свободно. Но все уроки были изучены и я надеюсь, что толк будет, когда приступлю к реальной работе. Очень хорошо, что есть записанные видеоуроки, к которым можно
обращаться столько раз, сколько понадобится. Сам курс тоже хорошо построен: от простого к сложному. Замечательно, что разобран и показан дизайн разных типов сайтов: от сайта-визитки до интернет-магазина. Удивительно, как у Андрея легко все получается и аккуратно. Результат радует глаз. Надеюсь, что со временем тоже так буду уметь.
 
Андрей, большое спасибо за то, что так ответственно подошли к подготовке курса, за ответы на все наши вопросы и неформальное отношение. Желаю успехов в преподавательской деятельности в дальнейшем.

Ольга Дука

Все отзывы →