C# обучение для чайников

Формула программиста

основатель — Волосатов Евгений Витольдович
Open shop Знакомство с jQuery

Знакомство с jQuery

Знакомство с jQuery

Список уроков | фото | видео

# Название видеоурока Видео / Тесты Решило Рейтинг Доступ
1 FREE Суть библиотеки jQuery 00:12:17
1 тест 		72 чел. ★ 4.9 Done
  Мы начинаем знакомство с библиотекой jQuery.
Для этого мы обратимся к крупнейшему сайту по веб-разработке:
www.w3schools.com/jquery/jquery_intro.asp
И последовательно пройдём их курс от начала и до конца.
Отчёт отправил: 30514. Tom Выполнено за 20 мин. [Показать отчёт]
Научился: С библиотекой jQuery знаком мало, выполнял примеры из книг. Подготовил папку jQuery для будущего проекта. 
2 Синтаксис и простейший пример 00:13:20
2 теста 		59 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_get_started.asp
На этом уроке мы узнаем откуда скачать и как
подключить jQuery к нашему проекту.
Отчёт отправил: 30514. Tom Выполнено за 41 мин. [Показать отчёт]
Научился: Научился подключать jQuery к странице. Узнал синтаксис jQuery, как выбирать элементы и выполнять над ними действия. Познакомился с событием ready для document. Набрал в редакторе пример из видео. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/2/index.html 
3 Эксперименты и кнопки 00:12:18
1 тест 		51 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_syntax.asp
На этом разберёмся, как работает написанная на прошлом уроке
функция и почему именно так, а не по другому.
Отчёт отправил: 30514. Tom Выполнено за 25 мин. [Показать отчёт]
Научился: Научился с помощью jQuery добавлять обработчик для события click на кнопку. Добавил третью кнопку, которая показывает случайное число. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/3/index.html 
4 Понятие селектора и примеры 00:15:38
 45 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_selectors.asp
На этом уроке мы поговорим о селекторах,
что это такое и с чем его едят.
Отчёт отправил: 30514. Tom Выполнено за 46 мин. [Показать отчёт]
Научился: Посмотрел примеры селекторов jQuery, выполнил задания по выбору селекторов. Заменил выбор элемента через id на class. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/4/index.html 
5 События и их методы 00:17:41
 38 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_events.asp
На этом уроке мы поговорим о событиях и их методах.
Отчёт отправил: 30514. Tom Выполнено за 52 мин. [Показать отчёт]
Научился: Узнал про событие blur, возникающее при потере фокуса элементом. Научился с помощью метода on делать привязку нескольких обработчиков событий. Выполнил пример из урока, добавил на страницу несколько полей, добавил им обработчики событий при получении и потере фокуса. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/5/index.html 
6 Эффекты скрытия и отображения 00:14:04
1 тест 		34 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_hide_show.asp
На этом уроке мы переходим к разделу эффектов и
начнём с базовых функций: show() и hide().
Отчёт отправил: 30514. Tom Выполнено за 35 мин. [Показать отчёт]
Научился: Узнал про параметры speed и callback у методов hide, show и toggle. Выполнил примеры с сайта и написал пример из видео для скрытия элементов без использования jQuery. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/6/index.html 
7 Эффекты появления и исчезновения 00:11:34
1 тест 		33 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_fade.asp
На этом уроке мы переходим к эффекту: Fading.
Отчёт отправил: 30514. Tom Выполнено за 33 мин. [Показать отчёт]
Научился: Познакомился с эффектами fadeIn, fadeOut, fadeToggle и fadeTo. Выполнил примеры и задания на сайте. Выбрал вариант fadeTo и указал Math.random() для аргумента opacity. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/7/index.html 
8 Эффекты скольжения и базовая анимация 00:13:29
 29 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_slide.asp
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы рассмотрим эффекты: Sliding и
затронем начало раздела эффектов: Animate.
Отчёт отправил: 30514. Tom Выполнено за 34 мин. [Показать отчёт]
Научился: Узнал про эффект slide и его методы slideUp, slideDown, slideToggle. Научился создавать анимацию с помощью метода animate. Выполнил примеры и задания на сайте. Выбрал пример с анимацией перемещения. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/8/index.html 
9 Эффекты анимации, продолжение 00:13:59
1 тест 		27 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы продолжаем рассматривать раздел эффектов: Animate.
Отчёт отправил: 30514. Tom Выполнено за 1 час. 22 мин. [Показать отчёт]
Научился: Научился использовать относительные значения в методе animate, узнал как создавать последовательность анимаций. Реализовал анимацию zorro с логотипом проекта. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/9/index.html 
10 Домашнее задание: анимация Zorro 00:11:35
 26 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы реализуем домашнее задание, а именно:
