Курсы javascript jquery

Учебник jQuery для новичков от Трепачёва Дмитрия

Учебник JavaScript

Практика

Работа с DOM

Практика

Некоторые продвинутые вещи

Рекомендованное ES6

Некоторые видео могут забегать вперед, тк к этому месту учебника мы прошли еще не весь ES6. Просто пропускайте такие видео, посмотрите потом.

Регулярки

Разное

Работа с канвасом

Практика

• урок исключен (мало материала), по аяксу скоро будет отдельный учебник (много материала)

Контекст

Drag-and-Drop

• Урок №
  Введение
  в ООП в стиле ES6
• Урок №
  Основы
  работы с ООП
• Урок №
  Наследование
  классов в JavaScript
• Урок №
  Применение
  ООП при работе с DOM
• Урок №
  Практика
  по ООП в JavaScript
• Тут скоро будут еще уроки
  по функциональному и прототипному
  стилю ООП.

Практика по ООП

Ваша задача: посмотрите, попробуйте повторить.

Практика

Promise ES6

Библиотека jQuery

Тк. jQuery устаревает, объявляю эти уроки не обязательными и выношу в конец учебника (так по уровню уроки середины учебника, если что). В перспективе переедет в отдельный учебник по jq.

В данном уроке мы с вами начнем изучать библиотеку jQuery. Для работы с ней вы должны владеть хотя бы минимальными навыками JavaScript.

Если вы не изучали предыдущие уроки (но умеете что-то делать на JavaScript) — можете их пока не смотреть, дальше по тексту будут раскиданы ссылки на те темы, которые нужно будет знать к конкретному уроку.

Но все же я рекомендую обучаться последовательно — сначала JavaScript, потом jQuery, иначе вы постоянно будете спотыкаться на не знании элементарных базовых вещей.

Что такое jQuery?

jQuery представляет собой библиотеку JavaScript — набор готовых функций, которые помогают делать некоторые вещи проще и удобнее, чем это делается в чистом JavaScript.

Сравните два кода, которые делают одно и тоже — первый на чистом JavaScript, а второй — на jQuery:

Код jQuery выглядит намного компактнее и проще для написания.

Сравните еще два кода: в первом мы получаем все элементы с классом .www и ставим им красный цвет текста с помощью чистого JavaScript, а во втором — на jQuery:

Здесь уже ощущается огромная разница — в чистом JavaScript пришлось делать цикл, а код jQuery особо и не поменялся по сравнению с первым примером.

Подключение jQuery

Для начала его нужно скачать jQuery с официального сайта. Затем положить полученный файл в папку с вашим сайтом и подключить его таким образом:

После подключения можно начинать писать код с использованием этой библиотеки.

Видео для тех, кто ничего не понял

Если вам все равно не понятно, что, как и куда подключать — смотрите следующее видео:

Здесь скоро появится видео по подключению jQuery.

Начало работы с jQuery

Работа с библиотекой jQuery осуществляется с помощью универсальной функции $, которая для краткости состоит всего лишь из одного символа.

После доллара следует писать круглые скобки (это же функция), в которых указываются параметры (обычно один параметр), примерно вот так: $(параметр).

Чаще всего с помощью доллара $ получают группу HTML элементов по CSS селектору.

Давайте получим все элементы с классом .www:

А теперь получим только абзацы с классом p.www:

А теперь получим элемент с id, равным www:

Как вы видите, используются обычные CSS селекторы, подобно методу querySelectorAll. Только querySelectorAll появился гораздо позже, чем jQuery, и обладает меньшими возможностями (зато работает быстрее).

Наборы jQuery

Обратите внимание на переменную elems:

В нее запишется группа выбранных элементов, так называемый набор элементов jQuery.

Вы можете одновременно менять все элементы набора jQuery (в отличие от querySelectorAll никаких циклов не требуется).

В принципе, переменная elems чаще всего и не нужна, так как jQuery позволяет применять полезные функции прямо к набору, в виде методов.

К примеру, вот так мы получим все элементы с классом .www и поставим им красный цвет:

