Знакомство с jQuery
# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
1 тест |
|||
Мы начинаем знакомство с библиотекой jQuery. Для этого мы обратимся к крупнейшему сайту по веб-разработке: www.w3schools.com/jquery/jquery_intro.asp И последовательно пройдём их курс от начала и до конца. Отчёт отправил: 4004. Елена Выполнено за 15 мин. [Показать отчёт] Научился: Узнала о сайте w3schools.com. Сайт очень заинтересовал. Сложности: Найти время Комментарии: Отличный урок. Тоже знакома с JQuery на уровне "некогда изучать, а использовать надо" :) |
|||||
2 | Синтаксис и простейший пример |
2 теста |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_get_started.asp На этом уроке мы узнаем откуда скачать и как подключить jQuery к нашему проекту. Отчёт отправил: 4004. Елена Выполнено за 15 мин. [Показать отчёт] Научился: Повторение Сложности: ничего Комментарии: Отличный урок |
|||||
3 | Эксперименты и кнопки |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_syntax.asp На этом разберёмся, как работает написанная на прошлом уроке функция и почему именно так, а не по другому. Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт] Научился: использовать "делегаты" Сложности: найти ошибку (скобку потеряла) Комментарии: Отличный урок |
|||||
4 | Понятие селектора и примеры |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_selectors.asp На этом уроке мы поговорим о селекторах, что это такое и с чем его едят. Отчёт отправил: 4004. Елена Выполнено за 15 мин. [Показать отчёт] Научился: Выполнять задания по приложенной ссылке. Сложности: Ничего Комментарии: Всё получилось! |
|||||
5 | События и их методы |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_events.asp На этом уроке мы поговорим о событиях и их методах. Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт] Научился: Обрабатывать события (хотя это скорее повторение) Сложности: Оставить хотя бы пару уроков для "Клуба формулистов", чтобы выполнить их на неделе, а не делать все уроки за раз на одном дыхании. Комментарии: Отличный урок. Следует ли продолжение? |
|||||
6 | Эффекты скрытия и отображения |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_hide_show.asp На этом уроке мы переходим к разделу эффектов и начнём с базовых функций: show() и hide(). Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт] Научился: Что parents() можно выбирать по имени класса Сложности: ничего Комментарии: Всё отлично |
|||||
7 | Эффекты появления и исчезновения |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_fade.asp На этом уроке мы переходим к эффекту: Fading. Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт] Научился: Повторение использования fade Сложности: ничего Комментарии: отличный урок |
|||||
8 | Эффекты скольжения и базовая анимация |
|
|||
Мы продолжаем знакомство с библиотекой 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 | Эффекты анимации, продолжение |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы продолжаем рассматривать раздел эффектов: Animate. Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт] Научился: Повторение использования анимации Сложности: ничего Комментарии: отличный урок |
|||||
10 | Домашнее задание: анимация Zorro |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы реализуем домашнее задание, а именно: Реализовать логотип проекта, который перемещается аля Zorro. Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт] Научился: Создавать анимацию Сложности: ничего Комментарии: отличный урок |
|||||
11 | Остановка анимации |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_stop.asp На этом уроке мы рассмотрим функцию остановки анимации. Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт] Научился: Останавливать анимацию Сложности: Найти задания на странице описания урока (их там нет) Комментарии: отличный урок |
|||||
12 | Функции обратного вызова |
|
|||
Мы продолжаем знакомство с библиотекой 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 |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_dom_get.asp На этом уроке мы начинаем раздел управления HTML через DOM. Для начала рассмотрим методы text(), html(), val() и attr(). Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт] Научился: Использовать attr(), остальное - знала Сложности: ничего Комментарии: Я когда текст со страницы вставляю в Word, выбираю Вставить -> специальная вставка -> неформатированный текст. И обхожусь без блокнота :) Вот если в электронное письмо нужно вставить текст без форматирования - это хуже :) |
|||||
14 | jQuery - DOM - Set |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_dom_set.asp На этом уроке мы продолжаем управление HTML через DOM. Рассмотрим те-же функции, но с параметрами. Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт] Научился: Изменять ссылки и картинки Сложности: ничего Комментарии: отличный урок |
|||||
15 | jQuery - AJAX = IFrame |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: На этом уроке мы реализуем ajax вызов не использую ajax. Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт] Научился: реализовывать таймер Сложности: не запутаться Комментарии: Не получилось следовать уроку :( Сделала таймер по-своему, на чистом JS, без iframe и php-файлов. |
|||||
16 | jQuery - AJAX - Load |
|
|||
Мы продолжаем знакомство с библиотекой 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 чел. | |||
Финалисты: Иван Воронин, Елена, Алексей В., Nikolay, Zulchumor Kurbonova, Ludmila, Сергей Соколов, Максим Лапшинов, Tekashnik, Николай Денисов, Новопашин Владимир, Дмитрий, Anton, Dmitry Sinitsin, Дмитрий Че, Андрей Гладков, Yefim, Max, Yaroslav, Tom . |