Курс JavaScript, JQuery на примерах

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

На сегодняшний день ни один веб –проект не обходится без применения JavaScript и библиотеки JQuery, которая благодаря своим мощным возможностям и простотой в использовании приобрела большую популярность. С помощью JQuery Вы с легкостью сможете осуществлять различные визуальные эффекты: Слайдер с движущимися картинками, анимированная галерея, всплывающее анимированное меню и многое другое. Все это позволяет сделать веб-страницу «живой» и многофункциональной. Поэтому следующая ступенька после HTML, CSS будет изучение языка программирования JavaScript, а так же подключение библиотеки JQuery. Наш курс «JavaScript и JQuery на примерах» предназначен для тех, кто хочет видеть результат уже сегодня, а не изучать месяцами теорию. Обучение проходит исключительно на реальных примерах, которые вы сможете уже завтра добавить на ваш сайт.

Практические занятия:
Для закрепления пройденного материала на каждом уроке слушатели выполняют практические задания. Задаются домашние задания. Методический материал выдается в электронном виде.

Курс предназначен: для Web-дизайнеров, HTML-верстальщиков, начинающих Web-программистов.
Требования к слушателям:
Для усвоения материала необходимы знания языка гипертекстовой разметки HTML и каскадных таблиц стилей в объеме курса WEB ДИЗАЙН - HTML/ CSS

По окончании курса:
По окончании курса каждый слушатель проходит тестирование на сайте http://www.basic.com.ua/tests.php и получает авторский сертификат Учебного центра Бейсик.

Информация о тренере:

Профессиональный опыт:
C 2006– по сегодняшний день веб-программист.
За время своей профессиональной деятельности, принимал участие во многих успешных проектах.
Ключевые области знаний:
- HTML, СSS, PHP, JavaScript, Adobe Flash, Action Script, Codeigniter, MVC, MySQL, PostgreSQL.
Преподавательский опыт: 5 лет – тренер в УЦ Бейсик.
Читает курсы «HTML, CSS» , «Программирование на JavaScript», «Веб -Программирование PHP - Уровень 1», «PHPpro».
Имеет успешный опыт проведения курсов Web - программирования онлайн.
Объясняет простым и доступным языком на реальных примерах из жизни.

Выпускники этого курса чаще всего записываются на:

• Курсы WEB-программирование (PHP, MySQL);
• Курсы Веб – маркетинг, поисковая оптимизация (SEO), продвижение сайта в сети ;

Форма навчання	Вартiсть, грн.	Кiлькiсть годин	Кiлькiсть занять
Индивидуальное	9500	40	20
Группа 5 чел.	3999	40	20
Группа 5-10 чел.	0	0	0

Курс JavaScript, JQuery на примерах можно пройти также через систему on-line обучения.
Чтобы понять, как будет проходить он-лайн обучение, первое занятие Вы можете пройти БЕСПЛАТНО!!!
Как начать on-line обучение ? (4шага)
Отзывы об он-лайн обучении.

ПРОГРАММА КУРСА

Занятие №1.
На первом занятии рассматривается подключение библиотеки jQuery, описательно рассматривается ее функционал, на практических примерах изучаются ее возможности по работе с текстом элементов страницы. Слушатель учится добавлять, изменять и заменять различные объекты, привязывает события мыши к ним, а также управляет их видимостью. Рассматриваются базовые анимационные эффекты.
Практическое задание: в качестве домашнего задания предлагается создать приложение "Интерактивная елочка с игрушками".

Занятие №2
Опираясь на базовые понятия языка Javascript, используем всю мощь инструментария jQuery. Переменные, циклы, арифметические операции, случайные числа, стили и их анимация - фундамент разработки любого игрового приложения.
Практическое задание: пишем приложение "однорукий бандит".

Занятие №3
На данном занятии слушатели приобретают навыки обработки событий форм. Рассматривается управление содержимым страницы с помощью формы. Теоретический аспект занятия посвящен типам данных в Javascript и событиям, связанных с динамически создаваемыми элементами.
Практическое задание: на занятии создается онлайн-конструктор изображения на футболке.

Занятие №4
Современный веб-сайт не мыслит своего существования без асинхронной перезагрузки отдельных его элементов. Загрузка данных из внешнего источника в текущую страницу позволяет оживить самую скучную страницу, оптимизирует ресурсы пользователя и веб-сайта, делает работу с сайтом удобной и приятной. Теоретическая часть занятия посвящена предотвращению стандартного поведения для событий страницы, вводится понятие функции.
Практическое задание: Создаем классический сайт-одностраничник.