Почти все методы jQuery возвращают набор, к которому этот метод был применен, что позволяет выстраивать цепочки методов любой длины.

Давайте получим все элементы с классом .www, поставим им красный цвет, и сменим их текст на ‘новый текст’:

JavaScript / jQuery | Задание 17 из 21

Для продолжения обучения и получения Сертификата выберите подходящий тариф ниже

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

Получите ПОЛНЫЙ ДОСТУП к более 30+ КУРСАМ!

Вы освоите на практике навыки создания и продвижения профессиональных сайтов с нуля — верстка, программирование, базы-данных, работа с фреймворками, дизайн сайтов, запуск сайта и администрирование, SEO-продвижение и продвижение в соц.сетях (SMM), реклама в онлайн, создание видео, заработок на своем сайте, популярные языки программирования, разработка мобильных приложений и многое другое.

• 31 видео
• 65 заданий
• 5 часов

• 25 видео
• 50 заданий
• 4 часа

• 37 видео
• 69 заданий
• 5 часов

• 11 видео
• 15 заданий
• 1 час

• 10 видео
• 21 заданий
• 1 час

• 25 видео
• 27 заданий
• 6 часов

• 48 видео
• 19 часов

• 79 видео
• 18 часов

• 74 видео
• 7 часов

• 29 видео
• 6 часов

• 38 видео
• 15 часов

• 8 видео
• 3 часа

• 8 видео
• 3 часа

• 18 видео
• 2 часа

• 68 видео
• 23 часа

• 24 видео
• 6 часов

• 8 видео
• 2 часа

• 7 видео
• 2 часа

• 7 видео
• 3 часа

• 7 видео
• 4 часа

• 26 видео
• 10 часов

• 98 видео
• 25 часов

• 48 видео
• 9 часов

• 102 видео
• 22 часа

более 800+ видео-уроков

более 510+ тестов и практических заданий

Материалы к урокам

Исходный код к урокам

Доступ к сообществу активных студентов и преподавателей

Плюс вы получите ПОЛНЫЙ ДОСТУП ко всем НОВЫМ БУДУЩИМ КУРСАМ от beONmax без дополнительных оплат!

Приобретая сегодня доступ к курсам beONmax, Вы становитесь PREMIUM+ пользователем и гарантированно получаете все новые курсы от beONmax, которые уже опубликованы на сайте или выйдут в течение срока действия вашей подписки!

Предложение действует еще:

ГЛОБАЛЬНАЯ РАСПРОДАЖА на beONmax! Обучение от 90 руб. в месяц!

Cкидка 80% на Полный доступ ко ВСЕМ курсам!

Для получения скидки введите

при оплате заказа

Преимущества нового тарифа PREMIUM+

ПОЛНЫЙ ДОСТУП КО ВСЕМ КУРСАМ НА САЙТЕ
— добавлено +18 новых курсов
— доступно для обучения 24 полных курсов
— добавлено +697 видео-уроков
— добавлено +182 часов видео
— добавлено более 420 практических уроков/заданий и тестов

Все новые курсы — это профессиональные курсы высокого качества, отвечающие современным трендам и технологиям 2019-2020 года

+Мега-Бонус PREMIUM+

Доступ к новым и будущим 30+ курсам уже включен в подписку — без дополнительных оплат!

PREMIUM+ доступ на 1 месяц

Включен Полный доступ к курсам

+ ВСЕ НОВЫЕ КУРСЫ BEONMAX
без дополнительных оплат!

PREMIUM+ доступ на 6 месяцев

Включен Полный доступ к курсам

+ ВСЕ НОВЫЕ КУРСЫ BEONMAX
без дополнительных оплат!

PREMIUM+ доступ на 1 год

Включен Полный доступ к курсам

+ ВСЕ НОВЫЕ КУРСЫ BEONMAX
без дополнительных оплат!

НОВЫЕ КУРСЫ уже вышли или выйдут в 2020 году на BEONMAX

Верстка сайтов

• 68 видео
• 23 часа

• 8 видео
• 3 часа

• 18 видео
• 2 часа

