Знакомство с jQuery
# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
1 тест |
|||
Мы начинаем знакомство с библиотекой jQuery. Для этого мы обратимся к крупнейшему сайту по веб-разработке: www.w3schools.com/jquery/jquery_intro.asp И последовательно пройдём их курс от начала и до конца. Отчёт отправил: 4814. Дмитрий Выполнено за 15 мин. [Показать отчёт] Научился: Первое знакомство с jQuery. Очень интересно, т.к. сейчас приступаю к изучению javascript/html/css. Приобрел 3 книги, видеоуроки не помешают. Сложности: Пока все понятно. |
|||||
2 | Синтаксис и простейший пример |
2 теста |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_get_started.asp На этом уроке мы узнаем откуда скачать и как подключить jQuery к нашему проекту. Отчёт отправил: 4814. Дмитрий Выполнено за 108 дней 1 час. 39 мин. [Показать отчёт] Научился: Подключение и первое знакомство с jQuery. Сложности: Все отлично. |
|||||
3 | Эксперименты и кнопки |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_syntax.asp На этом разберёмся, как работает написанная на прошлом уроке функция и почему именно так, а не по другому. Отчёт отправил: 4814. Дмитрий Выполнено за 32 мин. [Показать отчёт] Научился: Добавили 3 кнопки, реализовали функционал. Сложности: Все отлично. |
|||||
4 | Понятие селектора и примеры |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_selectors.asp На этом уроке мы поговорим о селекторах, что это такое и с чем его едят. Отчёт отправил: 4814. Дмитрий Выполнено за 3 час. 58 мин. [Показать отчёт] Научился: Познакомились с селекторами jQuery. Понравились $("*"), $("p.intro"), $("[href]"), $("tr:even"), $("tr:odd"). Сложности: Все отлично. |
|||||
5 | События и их методы |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_events.asp На этом уроке мы поговорим о событиях и их методах. Отчёт отправил: 4814. Дмитрий Выполнено за 3 час. 15 мин. [Показать отчёт] Научился: Добавили методы hover, focus, blur. Сложности: Все понятно. |
|||||
6 | Эффекты скрытия и отображения |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_hide_show.asp На этом уроке мы переходим к разделу эффектов и начнём с базовых функций: show() и hide(). Отчёт отправил: 4814. Дмитрий Выполнено за 23 час. 30 мин. [Показать отчёт] Научился: Изучили эффекты jQuery: hide, show, toggle. Сложности: Все отлично. |
|||||
7 | Эффекты появления и исчезновения |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_fade.asp На этом уроке мы переходим к эффекту: Fading. Отчёт отправил: 4814. Дмитрий Выполнено за 2 час. 20 мин. [Показать отчёт] Научился: Познакомились с функциями fadeIn, fadeOut, fadeToggle, fadeTo. Сложности: Все отлично. |
|||||
8 | Эффекты скольжения и базовая анимация |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_slide.asp www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы рассмотрим эффекты: Sliding и затронем начало раздела эффектов: Animate. Отчёт отправил: 4814. Дмитрий Выполнено за 7 час. 28 мин. [Показать отчёт] Научился: Познакомились с функцией Slide, а также с Animate. Значение position: 1. Absolute - отсчет позиции ведется от края окна браузера. 2. Fixes - привязывается к определенной точке на экране и не меняет своего положения при прокрутке. 3. Relative - положение устанавливается относительно его исходного места. Сложности: Все отлично. |
|||||
9 | Эффекты анимации, продолжение |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы продолжаем рассматривать раздел эффектов: Animate. Отчёт отправил: 4814. Дмитрий Выполнено за 3 час. 51 мин. [Показать отчёт] Научился: Познакомились с эффектами анимации. Сложности: Все отлично. |
|||||
10 | Домашнее задание: анимация Zorro |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы реализуем домашнее задание, а именно: Реализовать логотип проекта, который перемещается аля Zorro. Отчёт отправил: 4814. Дмитрий Выполнено за 3 час. 46 мин. [Показать отчёт] Научился: Научился перемещать объект по экрану, а также зацикливать перемещения. Познакомился с работой callback. Сложности: Проблем не возникло. |
|||||
11 | Остановка анимации |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_stop.asp На этом уроке мы рассмотрим функцию остановки анимации. Отчёт отправил: 4814. Дмитрий Выполнено за 47 мин. [Показать отчёт] Научился: Научился останавливать выполнение как отдельных анимаций, так и всех сразу. Сложности: Все отлично. |
|||||
12 | Функции обратного вызова |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_callback.asp www.w3schools.com/jquery/jquery_chaining.asp На этом уроке мы рассмотрим использование callback функций и повторим что такое и с чем едят цепочки вызова действий/методов. Отчёт отправил: 4814. Дмитрий Выполнено за 1 час. 15 мин. [Показать отчёт] Научился: Познакомились с функциями сallback и chaining. Функция обратного вызова (callback) — это функция, которая передается другой функции в качестве параметра и та, в свою очередь, вызывает переданную функцию. chaining (объединение в цепочку) - это приём, при котором после вызова каждого метода возвращается исходный объект, таким образом, появляется возможность выполнять несколько методов последовательно, а не вызывать их по отдельности. Сложности: Все отлично. |
|||||
13 | jQuery - DOM - Get |
1 тест |
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_dom_get.asp На этом уроке мы начинаем раздел управления HTML через DOM. Для начала рассмотрим методы text(), html(), val() и attr(). Отчёт отправил: 4814. Дмитрий Выполнено за 4 час. 2 мин. [Показать отчёт] Научился: Познакомились с управлением html через DOM. Методы text(), html(), val() и attr(). Сложности: Все отлично. |
|||||
14 | jQuery - DOM - Set |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_dom_set.asp На этом уроке мы продолжаем управление HTML через DOM. Рассмотрим те-же функции, но с параметрами. Отчёт отправил: 4814. Дмитрий Выполнено за 4 час. 16 мин. [Показать отчёт] Научился: Изучили функцию установки параметров с использованием text(), html(). attr(), а также с использованием callback. Сложности: Все отлично. |
|||||
15 | jQuery - AJAX = IFrame |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: На этом уроке мы реализуем ajax вызов не использую ajax. Отчёт отправил: 4814. Дмитрий Выполнено за 5 час. 9 мин. [Показать отчёт] Научился: Познакомились с IFrame, реализовали перенос времени в html-файл из php-файла. Сложности: Сложность в том, что простой копипаст здесь не работает. Некоторые вещи, реализованные в уроке, не хотят работать нужным образом. Php-файл работает при команде "echo date" и категорически отказывается при $date. html-файл отказывается корректно работать при добавлении "style="display: none". Поэтому остановился на ограниченном, но рабочем функционале. |
|||||
16 | jQuery - AJAX - Load |
|
|||
Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_ajax_intro.asp www.w3schools.com/jquery/jquery_ajax_load.asp На прошлом уроке мы реализовали возможность получения информации с сервера старым кустарным способом. На этом уроке мы воспользуемся возможностью AJAX, чтобы увидеть всю простоту решения. Отчёт отправил: 4814. Дмитрий Выполнено за 2 час. 1 мин. [Показать отчёт] Научился: Познакомились с возможностями AJAX, прописали загрузку информации с сервера. Сложности: Проблема в том, что php-файл корректно не работает, $time = date() не функционирует, отражается только echo date, в связи с чем переменная $time не передается в html-файл. |
|||||
Итого: 16 видеоуроков |
3 час. 44 мин. 8 тестов |
20 чел. | |||
Финалисты: Иван Воронин, Елена, Алексей В., Nikolay, Zulchumor Kurbonova, Ludmila, Сергей Соколов, Максим Лапшинов, Tekashnik, Николай Денисов, Новопашин Владимир, Дмитрий, Anton, Dmitry Sinitsin, Дмитрий Че, Андрей Гладков, Yefim, Max, Yaroslav, Tom . |