Создание элементов пользовательского интерфейса с помощью фреймворка jquery
| # | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
|---|---|---|---|---|---|
| 1 |
Создание проекта
|
|
|||
|
На этом уроке мы создадим наш проект и выведем запись Отчёт отправил: 14981. DimanDOS Выполнено за 30 мин. [Показать отчёт] Научился: Отличный урок! Спасибо! Сложности: Трудностей не возникало |
|||||
| 2 | Программа на javascript |
1 тест |
|||
| На этом уроке мы создадим первую программу на языке программирования javascript | |||||
| 3 | Подключение jquery и jquery_ui |
|
|||
|
На этом уроке мы подключим к нашему проекту библиотеки jquery и jquery ui |
|||||
| 4 | Перемещение блока |
1 тест |
|||
| На этом уроке мы научим нашу систему перемещать блок с кнопкой | |||||
| 5 | Параметры перемещения |
|
|||
| На этом уроке мы поработаем с параметрами функции draggable() | |||||
| 6 | Полезные виджеты - календарь |
1 тест |
|||
| На этом уроке мы реализуем виджет календарь для ввода даты в поле | |||||
| 7 | Полезные виджеты - вкладки |
|
|||
| На этом уроке мы создадим блок вкладок и перенесем в него календарь datepicker | |||||
| 8 | Полезные виджеты - аккордеон |
1 тест |
|||
| На этом уроке мы рассмотрим создание виджета accordion - блока вертикальных вкладок | |||||
| 9 | Полезные виджеты - диалоговое окно - инициация |
|
|||
| На этом уроке мы создадим диалоговое окно и инициируем его по нажатию кнопки | |||||
| 10 | Полезные виджеты - диалоговое окно - свойства |
1 тест |
|||
| На этом уроке мы рассмотрим свойства диалогового окна | |||||
| 11 | Полезные виджеты - строка прогресса и слайдер |
1 тест |
|||
| На этом уроке мы поработаем с виджетами "строка прогресса" и слайдер | |||||
| Итого: 11 видеоуроков |
1 час. 33 мин. 6 тестов |
3 чел. | |||
| Финалисты: Dmitry Sinitsin, Сергей Соколов, Tom . | |||||