Веб-программирование, языки, фреймворки

• 102 видео
• 22 часа

• 29 видео
• 6 часов

• 48 видео
• 19 часов

• 48 видео
• 9 часов

• 79 видео
• 18 часов

• 98 видео
• 25 часов

Дизайн и Веб-дизайн

• 74 видео
• 7 часов

Продвижение, реклама, заработок

• 8 видео
• 2 часа

• 7 видео
• 4 часа

• 26 видео
• 10 часов

• 7 видео
• 3 часа

• 7 видео
• 2 часа

Движки и конструкторы сайтов

• 38 видео
• 15 часов

• 24 видео
• 6 часов

• 8 видео
• 3 часа

Присоединяйтесь к beONmax сегодня!

Приобретайте доступ к курсам, становитесь PREMIUM+ пользователем и проходите обучение.
А пока вы учитесь — мы подготовим для вас новые крутые курсы! Следите за обновлениями!

Часто задаваемые вопросы

Я никогда не программировал, подойдут ли мне данные курсы?

Да! Курсы построены таким образом, что вы начинаете с самого простого материала и с каждым новым уроком и курсом, материал усложняется.

На какое время прохождения рассчитаны курсы?

Все зависит от вашего уровня подготовки и того, сколько времени вы готовы уделять обучению. Каждый курс по определенной теме рассчитан на прохождение от нескольких часов до 1-2.5 месяцев. Если вы планируете пройти программу обучения из нескольких курсов – Вы можете пройти обучение за 1-2 месяца, но в среднем обучение одной из профессий/направлений по нескольким курсам проходит за 5-6 месяцев.

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

Нет. Вы покупаете доступ на 1, 6 или 12 месяцев, по истечению этого периода, вы можете оплатить доступ к курсам повторно.

Чем отличается бесплатный аккаунт от платного?

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

За каждое успешно выполненное задание, вы получаете опыт (XP). Наши курсы нацелены на то, чтобы вы обучались эффективно и для того, чтобы приступить к следующим заданиям, вам необходимо успешно выполнить предыдущие задания.

К каким курсам я получу доступ после оплаты?

После оплаты вы получите доступ ко всем текущим курсам размещенным на сайте, а также к будущим курсам.

+ ВСЕ НОВЫЕ КУРСЫ BEONMAX — без дополнительных оплат!

Что делать, если у меня результат выполнения кода отличается от результата в видеоуроке?

Если вы столкнулись с такой ситуацией, скорее всего допустили ошибку при написании кода (не поставили точку с запятой или подобная опечатка). В каждой группе видеоуроков есть ссылка на исходный код. Скачайте исходный код и сравните его с вашим. Это поможет вам не только найти ошибку, но также вы будете развивать важный навык, которым владеет каждый профессиональный программист — анализ кода.

Чем отличаются тарифные планы и какой тариф выбрать?

Разница между тарифными планами в длительности доступа к обучению. Самый выгодный тарифный план — это доступ на 1 год, так как вы получаете доступ ко всем курсам с максимальной скидкой!

Курс Javascript и jQuery для начинающих: основы объектно-ориентированного программирования с нуля

• Количество академических часов: 32, занятий: 8
• Базовая цена: 6000 руб.
• Цена со скидкой: 6000 руб.
• Этот курс прошли уже 5975 человек

Лицензия № 037133 от 16.02.2016 г. на право оказывать образовательные услуги по реализации образовательных программ по видам образования, по уровням образования, по профессиям, специальностям, направлениям подготовки (для профессионального образования) по подвидам дополнительного образования, указанным в приложении настоящей лицензии.

В учебном центре ГЦДПО содержание образовательных учебных программ учитывает: профессиональные стандарты; квалификационные требования, указанные в квалификационных справочниках по соответствующим должностям, профессиям и специальностям; квалификационные требования к профессиональным знаниям и навыкам, необходимым для исполнения должностных обязанностей, которые устанавливаются в соответствии с Федеральными законами и нормативными правовыми актами Российской Федерации.

