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
И последовательно пройдём их курс от начала и до конца.
Отчёт отправил: 4004. Елена Выполнено за 15 мин. [Показать отчёт]
Научился: Узнала о сайте w3schools.com. Сайт очень заинтересовал. 
Сложности: Найти время 
Комментарии: Отличный урок. Тоже знакома с JQuery на уровне "некогда изучать, а использовать надо" :) 
2 Синтаксис и простейший пример 00:13:20
2 теста
59 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_get_started.asp
На этом уроке мы узнаем откуда скачать и как
подключить jQuery к нашему проекту.
Отчёт отправил: 4004. Елена Выполнено за 15 мин. [Показать отчёт]
Научился: Повторение 
Сложности: ничего 
Комментарии: Отличный урок 
3 Эксперименты и кнопки 00:12:18
1 тест
51 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_syntax.asp
На этом разберёмся, как работает написанная на прошлом уроке
функция и почему именно так, а не по другому.
Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт]
Научился: использовать "делегаты" 
Сложности: найти ошибку (скобку потеряла) 
Комментарии: Отличный урок 
4 Понятие селектора и примеры 00:15:38
45 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_selectors.asp
На этом уроке мы поговорим о селекторах,
что это такое и с чем его едят.
Отчёт отправил: 4004. Елена Выполнено за 15 мин. [Показать отчёт]
Научился: Выполнять задания по приложенной ссылке. 
Сложности: Ничего 
Комментарии: Всё получилось! 
5 События и их методы 00:17:41
38 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_events.asp
На этом уроке мы поговорим о событиях и их методах.
Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт]
Научился: Обрабатывать события (хотя это скорее повторение) 
Сложности: Оставить хотя бы пару уроков для "Клуба формулистов", чтобы выполнить их на неделе, а не делать все уроки за раз на одном дыхании. 
Комментарии: Отличный урок. Следует ли продолжение? 
6 Эффекты скрытия и отображения 00:14:04
1 тест
34 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_hide_show.asp
На этом уроке мы переходим к разделу эффектов и
начнём с базовых функций: show() и hide().

Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт]
Научился: Что parents() можно выбирать по имени класса 
Сложности: ничего 
Комментарии: Всё отлично 
7 Эффекты появления и исчезновения 00:11:34
1 тест
33 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_fade.asp
На этом уроке мы переходим к эффекту: Fading.
Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт]
Научился: Повторение использования 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.
Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт]
Научился: Использовать анимацию в JQuery 
Сложности: ничего 
Комментарии: absolute - Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента. fixed - По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы. relative - Положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения. static - Элементы отображаются как обычно. Использование свойств left, top, right и bottom не приводит к каким-либо результатам. inherit - Наследует значение родителя. 
9 Эффекты анимации, продолжение 00:13:59
1 тест
27 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы продолжаем рассматривать раздел эффектов: Animate.
Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт]
Научился: Повторение использования анимации 
Сложности: ничего 
Комментарии: отличный урок 
10 Домашнее задание: анимация Zorro 00:11:35
26 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы реализуем домашнее задание, а именно:
Реализовать логотип проекта, который перемещается аля Zorro.

Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт]
Научился: Создавать анимацию 
Сложности: ничего 
Комментарии: отличный урок 
11 Остановка анимации 00:16:07
25 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_stop.asp
На этом уроке мы рассмотрим функцию остановки анимации.
Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт]
Научился: Останавливать анимацию 
Сложности: Найти задания на странице описания урока (их там нет) 
Комментарии: отличный урок 
12 Функции обратного вызова 00:12:07
25 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_callback.asp
www.w3schools.com/jquery/jquery_chaining.asp
На этом уроке мы рассмотрим использование callback функций и
повторим что такое и с чем едят цепочки вызова действий/методов.
Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт]
Научился: использовать callback функции 
Сложности: Я заставила p1 становиться черным после slideUp() + slideDown() 
Комментарии: Отличный урок, полезные знания 
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().
Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт]
Научился: Использовать attr(), остальное - знала 
Сложности: ничего 
Комментарии: Я когда текст со страницы вставляю в Word, выбираю Вставить -> специальная вставка -> неформатированный текст. И обхожусь без блокнота :) Вот если в электронное письмо нужно вставить текст без форматирования - это хуже :)  
14 jQuery - DOM - Set 00:13:40
23 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_dom_set.asp
На этом уроке мы продолжаем управление HTML через DOM.
Рассмотрим те-же функции, но с параметрами.
Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт]
Научился: Изменять ссылки и картинки 
Сложности: ничего 
Комментарии: отличный урок 
15 jQuery - AJAX = IFrame 00:18:12
21 чел. ★ 4.8 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
На этом уроке мы реализуем ajax вызов не использую ajax.
Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт]
Научился: реализовывать таймер 
Сложности: не запутаться 
Комментарии: Не получилось следовать уроку :( Сделала таймер по-своему, на чистом JS, без iframe и php-файлов. 
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,
чтобы увидеть всю простоту решения.
Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт]
Научился: Загружать данные из AJAX 
Сложности: Добраться до компа... после ремонта 
Комментарии: Отличный урок 
  Итого:   16 видеоуроков 3 час. 44 мин.
8 тестов
20 чел. ★ 4.99  
  Финалисты:   Иван Воронин,   Елена,   Алексей В.,   Nikolay,   Zulchumor Kurbonova,   Ludmila,   Сергей Соколов,   Максим Лапшинов,   Tekashnik,   Николай Денисов,   Новопашин Владимир,   Дмитрий,   Anton,   Dmitry Sinitsin,   Дмитрий Че,   Андрей Гладков,   Yefim,   Max,   Yaroslav,   Tom .

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





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

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

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

Ты в любой момент сможешь отписаться от рассылки.


Научился: Использовать селекторы в jQuery
Поэкспериментировал с примерами по ссылке. Все понравились.


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