Знакомство с jQuery
# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
1 тест |
|||
Мы начинаем знакомство с библиотекой jQuery. Для этого мы обратимся к крупнейшему сайту по веб-разработке: www.w3schools.com/jquery/jquery_intro.asp И последовательно пройдём их курс от начала и до конца. Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 13 мин. [Показать отчёт] Научился: Узнал о библиотеке jQuery Сложности: Всё понятно. Комментарии: С этой библиотекой я не знаком. |
|||||
2 | Синтаксис и простейший пример |
2 теста |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_get_started.asp На этом уроке мы узнаем откуда скачать и как подключить jQuery к нашему проекту. Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 15 мин. [Показать отчёт] Научился: Познакомился с главной "функция" библиотеки jQuery. Сложности: Всё понятно. Комментарии: Как раз делаю свой первый сайт. Надеюсь что библиотека jQuery будет полезна. |
|||||
3 | Эксперименты и кнопки |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_syntax.asp На этом разберёмся, как работает написанная на прошлом уроке функция и почему именно так, а не по другому. Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 30 мин. [Показать отчёт] Научился: Узнал как работает функция $(document).ready(function(){ }); и $("").action(function(){ }); Сложности: Сделать документ css. Комментарии: Подумал что страница "немного" пустая. Я так и не придумал что сделать на кнопку 3. |
|||||
4 | Понятие селектора и примеры |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_selectors.asp На этом уроке мы поговорим о селекторах, что это такое и с чем его едят. Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 30 мин. [Показать отчёт] Научился: Узнал как можно добиваться того или иного результата используя библиотеку lQuery. Сложности: Всё понятно. Комментарии: Я не понял как результаты все показать поэтому решил показать 2 примера. Сайт по jQuery интереснее чем я думал! Мне понравились примеры с [href], * и с id. |
|||||
5 | События и их методы |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_events.asp На этом уроке мы поговорим о событиях и их методах. Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 40 мин. [Показать отчёт] Научился: Узнал разные способы взаимодействия с объектами с помощью библиотеки jQuery. Сложности: Все понятно. Комментарии: Не стразу все заработало(люблю когда много скобок (в их так легко запутаться)). Но в целом все понятно и интересно! |
|||||
6 | Эффекты скрытия и отображения |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_hide_show.asp На этом уроке мы переходим к разделу эффектов и начнём с базовых функций: show() и hide(). Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 1 час. 00 мин. [Показать отчёт] Научился: Научился скрывать/показывать элементы методом Toggle, Show, Hide. Сложности: Придумать как уменьшить функцию скрывания элемента. Комментарии: Я старался( раздел проекты вам не покажу(не сделал ещё) ). Извините меня за то как я ПЛОХО сделал часть код которая отображает текст(ещё не разобрался как подключить внешний txt файл). Но, постараюсь сделать всё как надо! Видеообзор: QAsvqbQdNEo |
|||||
7 | Эффекты появления и исчезновения |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_fade.asp На этом уроке мы переходим к эффекту: Fading. Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 30 мин. [Показать отчёт] Научился: Узнал о чудесном упрощение жизни при помощи fade. Сложности: Придумать пример использования (обычно я учу что-то по мере необходимости так что с этим проблемы всегда). Комментарии: 20 мин. думал что сделать и вот что получилось :) P.S Спасибо за таблицу! Видеообзор: qALRqBAigk8 |
|||||
8 | Эффекты скольжения и базовая анимация |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_slide.asp www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы рассмотрим эффекты: Sliding и затронем начало раздела эффектов: Animate. Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 1 час. 00 мин. [Показать отчёт] Научился: Узнал о animate. Сложности: Сформулировать отличия relative, fixed и absolute. Комментарии: Пойду мультики делать ) Как я понял fixed-смотридт координаты от самого окна браузера. relative смотрит координаты от ближайших "ячеек" а absolute - ? Видеообзор: 7V-ZEvCgpy0 |
|||||
9 | Эффекты анимации, продолжение |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы продолжаем рассматривать раздел эффектов: Animate. Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 20 мин. [Показать отчёт] Научился: Делать красивы animation Сложности: Всё понятно! Комментарии: Zerrooo! Видеообзор: 6DdOG75e-6k |
|||||
10 | Домашнее задание: анимация Zorro |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы реализуем домашнее задание, а именно: Реализовать логотип проекта, который перемещается аля Zorro. Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 35 мин. [Показать отчёт] Научился: Узнал о зацикливаниe анимaции чeрез callback. Сложности: Не сразу разобрался как сделать анимация на наискось) Комментарии: Делал ошибки пока не догадался как сделать анимация на наискось. Видеообзор: 6DdOG75e-6k |
|||||
11 | Остановка анимации |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_stop.asp На этом уроке мы рассмотрим функцию остановки анимации. Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 35 мин. [Показать отчёт] Научился: Узнал как остановить текущее действие. Сложности: Попытаться понять что происходит в этом баге. Комментарии: Моя теория была в том что просто не ставятся в очередь анимации №2 и №4 но в отлачике посмотрел анимации ставятся теорий больше нет( |
|||||
12 | Функции обратного вызова |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_callback.asp www.w3schools.com/jquery/jquery_chaining.asp На этом уроке мы рассмотрим использование callback функций и повторим что такое и с чем едят цепочки вызова действий/методов. Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 20 мин. [Показать отчёт] Научился: Узнал как можно записывать действия цепочкой. Сложности: Всё понятно (что было в видео-уроке). Комментарии: Не знаю почему, но мне цепочкой писать не очень по душе. |
|||||
13 | jQuery - DOM - Get |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_dom_get.asp На этом уроке мы начинаем раздел управления HTML через DOM. Для начала рассмотрим методы text(), html(), val() и attr(). Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 30 мин. [Показать отчёт] Научился: Узнал о DOM. Сложности: Интересные результаты можно с помощью их получать :) Комментарии: Использование attr заметно упрощает жизнь, особенно если надо показать ссылку на элемент. |
|||||
14 | jQuery - DOM - Set |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_dom_set.asp На этом уроке мы продолжаем управление HTML через DOM. Рассмотрим те-же функции, но с параметрами. Отчёт отправил: 13131. Сергей Стефаненко Выполнено за 50 мин. [Показать отчёт] Научился: Узнал лучше attr. Сложности: Всё понятно. Комментарии: Боюсь и думать какие будут дальше уроки. |
|||||
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 . |