Занятие №5
Сегодня сложно представить себе сайт, на котором фотогалерея была бы лишней. На этом занятии рассматривается принцип создания фотогалереи-слайдера с перелистыванием и автопрокруткой изображений.
Практическое задание: В качестве домашнего задания предлагается добавить к фотогалерее миниатюрки изображений с ссылками на оригинальное изображение.

Занятие №6
Развивая тему предыдущего занятия создаем фотогалерею с отображением объектов в виде трехмерной карусели. Применяем математические функции Javascript на практике.

Занятие №7
Используя чистый Javascript пишем функционал сортировки таблиц по различным ее столбцам. Теоретическая часть занятия посвящена объектам в js, формату представления данных JSON.

Занятие №8
Закрепляем навыки работы с объектами. Практическое задание: пишем приложение для контроля знаний в виде теста.

Занятие №9
Одной из актуальных задач frontend-разработчика является программирование функционала покупки товара в интернет магазине. Приложение "витрина интернет магазина" позволяет добавить товар в корзину щелчком или перетягиванием мышью, с последующим пересчетом стоимости заказа.

Занятие №10
Браузерные игры являются хорошим упражнением для разработчика: приходится учитывать взаимодействия между объектами игрового мира, реакцию на действия пользователя. Практическое задание: Игра «Охота» знакомит слушателя с canvas, рисованием и векторной графикой в Javascript.

Занятие №11
При разработке следующего игрового приложения "Космический корабль" рассматриваются темы обнаружения столкновения между объектами, модульности приложения, работы с объектами в Javascript.
Практическое задание: создаем игровое приложение «Космический корабль»

Занятие №12
Современная веб-страница умеет "общаться" с сервером не перегружаясь. Одним из методов обеспечения такого взаимодействия является AJAX. Занятие посвящено работе с веб-сервером.
Практическое задание: создаем одностраничный интерфейс для наполнения/редактирования таблицы базы данных MySQL.

Занятие № 13
Продолжаем работать с веб-сервером, пишем приложение с которым могут одновременно работать несколько пользователей - "чат".
Практическое задание: пишем "чат"

Занятие №14
Кроме удовлетворения утилитарных потребностей при разработке сайта, рассматриваются возможности по изменению стандартного поведения сайта. Сейчас сайты на основе параллакс-эффекта являются современными и нестандартными. Теоретическая часть занятия посвящена управлению событиями прокрутки страницы.

Занятие №15
Вы не раз задумывались о том, что у вас не хватает степеней свободы при верстке? Как заставить стили одного блока зависеть от стилей другого? Облегчаем процесс верстки сайта, решаем задачи, нерешаемые на чистом css. Используем элементы пользовательского интерфейса библиотеки jQuery-UI

Занятие № 16
Тема занятия "Разработка версии сайта для мобильных устройств". Библиотека jQuery-mobile.

Занятие №17
Хоть раз использовав плагины к jQuery написанные другими людьми, хочется написать свой. На этом занятии мы пишем свой jQuery-plugin на основе уже созданного веб-приложения. Разработка следующего подобного приложения с подобным функционалом после этого превратится в пятиминутное удовольствие, Ваш плагин с легкостью смогут использовать другие разработчики.

Занятие №18
Иногда разработчику приходится собирать и структурировать информацию в сети с уже готовых сайтов. На этом занятии рассматриваются основы сбора (crawling) и экспорта информации с витрины интернет магазина .

Занятие № 19
Валидация форм ввода - будничное и рутинное занятие frontend-разработчика. Контролируем корректность ввода данных пользователем в форму.
Практическое занятие: пишем приложение резервирования мест в автобусе/кинотеатре с возможностью оформления заявки.

Занятие № 20
Последнее занятие касается тем оптимизации, кроссбраузерности и быстродействия созданных Вами приложений. Сдаем успешно тест по курсу.

ЗАЯВКА НА ОБУЧЕНИЕ
ПРОЙТИ ТЕСТИРОВАНИЕ ПО ЭТОМУ КУРСУ
СПИСОК ВСЕХ КУРСОВ

Перейти на главную страницу УЦ Бейсик компьютерные курсы