Знакомство с jQuery
# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
1 тест |
|||
Мы начинаем знакомство с библиотекой jQuery. Для этого мы обратимся к крупнейшему сайту по веб-разработке: www.w3schools.com/jquery/jquery_intro.asp И последовательно пройдём их курс от начала и до конца. Отчёт отправил: 18842. Степан Выполнено за 35 мин. [Показать отчёт] Научился: я не знаком с библиотекой jQuery |
|||||
2 | Синтаксис и простейший пример |
2 теста |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_get_started.asp На этом уроке мы узнаем откуда скачать и как подключить jQuery к нашему проекту. Отчёт отправил: 18842. Степан Выполнено за 45 мин. [Показать отчёт] Научился: продолжаю изучать курс по jQuery |
|||||
3 | Эксперименты и кнопки |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_syntax.asp На этом разберёмся, как работает написанная на прошлом уроке функция и почему именно так, а не по другому. Отчёт отправил: 18842. Степан Выполнено за 7 час. 13 мин. [Показать отчёт] Научился: по заданию урока придумал и добавил кнопку с функцией - спрятать кнопки, ничего умнее придумать не смог)) |
|||||
4 | Понятие селектора и примеры |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_selectors.asp На этом уроке мы поговорим о селекторах, что это такое и с чем его едят. Отчёт отправил: 18842. Степан Выполнено за 10 час. 5 мин. [Показать отчёт] Научился: выполнил задания на странице |
|||||
5 | События и их методы |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_events.asp На этом уроке мы поговорим о событиях и их методах. Отчёт отправил: 18842. Степан Выполнено за 1 день 7 час. 24 мин. [Показать отчёт] Научился: jQuery потихоньку осваиваю, пока все понятно, да и ссылка на сайт есть про зто самое)) если что, всегда можно подсмотреть |
|||||
6 | Эффекты скрытия и отображения |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_hide_show.asp На этом уроке мы переходим к разделу эффектов и начнём с базовых функций: show() и hide(). Отчёт отправил: 18842. Степан Выполнено за 2 дня 22 час. 31 мин. [Показать отчёт] Научился: я оказывается уже давно выполнил этот урок, если бы подсказка не пришла на почту, так бы и не вспомнил научился скрывать и показывать элементы все задачки на сайте выполнил |
|||||
7 | Эффекты появления и исчезновения |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_fade.asp На этом уроке мы переходим к эффекту: Fading. Отчёт отправил: 18842. Степан Выполнено за 1 день 54 мин. [Показать отчёт] Научился: на этом уроке изучили эффекты скрытия и показа объектов задание было выполнить задачки на сайте https://www.w3schools.com/jquery/jquery_fade.asp , придумать что нибудь свое и по возможности снять видео, короткий ролик я заснял и примеры решил Видеообзор: 2ku2KeNcp-I |
|||||
8 | Эффекты скольжения и базовая анимация |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_slide.asp www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы рассмотрим эффекты: Sliding и затронем начало раздела эффектов: Animate. Отчёт отправил: 18842. Степан Выполнено за 1 день 19 час. 7 мин. [Показать отчёт] Научился: делать анимацию, вот что получилось Видеообзор: JlFtMktMPwM |
|||||
9 | Эффекты анимации, продолжение |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы продолжаем рассматривать раздел эффектов: Animate. Отчёт отправил: 18842. Степан Выполнено за 2 дня 11 час. 52 мин. [Показать отчёт] Научился: Продолжаем изучать анимацию Видеообзор: sJXU2P79_So |
|||||
10 | Домашнее задание: анимация Zorro |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы реализуем домашнее задание, а именно: Реализовать логотип проекта, который перемещается аля Zorro. Отчёт отправил: 18842. Степан Выполнено за 21 час. 54 мин. [Показать отчёт] Научился: заставили логотип перемещаться по Z - образной траектории для бесконечного выполнения в функции function zorro() после выполнения последней команды снова вызвали zorro как бы создали бесконечный цикл ну и иконка стала двигаться зигзагами без остановки |
|||||
11 | Остановка анимации |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_stop.asp На этом уроке мы рассмотрим функцию остановки анимации. Отчёт отправил: 18842. Степан Выполнено за 1 час. 32 мин. [Показать отчёт] Научился: На прошлом уроке знак Zorro двигался бесконечно, а на этом добавили функции остановки картинки, от себя добавил кнопку стрта, в программе есть пару багов и Евгений Витольдович дал задание проанализировать и попытаться исправить баги, но у меня не получилось решил снять короткий ролик, что бы было понятно в чем дело Видеообзор: -E7PsoKbedU |
|||||
12 | Функции обратного вызова |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_callback.asp www.w3schools.com/jquery/jquery_chaining.asp На этом уроке мы рассмотрим использование callback функций и повторим что такое и с чем едят цепочки вызова действий/методов. Отчёт отправил: 18842. Степан Выполнено за 18 час. 48 мин. [Показать отчёт] Научился: нет у меня на странице никаких ссылок на задания, только две ссылки с примерами |
|||||
13 | jQuery - DOM - Get |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_dom_get.asp На этом уроке мы начинаем раздел управления HTML через DOM. Для начала рассмотрим методы text(), html(), val() и attr(). Отчёт отправил: 18842. Степан Выполнено за 9 час. 53 мин. [Показать отчёт] Научился: самостоятельная работа, продолжение jQuery |
|||||
14 | jQuery - DOM - Set |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_dom_set.asp На этом уроке мы продолжаем управление HTML через DOM. Рассмотрим те-же функции, но с параметрами. |
|||||
15 | jQuery - AJAX = IFrame |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: На этом уроке мы реализуем ajax вызов не использую ajax. |
|||||
16 | jQuery - AJAX - Load |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_ajax_intro.asp www.w3schools.com/jquery/jquery_ajax_load.asp На прошлом уроке мы реализовали возможность получения информации с сервера старым кустарным способом. На этом уроке мы воспользуемся возможностью AJAX, чтобы увидеть всю простоту решения. |
|||||
Итого: 16 видеоуроков |
3 час. 44 мин. 8 тестов |
20 чел. | |||
Финалисты: Иван Воронин, Елена, Алексей В., Nikolay, Zulchumor Kurbonova, Ludmila, Сергей Соколов, Максим Лапшинов, Tekashnik, Николай Денисов, Новопашин Владимир, Дмитрий, Anton, Dmitry Sinitsin, Дмитрий Че, Андрей Гладков, Yefim, Max, Yaroslav, Tom . |