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
И последовательно пройдём их курс от начала и до конца.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 5 мин. [Показать отчёт]
Научился: Получил вводную по jQuery) 
Сложности: Пока ничего. 
Комментарии: Про jQuery много слышал, недавно немного попробовал. Сложилось впечатление, что это сильно сокращает код, экономит время, облегчает читаемость кода, но при этом это дополнительный, параллельный синтаксис, так что главное не запутаться что есть что. 
2 Синтаксис и простейший пример 00:13:20
2 теста 		59 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_get_started.asp
На этом уроке мы узнаем откуда скачать и как
подключить jQuery к нашему проекту.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 15 мин. [Показать отчёт]
Научился: Научился подключать серверный jQuery в html, а также выучил базовую конструкцию $("селектор").action() 
Сложности: Все просто и интересно) 
Комментарии: Вроде можно вместо $(document).ready(function() {}); писать просто $(function() {}); 
3 Эксперименты и кнопки 00:12:18
1 тест 		51 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_syntax.asp
На этом разберёмся, как работает написанная на прошлом уроке
функция и почему именно так, а не по другому.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 30 мин. [Показать отчёт]
Научился: Привязывать события к тегам html по id, используя jQuery. 
Сложности: Правильно прописать назначение css для цвета и начертания шрифта при нажатии кнопки. 
Комментарии: Замечаний нет) Все отлично! 
4 Понятие селектора и примеры 00:15:38
 45 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_selectors.asp
На этом уроке мы поговорим о селекторах,
что это такое и с чем его едят.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 30 мин. [Показать отчёт]
Научился: Выбирать в jQuery элементы html по тегам, атрибутам, классам, id, четности и т.п.  Больше всего понравилось выбирать по $("this") 
Сложности: Расположить окна с выполненными заданиями на экране) 
Комментарии: Отличный урок отличного курса! Спасибо!!! 
5 События и их методы 00:17:41
 38 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_events.asp
На этом уроке мы поговорим о событиях и их методах.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 40 мин. [Показать отчёт]
Научился: Обрабатывать события (event handler) с помощью jQuery. 
Сложности: Найти опечатку в hoWer)) 
Комментарии: Чем дальше, тем интереснее!) 
6 Эффекты скрытия и отображения 00:14:04
1 тест 		34 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_hide_show.asp
На этом уроке мы переходим к разделу эффектов и
начнём с базовых функций: show() и hide().
Отчёт отправил: 1295. Дмитрий Че Выполнено за 40 мин. [Показать отчёт]
Научился: Скрывать, отображать и переключать элементы DOM с помощью методов hide, show, toggle, свойств "slow", "fast", значений времени в мс и используя тэги этих элементов. 
Сложности: Не прочувствовал, что сложно - видимо было просто) 
Комментарии: Спасибо за отличный урок! 
7 Эффекты появления и исчезновения 00:11:34
1 тест 		33 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_fade.asp
На этом уроке мы переходим к эффекту: Fading.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 50 мин. [Показать отчёт]
Научился: Скрывать и отображать элементы DOM с помощью методов fadeOut(), fadeIn(), fadeToggle(), fadeTo(). 
Сложности: Придумать своё применение fade. Помог Малевич. 
Комментарии: Чем дальше, тем интересней! 
8 Эффекты скольжения и базовая анимация 00:13:29
 29 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_slide.asp
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы рассмотрим эффекты: Sliding и
затронем начало раздела эффектов: Animate.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 1 день 45 мин. [Показать отчёт]
Научился: Анимировать элементы DOM по селекторам с помощью методов slide и animate. Повторил виды позиционирования элементов в CSS: absolute (относительно родительского контейнера с выносом из потока), fixed (относительна окна браузера), relative (относительно своего места в потоке); 
Сложности: Расположить окна для скриншота) 
9 Эффекты анимации, продолжение 00:13:59
1 тест 		27 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы продолжаем рассматривать раздел эффектов: Animate.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 57 мин. [Показать отчёт]
Научился: Анимировать отдельные свойства элементов и создавать цепочки анимации. Сделал "Zorro" анимацию логотипа видеошарпа!) 
Сложности: Разместить все это на скриншоте) 
10 Домашнее задание: анимация Zorro 00:11:35
 26 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы реализуем домашнее задание, а именно:
Реализовать логотип проекта, который перемещается аля Zorro.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 27 мин. [Показать отчёт]
Научился: Выполнил это задание еще на сайте w3school в прошлом уроке, но без зацикливания. В этом уроке узнал, что такое callback и зачем он нужен. 
Сложности: ничего сложного, и очень интересно. 
11 Остановка анимации 00:16:07
 25 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_stop.asp
На этом уроке мы рассмотрим функцию остановки анимации.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 48 мин. [Показать отчёт]
Научился: Научился прерывать текущую анимацию, прерывать все текущие анимации, и завершать текущую анимацию. В чем секрет "бага" при нажатии stop-and-finish stop(true, true) в момент последней анимации не понял. Ясно, что снова вызывается очередь, но в каком-то покоцанном варианте. 
Сложности: Понять причину "станного" поведения анимации. 
12 Функции обратного вызова 00:12:07
 25 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_callback.asp
www.w3schools.com/jquery/jquery_chaining.asp
На этом уроке мы рассмотрим использование callback функций и
повторим что такое и с чем едят цепочки вызова действий/методов.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 22 мин. [Показать отчёт]
Научился: Применять к селектору статичные свойства и свойства анимации цепочкой, а так же организовывать callback - вызов функции только после полного прекращения анимации. 
Сложности: этот урок был прост) 
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().
Отчёт отправил: 1295. Дмитрий Че Выполнено за 7 час. 41 мин. [Показать отчёт]
Научился: Поэкспериментировал с методами jQuery: .text(), .html(), .val(), .attr(). 
Сложности: Все было проста и даже слишком) 
14 jQuery - DOM - Set 00:13:40
 23 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_dom_set.asp
На этом уроке мы продолжаем управление HTML через DOM.
Рассмотрим те-же функции, но с параметрами.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 57 мин. [Показать отчёт]
Научился: Устанавливать значения атрибутов, полей ввода, содержимого тегов, html кода. 
Сложности: Все было просто) 
15 jQuery - AJAX = IFrame 00:18:12
 21 чел. ★ 4.8 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
На этом уроке мы реализуем ajax вызов не использую ajax.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 39 мин. [Показать отчёт]
Научился: Сочетать технологии php js html для вывода реального времени и последующей реализации с помощью jQuery. 
Сложности: не сойти с ума) 
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,
чтобы увидеть всю простоту решения.
Отчёт отправил: 1295. Дмитрий Че Выполнено за 35 мин. [Показать отчёт]
Научился: Попрактиковался использовать технологию AJAX для асинхронной модификации содержимого страницы без ее перезагрузки. 
Сложности: "все сложно")) 
  Итого:   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))))