Создание элементов пользовательского интерфейса с помощью фреймворка jquery
# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 | Создание проекта |
|
|||
На этом уроке мы создадим наш проект и выведем запись |
|||||
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 . |