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
И последовательно пройдём их курс от начала и до конца.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 48 мин. [Показать отчёт]
Научился: 1. Done 2.  Знакомство с чистого листа. 3. Напрягся лайнер, слышен визг турбин... 4. Done. 5. Done. 
2 Синтаксис и простейший пример 00:13:20
2 теста
59 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_get_started.asp
На этом уроке мы узнаем откуда скачать и как
подключить jQuery к нашему проекту.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 38 мин. [Показать отчёт]
Научился: Работаешь локально - скачай jQuery с офсайта. Работаешь в глобале подключай CDN. $(selector).action() = возьми то не знаю что, сделай так не знаю как )  
3 Эксперименты и кнопки 00:12:18
1 тест
51 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_syntax.asp
На этом разберёмся, как работает написанная на прошлом уроке
функция и почему именно так, а не по другому.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 57 мин. [Показать отчёт]
Научился: .click() вызывает обработчик JavaScript события click (щелчок - последовательно нажата и отпущена кнопка мыши на одном и том же участке экрана) для всех элементов набора jQuery. Именовать кнопки рекомендуется адекватно их назначению. 
4 Понятие селектора и примеры 00:15:38
45 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_selectors.asp
На этом уроке мы поговорим о селекторах,
что это такое и с чем его едят.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 56 мин. [Показать отчёт]
Научился: Селектор - инструмент для прицеливания в браузере. Прицеливаемся по идентификатору или по классу. В арсенале не менее дюжины отъюстированных прицелов. Веселее всех бахает звёздочка - клик, и экран чист как белый лист. 
Сложности: function ) 
5 События и их методы 00:17:41
38 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_events.asp
На этом уроке мы поговорим о событиях и их методах.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 41 мин. [Показать отчёт]
Научился: fires/fired - событие случилось submit - форма отправлена change - форма изменена focus - фокус навёл blur - фокус потерял hover - существительное 1. парение 2. свободный полет; глагол 1. зависать 2. колебаться <br/> - возврат каретки 
Сложности: Отчего-то фокусы с фокусом не приводили к изменению цвета рамки или фона текстовиков, а применение hover сработало. В чём цимус неработоспособности события фокус, пока не понял. Остальное срабатывает на славу. 
6 Эффекты скрытия и отображения 00:14:04
1 тест
34 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_hide_show.asp
На этом уроке мы переходим к разделу эффектов и
начнём с базовых функций: show() и hide().

Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 15 мин. [Показать отчёт]
Научился: function hide (item)     {     item.style.display = 'none';     } Функция ожила со второй попытки. Пришлось перенабрать код дважды для успеха. Но разницы в набранном в первой и второй попытке не заметил. 
7 Эффекты появления и исчезновения 00:11:34
1 тест
33 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_fade.asp
На этом уроке мы переходим к эффекту: Fading.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 4 мин. [Показать отчёт]
Научился: fade to - инструмент для параметризированного превращения объекта в невидимку без освобождения жилплощади на сайте. fade in - плавный проявитель(помимо призрачного появления, объекту выторговывает место под солнцем на веб-страничке). fade out - плавный удалитель(помимо придания прозрачности объекту, ещё и освобождает место им занятое). fade toggle - Едут ДПСники, один другому: - Серега, посмотри - мигалка работает? Тот высовывается в окошко: - Работает, не работает, работает... 
Видеообзор: 4ZqbsJTWm2A
8 Эффекты скольжения и базовая анимация 00:13:29
29 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_slide.asp
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы рассмотрим эффекты: Sliding и
затронем начало раздела эффектов: Animate.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 7 мин. [Показать отчёт]
Научился: absolute Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента. fixed По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы. Браузер Firefox вообще не отображает полосы прокрутки, если положение элемента задано фиксированным, и оно не помещается целиком в окно браузера. В браузере Opera хотя и показываются полосы прокрутки, но они никак не влияют на позицию элемента. relative Положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения. 
Видеообзор: uUauQ2-1jqw
9 Эффекты анимации, продолжение 00:13:59
1 тест
27 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы продолжаем рассматривать раздел эффектов: Animate.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 2 час. 29 мин. [Показать отчёт]
Научился: jQuery поставляется съ функціей очереди для анимаціи. Это означаетъ, что если вы пишете нѣсколько вызововъ animate () другъ за другомъ, jQuery создаетъ «внутреннюю» очередь съ этими вызовами методовъ. Затѣмъ онъ запускаетъ ​одинарныя​ вызовы по одному.  
Видеообзор: aQKxNTSczs0
10 Домашнее задание: анимация Zorro 00:11:35
26 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_animate.asp
На этом уроке мы реализуем домашнее задание, а именно:
Реализовать логотип проекта, который перемещается аля Zorro.

Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 9 час. 59 мин. [Показать отчёт]
Научился: В прошлом уроке подсмотрел в отчетах, как можно реализовать сию скачку логотипа, понял не всё но заработало и остался доволен уже тем. Реализация в этом уроке отличалась от того, что заработало на прошлом, но прослушав урок разобрался с координатами, в строке указывается точка, КУДА следует уплыть объекту. Зацикливание callback выглядит прекрасно после приведения простых неправильных решений для той же задачи. Ошибки были, в функции zorro забыл указать объект ($("img")), запускаю страничку и не фурычит. Глаза помогли, проблему решил. 
11 Остановка анимации 00:16:07
25 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_stop.asp
На этом уроке мы рассмотрим функцию остановки анимации.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 9 мин. [Показать отчёт]
Научился: Стоп функция позволяет срезать траекторию, по которой бегает логотип. На видео наглядно продемонстрировано. Почему возникает бага с неудаленным исполнением 10,10 - 10, 300 - недоведенный до ума функционал jQuery Stop Animations. Логично было бы удалять из очереди все строки, чего не происходит. 
Видеообзор: BeSg-BXSoEI
12 Функции обратного вызова 00:12:07
25 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_callback.asp
www.w3schools.com/jquery/jquery_chaining.asp
На этом уроке мы рассмотрим использование callback функций и
повторим что такое и с чем едят цепочки вызова действий/методов.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 41 мин. [Показать отчёт]
Научился: jQuery Callback - гарантия соблюдения последовательности исполнения команд, если это критично. Без колбэка последующая строка может начать исполняться не дождавшись полного завершения предыдущей. jQuery Chaining - упрощает код, исключая повторы множественного указания одного и того же селектора для набора методов, к нему применяемых. Выяснил, что последовательно устроить мигалку цветами в чейнинге не прокатит. Сразу подхватывает лишь последний указанный css цвет. 
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().
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 1 час. 21 мин. [Показать отчёт]
Научился: $("#test").text()) - вернуть текст без форматирования. $("#test").html()) - вернуть текст C форматированием. $("#test").val()) - вернуть текущее значение объекта с учетом ввода пользователя веб-страницы. alert($("#w3s").attr("href")); - вернуть указанный в скобках атрибут объекта. 
14 jQuery - DOM - Set 00:13:40
23 чел. ★ 5 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
www.w3schools.com/jquery/jquery_dom_set.asp
На этом уроке мы продолжаем управление HTML через DOM.
Рассмотрим те-же функции, но с параметрами.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 58 мин. [Показать отчёт]
Научился: .text - вернёт простой текст, .html - вернёт текст с разметкой(форматированием), .val - установит содержимое объекта (с учетом ввода пользователя?). <b>здесь будет напечатано жирным шрифтом</b> При указании атрибутов не забудь кавычки и перечисление через запятую. .html("&lt;b&gt;texttexttettexttext&lt;/b&gt;"); == <b>texttexttettexttext</b> lt == less then == меньше gt == greater then == больше 
15 jQuery - AJAX = IFrame 00:18:12
21 чел. ★ 4.8 Done
  Мы продолжаем знакомство с библиотекой jQuery,
