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

Отчёт отправил: 21090. Yaroslav Выполнено за 1 час. 36 мин. [Показать отчёт]
Научился: Реализовывать скрытие элемента разными методами. 
Сложности: Java 
7 Эффекты появления и исчезновения 00:11:34
1 тест
33 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_fade.asp
На этом уроке мы переходим к эффекту: Fading.
Отчёт отправил: 21090. Yaroslav Выполнено за 1 час. 17 мин. [Показать отчёт]
Научился: Научился делать выцветание и исчезание элементов.  
Сложности: Всё просто и забавно. 
8 Эффекты скольжения и базовая анимация 00:13:29
29 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_slide.asp
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы рассмотрим эффекты: Sliding и
затронем начало раздела эффектов: Animate.
Отчёт отправил: 21090. Yaroslav Выполнено за 2 час. 38 мин. [Показать отчёт]
Научился: Подружился с анимацией на  jQuery. relative - он как будто независимый позиционируется от своего места расположение. fixed - фиксируется относительно экрана absolut - фиксируется относительно предыдущего элемента Также есть statik и sticky 
Сложности: Очень интересно. 
9 Эффекты анимации, продолжение 00:13:59
1 тест
27 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы продолжаем рассматривать раздел эффектов: Animate.
Отчёт отправил: 21090. Yaroslav Выполнено за 1 час. 15 мин. [Показать отчёт]
Научился: Упрощать написания функции очереди. 
Сложности: Плагин скачал но как им пользоваться еще не разобрался.   
10 Домашнее задание: анимация Zorro 00:11:35
26 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы реализуем домашнее задание, а именно:
Реализовать логотип проекта, который перемещается аля Zorro.

Отчёт отправил: 21090. Yaroslav Выполнено за 49 мин. [Показать отчёт]
Научился: У меня проблем не было.  А вот зацикленность это для меня было новенькое. 
Сложности: Сложностей не возникало. 
11 Остановка анимации 00:16:07
25 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_stop.asp
На этом уроке мы рассмотрим функцию остановки анимации.
Отчёт отправил: 21090. Yaroslav Выполнено за 1 час. 11 мин. [Показать отчёт]
Научился: Останавливать анимацию разными методами. Баг действительно есть. Но это наверное связано с самим движком библиотеки jquery.min.js. Думаю туда и надо смотреть.   
Сложности: Всё получилось. 
12 Функции обратного вызова 00:12:07
25 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_callback.asp
www.w3schools.com/jquery/jquery_chaining.asp
На этом уроке мы рассмотрим использование callback функций и
повторим что такое и с чем едят цепочки вызова действий/методов.
Отчёт отправил: 21090. Yaroslav Выполнено за 54 мин. [Показать отчёт]
Научился: Повторил и закрепил так как в процессе эти функции использовались. 
Сложности: Всё понятно. 
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().
Отчёт отправил: 21090. Yaroslav Выполнено за 2 час. 5 мин. [Показать отчёт]
Научился: Научился пользоваться функциями получения содержимого  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.
Рассмотрим те-же функции, но с параметрами.
Отчёт отправил: 21090. Yaroslav Выполнено за 1 час. 7 мин. [Показать отчёт]
Научился: Научился делать взаимно замены.  
Сложности: Всё понятно и интересно. 
15 jQuery - AJAX = IFrame 00:18:12
21 чел. ★ 4.8 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
На этом уроке мы реализуем ajax вызов не использую ajax.
Отчёт отправил: 21090. Yaroslav Выполнено за 2 час. 1 мин. [Показать отчёт]
Научился: делать java вызовы. 
Сложности: до конца разобраться. 
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,
чтобы увидеть всю простоту решения.
Отчёт отправил: 21090. Yaroslav Выполнено за 44 мин. [Показать отчёт]
Научился: Увидел вершину неизученного айсберга в форме jQuery. 
Сложности: Спасибо за старт. 
  Итого:   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))))