Лицам, успешно освоившим дополнительную профессиональную программу и прошедшим итоговую аттестацию, учебный центр ГЦДПО выдает удостоверение о повышении квалификации.

Федеральный закон от 29.12.2012 N 273-ФЗ (ред. от 07.03.2018) «Об образовании в Российской Федерации». Статья 76. Дополнительное профессиональное образование.

По окончании обучения этого курса повышения квалификации вы получите Удостоверение учебного центра ГЦДПО

Расписание и цены

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

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

ГЦДПО приглашает на курсы Javascript программирования с применением технологии AJAX и фреймворка jQuery. 8 практических занятий помогут вам быстро освоить с нуля основные правила, инструменты и приемы разработки современных интерактивных веб-приложений и пользовательских интерфейсов на основе Javascript. Базовый курс ориентирован на слушателей с минимальным опытом программирования или без него, поэтому программа доступна даже для слушателей, не имеющих специальных знаний.

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

Базовый курс профессионального Javascript предназначен для:

• Слушателей без опыта веб-разработки и владения каким-либо языком программирования;
• Слушателей с базовыми знаниями HTML и CSS;
• Верстальщиков, программистов и frontend-специалистов, желающих изучить дополнительный язык программирования.

В результате освоения программы курса Javascript и jQuery, вы получите следующий набор знаний и навыков:

• Области применения и принципы программирования в JavaScript и jQuery;
• Понятия объектов, идентификаторов, массивов, циклов и конструкций;
• Функции, методы и свойства числовых объектов;
• Принципы работы фреймворка jQuery и его взаимодействия с языком Javascript;
• Работа с DOM – объектной моделью документа;
• Применение функций и действий над элементами, программирование событий и реакций на web-странице, работа с формами, создание слайдеров.

Посмотрите видеопрезентацию курса

Записывайтесь на курсы Javascript-программирования в ГЦДПО, чтобы получить основу для дальнейшего профессионального развития в сфере веб-разработки!

Записывайтесь на Javascript для начинающих в Москве прямо сейчас!

Учебная программа курса

Тема 1. Общие сведения и принципы программирования на JavaScript и jQuery. Создание среды разработки.

1. Основы синтаксиса JavaScript. Метода, объекты, свойства.

2. Метод write объекта document.

3. Понятие и использование переменной.

4. Операции над переменными.

Тема 2. Массивы, конструкции, циклы.

1. Введение в массивы.

2. Свойство length, метод splice.

3. Основные методы и способы работы с массивами.

4. Многомерные массивы.

5. Конструкция if-else.

Тема 3. Методы, функции, свойства строковых и числовых объектов.

1. Циклические конструкции while и for.

2. Методы объекта Window alert, prompt, confirm.

3. Введение в функции.

4. Основные методы и способы работы с функциями.

5. Свойства и методы строковых объектов.

Тема 4. Работа с датами в JavaScript. Модификация web-страницы.

1. Функции и методы числовых объектов.

2. Работа с датами в JavaScript.

3. Создание собственных объектов.

4. Создание методов для собственного объекта.

Тема 5. Общее понимание jQuery и основные принципы взаимодействия.

1. Модификация web-страниц.

2. DOM – объектная модель документа.

3. Введение в jQuery.

4. Основы технологии и использования jQuery.

Тема 6. Создание выборки из элементов страниц, действия над отобранными элементами.

1. Действия над отобранными элементами.

2. Функции text, hide, show.

3. Понятие цепных функций и автоматических циклов.

4. Изменение ширины и высоты элементов.

5. Основные функции, расширяющие действия над элементами.

Тема 7. Реакция элементов веб-страницы на события.

1. События на web-странице.

2. Поведение элементов web-страницы.

3. События, отслеживаемые браузером.

4. jQuery модель событий.

5. jQuery события.

6. Создание слайдера со слайд-шоу.

Тема 8. Методы и фильтры для работы с формами.

1. Основы работы с формами в jQuery.

2. Выбор и фильтрация элементов формы.

3. Фильтры состояний элементов формы.

4. Выключение и включение, скрытие и показ полей.