проходя курс на крупнейшем сайте по веб-разработке:
На этом уроке мы реализуем ajax вызов не использую ajax.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 3 час. 17 мин. [Показать отчёт]
Научился: Ctrl+Shift+J - посмотреть код ошибки Перенос времени через локальный сервер удалось оживить лишь благодаря наработкам от Валерия. Иначе бы пришлось с нуля поднимать OpenServer со всеми остановками. Бди, товарищ! 
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,
чтобы увидеть всю простоту решения.
Отчёт отправил: 17947. Dmitry Sinitsin Выполнено за 3 час. 43 мин. [Показать отчёт]
Научился: http://test.local/timer.html успешно отрабатывал клик по кнопке многократно в браузере Гугл Хром,этот же файл в эксплорере клик по кнопке обрабатывал лишь раз, и время более не обновлял. Узнал, то можно спать с AJAX. AJAX - асинхронные запросы Джаваскриптом и XML данных. Применяется для загрузки данных в фоновом режиме и отображения их на веб-странице без перезагрузки веб-страницы целиком. В браузере встроен XMLHTTPRequest объект, отвечающий за запросы данных с веб-сервера. JavaScript и HTML DOM отвечают за отображение и применение данных. 
Сложности: Понять успех обновления времени в Google Chrome и однократный вывод времени в Internet Explorer. 
  Итого:   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))))