Знакомство с jQuery
# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
1 тест |
|||
Мы начинаем знакомство с библиотекой jQuery. Для этого мы обратимся к крупнейшему сайту по веб-разработке: www.w3schools.com/jquery/jquery_intro.asp И последовательно пройдём их курс от начала и до конца. Отчёт отправил: 11589. Yefim Выполнено за 19 мин. [Показать отчёт] Научился: Материал знаком Сложности: Не было сложностей Комментарии: Интересно, какая из 2-х программ, одинаковых по функциональности js или jQuery работает быстрее? |
|||||
2 | Синтаксис и простейший пример |
2 теста |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_get_started.asp На этом уроке мы узнаем откуда скачать и как подключить jQuery к нашему проекту. Отчёт отправил: 11589. Yefim Выполнено за 13 мин. [Показать отчёт] Научился: Использовать методы $("p").hide(); $("p").show(); Сложности: Не было сложностей Комментарии: Нет замечаний |
|||||
3 | Эксперименты и кнопки |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_syntax.asp На этом разберёмся, как работает написанная на прошлом уроке функция и почему именно так, а не по другому. Отчёт отправил: 11589. Yefim Выполнено за 23 мин. [Показать отчёт] Научился: Рeализoвывать функционaл рaботы кнoпок Сложности: Не было Комментарии: Нет замечаний |
|||||
4 | Понятие селектора и примеры |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_selectors.asp На этом уроке мы поговорим о селекторах, что это такое и с чем его едят. Отчёт отправил: 11589. Yefim Выполнено за 56 мин. [Показать отчёт] Научился: Использовать селекторы в jQuery Сложности: ---- Комментарии: Поэкспериментировал с примерами по ссылке. Все понравились. |
|||||
5 | События и их методы |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_events.asp На этом уроке мы поговорим о событиях и их методах. Отчёт отправил: 11589. Yefim Выполнено за 59 мин. [Показать отчёт] Научился: Создавать собыьтия Сложности: --- Комментарии: При создании функции-события важно еще уметь извлекать и другую полезную информацию. Например, при событии click, хотелось бы получить координаты точки клика. И такая возможность существует. Для этого функцию-обработчик надо описывать с параметром, например е. В этом случае в переменной е создается объект типа event и через свойства e.pageX и e.pageY можно получить координаты клика. |
|||||
6 | Эффекты скрытия и отображения |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_hide_show.asp На этом уроке мы переходим к разделу эффектов и начнём с базовых функций: show() и hide(). Отчёт отправил: 11589. Yefim Выполнено за 1 час. 03 мин. [Показать отчёт] Научился: Использовать функции hide() и show() c паpaметpами скорости Сложности: --- Комментарии: нет замечаний |
|||||
7 | Эффекты появления и исчезновения |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_fade.asp На этом уроке мы переходим к эффекту: Fading. Отчёт отправил: 11589. Yefim Выполнено за 2 час. 12 мин. [Показать отчёт] Научился: Управлять прозрачностью элементов Сложности: --- Комментарии: Все ясно |
|||||
8 | Эффекты скольжения и базовая анимация |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_slide.asp www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы рассмотрим эффекты: Sliding и затронем начало раздела эффектов: Animate. Отчёт отправил: 11589. Yefim Выполнено за 1 час. 22 мин. [Показать отчёт] Научился: Познакомился с работой методов slide & animate() Сложности: разобраться в различии параметров absolute, relative, fixed Комментарии: Хотя из названий параметров absolute, relative, fixed можно догадаться об их различии тем не менее при экспериментах мне не удалось прочувствовать их различия. |
|||||
9 | Эффекты анимации, продолжение |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы продолжаем рассматривать раздел эффектов: Animate. Отчёт отправил: 11589. Yefim Выполнено за 2 час. 22 мин. [Показать отчёт] Научился: научился анимировать цвет Сложности: найти подходящий плагин Комментарии: Хотел применить анимацию к свойству transform: rotate(45deg); не получилось :( Видеообзор: eBM4PzbYpXo |
|||||
10 | Домашнее задание: анимация Zorro |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы реализуем домашнее задание, а именно: Реализовать логотип проекта, который перемещается аля Zorro. Отчёт отправил: 11589. Yefim Выполнено за 22 мин. [Показать отчёт] Научился: использовать callback Сложности: --- Комментарии: Похожее задание я выполнил в предыдущем уроке даже с цветом Видеообзор: eBM4PzbYpXo |
|||||
11 | Остановка анимации |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_stop.asp На этом уроке мы рассмотрим функцию остановки анимации. Отчёт отправил: 11589. Yefim Выполнено за 44 мин. [Показать отчёт] Научился: Останавливать эффекты, включая анимацию. Сложности: Разобраться с багом остановки Комментарии: Мне не удалось разобраться с багом остановки |
|||||
12 | Функции обратного вызова |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_callback.asp www.w3schools.com/jquery/jquery_chaining.asp На этом уроке мы рассмотрим использование callback функций и повторим что такое и с чем едят цепочки вызова действий/методов. Отчёт отправил: 11589. Yefim Выполнено за 1 час. 3 мин. [Показать отчёт] Научился: Познакомился с использованием callback функций и цепочками вызова действий/методов. Сложности: Поэкспериментировал: Записал функцию в обычном для себя виде. При установке первого рапаметра 10000, расчитывал на эффект продолжитедбностью в 10 секунд. Однако Эффект продолжался примерно 1 секунду. Объясните почему время эффекта не зависит от значения первого параметра? Вторая неожиданность: Если при вызове фрункции указать имя функции без скобок, Алерт появляется после эффекта. А если со скобками то до эффекта. Почему так? |
|||||
13 | jQuery - DOM - Get |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_dom_get.asp На этом уроке мы начинаем раздел управления HTML через DOM. Для начала рассмотрим методы text(), html(), val() и attr(). Отчёт отправил: 11589. Yefim Выполнено за 44 мин. [Показать отчёт] Научился: Познакомился с методами text(), html(), val() и attr(). Сложности: Всё получилось! |
|||||
14 | jQuery - DOM - Set |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_dom_set.asp На этом уроке мы продолжаем управление HTML через DOM. Рассмотрим те-же функции, но с параметрами. Отчёт отправил: 11589. Yefim Выполнено за 1 день 13 час. 42 мин. [Показать отчёт] Научился: Применять функции text(), html() и attr() с параметрами. Сложности: -------------- |
|||||
15 | jQuery - AJAX = IFrame |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: На этом уроке мы реализуем ajax вызов не использую ajax. Отчёт отправил: 11589. Yefim Выполнено за 21 час. 25 мин. [Показать отчёт] Научился: Как не надо писать программы. Сложности: Единственное, что понял - это как не надо делать. |
|||||
16 | jQuery - AJAX - Load |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_ajax_intro.asp www.w3schools.com/jquery/jquery_ajax_load.asp На прошлом уроке мы реализовали возможность получения информации с сервера старым кустарным способом. На этом уроке мы воспользуемся возможностью AJAX, чтобы увидеть всю простоту решения. Отчёт отправил: 11589. Yefim Выполнено за 2 дня 3 час. 33 мин. [Показать отчёт] Научился: Познакомилсяс некоторыми возможностями Ajax Сложности: В начале решил воспользоваться ресурсом https://www.videosharp.info/test/time.php, но оказалось, что его там нет. Пришлось создавать все на своем сайте https://yefim4u.ru/MyTest/timer.html |
|||||
Итого: 16 видеоуроков |
3 час. 44 мин. 8 тестов |
20 чел. | |||
Финалисты: Иван Воронин, Елена, Алексей В., Nikolay, Zulchumor Kurbonova, Ludmila, Сергей Соколов, Максим Лапшинов, Tekashnik, Николай Денисов, Новопашин Владимир, Дмитрий, Anton, Dmitry Sinitsin, Дмитрий Че, Андрей Гладков, Yefim, Max, Yaroslav, Tom . |