Реализовать логотип проекта, который перемещается аля Zorro.
Отчёт отправил: 30514. Tom Выполнено за 54 мин. [Показать отчёт]
Научился: Научился делать зацикливание анимации через указание аргумента callback. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/10/index.html 
11 Остановка анимации 00:16:07
 25 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_stop.asp
На этом уроке мы рассмотрим функцию остановки анимации.
Отчёт отправил: 30514. Tom Выполнено за 35 мин. [Показать отчёт]
Научился: Научился останавливать анимацию с помощью метода stop. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/11/index.html 
12 Функции обратного вызова 00:12:07
 25 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_callback.asp
www.w3schools.com/jquery/jquery_chaining.asp
На этом уроке мы рассмотрим использование callback функций и
повторим что такое и с чем едят цепочки вызова действий/методов.
Отчёт отправил: 30514. Tom Выполнено за 24 мин. [Показать отчёт]
Научился: Повторил как указать функцию обратного вызова после завершения анимации и как создавать цепочки анимаций. Выполнил примеры на сайте, переписал вариант с цепочкой анимаций. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/12/index.html 
13 jQuery - DOM - Get 00:15:29
1 тест 		25 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_dom_get.asp
На этом уроке мы начинаем раздел управления HTML через DOM.
Для начала рассмотрим методы text(), html(), val() и attr().
Отчёт отправил: 30514. Tom Выполнено за 27 мин. [Показать отчёт]
Научился: Познакомился с методами text(), html(), val() и attr(). Выполнил задания и примеры на сайте. Переписал вариант сравнения text() и html(). Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/13/index.html 
14 jQuery - DOM - Set 00:13:40
 23 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_dom_set.asp
На этом уроке мы продолжаем управление HTML через DOM.
Рассмотрим те-же функции, но с параметрами.
Отчёт отправил: 30514. Tom Выполнено за 28 мин. [Показать отчёт]
Научился: Научился использовать методы html(), text(), val() для установки содержимого элемента и метод attr() для установки значения атрибута. Выполнил примеры и задания на сайте. Выбрал пример с использованием html(), text() и val(). Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/14/index.html 
15 jQuery - AJAX = IFrame 00:18:12
 21 чел. ★ 4.8 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
На этом уроке мы реализуем ajax вызов не использую ajax.
Отчёт отправил: 30514. Tom Выполнено за 3 час. 18 мин. [Показать отчёт]
Научился: Научился создавать iframe и получать его содержимое. Создал php-скрипт по адресу https://tomwansweb.000webhostapp.com/jQuery/15/time.php, который возвращает текущее время UTC. Результат работы php-скрипта загружается в iframe. По переданному времени создается объект Date, который отображается на странице с учетом местного времени и обновляется каждые 500мс. Добавил синхронизацию между временем клиента и сервера каждые 30 сек. Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/15/index.html 
16 jQuery - AJAX - Load 00:13:25
 20 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_ajax_intro.asp
www.w3schools.com/jquery/jquery_ajax_load.asp
На прошлом уроке мы реализовали возможность получения
информации с сервера старым кустарным способом.
На этом уроке мы воспользуемся возможностью AJAX,
чтобы увидеть всю простоту решения.
Отчёт отправил: 30514. Tom Выполнено за 45 мин. [Показать отчёт]
Научился: Научился использовать AJAX и jQuery для загрузки информации. Выполнил пример из видео. Серверный php-скрипт разместил по адресу https://tomwansweb.000webhostapp.com/jQuery/16/time.php. Результаты работы можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/16/index.html 
  Итого:   16 видеоуроков 3 час. 44 мин.
8 тестов 		20 чел. ★ 4.99  
  Финалисты:   Иван Воронин,   Елена,   Алексей В.,   Nikolay,   Zulchumor Kurbonova,   Ludmila,   Сергей Соколов,   Максим Лапшинов,   Tekashnik,   Николай Денисов,   Новопашин Владимир,   Дмитрий,   Anton,   Dmitry Sinitsin,   Дмитрий Че,   Андрей Гладков,   Yefim,   Max,   Yaroslav,   Tom .

Начинаем практику по языку C#





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

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.
11589. Yefim / Знакомство с jQuery / Понятие селектора и примеры


Научился: Использовать селекторы в jQuery
Поэкспериментировал с примерами по ссылке. Все понравились.
791. Валерий Жданов / Знакомство с jQuery / Суть библиотеки jQuery


Научился: С jQuery я знаком с 2009 года, для меня была она очень удобная, особенно jQuery IU. До bootstrap это была возможность получить нормальный дизайн с минимальными усилиями. кроме того, нравится функция $.ajax - формирование запросов MySQL и получение результатов
Много мы с jQuery прошли,были у нас и грандиозные прорывы, и грандиозные провалы. по поводу тезисам "меньше строчек кода" - согласен. $.ajax - не только для php справедливо, но и (не могу это обойти) для asp.net))))